npm - @sap-ux/ui-components - Versions diffs - 2.1.14 → 2.2.1 - Mend

@sap-ux/ui-components 2.1.14 → 2.2.1

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

Files changed (84) hide show

package/storybook/{715.e556c023.iframe.bundle.js → 715.68e5d55b.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var S=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var M=(p,i,s)=>i in p?S(p,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[i]=s,b=(p,i)=>{for(var s in i\|\|(i={}))R.call(i,s)&&M(p,s,i[s]);if(E)for(var s of E(i))j.call(i,s)&&M(p,s,i[s]);return p},y=(p,i)=>T(p,L(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[715],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"(p,i,s){var C=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),d=_(C);d.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)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:3px;color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}: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=d},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"(p,i,s){var C=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),d=_(C);d.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:4px}.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:4px}.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:4px;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 .is-disabled,.ts-Callout-Dropdown .ms-Dropdown-items .is-disabled{opacity:.4}.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-highlightForeground);font-size:11px;font-weight:bold}.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 .option-no-data{font-size:12px;font-weight:normal;height:26px;line-height:26px;padding-left:8px}.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=d},"./src/components/UIComboBox/Callout.scss"(p,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(C),d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),a=s.n(d),l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(l),m=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(m),D=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(D),v=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(v),f=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=c().bind(null,"head"),o.domAPI=a(),o.insertStyleElement=h();var t=_()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss"(p,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(C),d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),a=s.n(d),l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(l),m=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(m),D=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(D),v=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(v),f=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=c().bind(null,"head"),o.domAPI=a(),o.insertStyleElement=h();var t=_()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx"(p,i,s){"use strict";var C=this&&this.__importDefault\|\|function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(i,"__esModule",{value:!0}),i.UICheckbox=void 0;const _=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),a=s("./src/helper/ValidationMessage/index.tsx"),l=s("./src/components/UIInput/index.tsx");class c extends _.default.Component{constructor(B){super(B),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(D,h)=>({root:[!h.disabled&&[!h.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[d.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,[d.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[d.HighContrastSelector]:{color:h.disabled?"GrayText":"WindowText"}}}],h.checked&&!h.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:h.disabled?"":"var(--vscode-checkbox-background)",borderColor:h.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[d.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"}}},D.message&&{marginBottom:2}],input:{[`.${d.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[d.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:h.disabled?.4:void 0,borderRadius:l.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:h.disabled?.4:void 0}})}render(){const B=(0,a.getMessageInfo)(this.props),D=_.default.createElement(d.Checkbox,y(b({},this.props),{styles:h=>b(b({},this.setStyle(B,h)),this.props.styles)}));return B.message?_.default.createElement(a.MessageWrapper,{message:B},D):D}}i.UICheckbox=c},"./src/components/UICheckbox/index.tsx"(p,i,s){"use strict";var C=this&&this.__createBinding\|\|(Object.create?(function(d,a,l,c){c===void 0&&(c=l);var m=Object.getOwnPropertyDescriptor(a,l);(!m\|\|("get"in m?!a.__esModule:m.writable\|\|m.configurable))&&(m={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(d,c,m)}):(function(d,a,l,c){c===void 0&&(c=l),d[c]=a[l]})),_=this&&this.__exportStar\|\|function(d,a){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&C(a,d,l)};Object.defineProperty(i,"__esModule",{value:!0}),_(s("./src/components/UICheckbox/UICheckbox.tsx"),i)},"./src/components/UIComboBox/UIComboBox.tsx"(p,i,s){"use strict";var C=this&&this.__importDefault\|\|function(x){return x&&x.__esModule?x:{default:x}};Object.defineProperty(i,"__esModule",{value:!0}),i.UIComboBox=i.UIComboBoxLoaderType=i.UISelectableOptionMenuItemType=i.UIOnRenderComboBoxLabelProps=i.UIComboBoxRef=i.UISelectableOption=i.UIComboBoxOption=void 0;const _=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIComboBoxRef",{enumerable:!0,get:function(){return d.IComboBox}}),Object.defineProperty(i,"UIComboBoxOption",{enumerable:!0,get:function(){return d.IComboBoxOption}}),Object.defineProperty(i,"UISelectableOption",{enumerable:!0,get:function(){return d.ISelectableOption}}),Object.defineProperty(i,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return d.IOnRenderComboBoxLabelProps}}),Object.defineProperty(i,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return d.SelectableOptionMenuItemType}});const a=s("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");s("./src/components/UIComboBox/UIComboBox.scss"),s("./src/components/UIComboBox/Callout.scss");const l=s("./src/components/UILoader/index.tsx"),c=s("./src/components/Icons.tsx"),m=s("./src/helper/ValidationMessage/index.tsx"),B=s("./src/components/UILabel/index.tsx"),D=s("./src/components/UIDropdown/index.tsx"),h=s("./src/components/UICallout/index.tsx"),v=s("./src/utilities/index.ts"),I=s("./src/components/types.ts");var f;(function(x){x.List="List",x.Input="Input"})(f\|\|(i.UIComboBoxLoaderType=f={}));class g extends _.default.Component{constructor(o){var t,n;super(o),this.comboBox=_.default.createRef(),this.comboboxDomRef=_.default.createRef(),this.menuDomRef=_.default.createRef(),this.selectedElement=_.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new h.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.hiddenOptions=[],this.onResolveOptions=()=>this.props.options,this._onRenderItem=(e,r)=>{if(r&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const u=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:_.default.createElement("div",{key:e.key,ref:u?this.selectedElement:void 0,className:`${u?"ts-ComboBox--selected":""}`},r(e))}return null},this.onRenderItem=(e,r)=>this.props.onRenderItem?this.props.onRenderItem(e,this._onRenderItem.bind(this,e,r)):this._onRenderItem(e,r),this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(e,r)=>e&&e.itemType!==d.SelectableOptionMenuItemType.Header?_.default.createElement(a.UIHighlightMenuOption,{text:e.text,query:this.query}):r?r(e):null,this.onRenderOption=(e,r)=>this.props.onRenderOption?this.props.onRenderOption(e,this._onRenderOption.bind(this,e,r)):this._onRenderOption(e,r),this.handleChange=(e,r)=>{r&&this.props.onHandleChange&&this.props.onHandleChange(r.key)},this.onRenderList=(e,r)=>{const{onRenderList:u,externalSearchProps:w,options:O}=this.props;if(u)return u(e,r);if(this.isLoaderApplied(f.List)){const P={label:{fontSize:"11px",fontWeight:"normal"}};return _.default.createElement("div",{className:"option-loading"},_.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:P}))}else if(w!=null&&w.noDataLabel&&(!O.length\|\|this.isListHidden))return _.default.createElement("div",{className:"option-no-data"},w.noDataLabel);return r==null?void 0:r(e)},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),this.onRenderList=this.onRenderList.bind(this),this.onInputValueChange=this.onInputValueChange.bind(this),this.onExternalSearchDebounce=(0,v.debounce)(e=>{var r,u;return(u=(r=this.props.externalSearchProps)==null?void 0:r.onExternalSearch)==null?void 0:u.call(r,e)},(n=(t=o.externalSearchProps)==null?void 0:t.debounceTime)!=null?n:500),(0,d.initializeComponentRef)(this),this.state={},this.collectHiddenOptionKeys(o.options)}shouldComponentUpdate(o){const t=o.options!==this.props.options;return t&&this.collectHiddenOptionKeys(o.options),(t\|\|this.isLoaderChanged(this.props.isLoading,o.isLoading))&&this.query&&this.updateHiddenOptions(o.options,o.isLoading),!0}isLoaderChanged(o,t){return!!o!=!!t}updateHiddenOptions(o,t){this.isListHidden=!0;let n,e=!1;const r=()=>{n&&(n.hidden=!e)};for(const u of o)if(u.itemType===d.SelectableOptionMenuItemType.Header)r(),n=u,e=!1;else{let w=this.isLoaderApplied(f.List,t)\|\|this.isOptionVisibleByQuery(u,this.query);this.hiddenOptions.includes(u.key)&&(w=!1),u.hidden=!w,this.isListHidden&&!u.hidden&&(this.isListHidden=!1),e=w\|\|e}r()}isOptionVisibleByQuery(o,t){let n;return this.props.customSearchFilter&&(n=this.props.customSearchFilter(t,o)),n===void 0&&(n=o.text.toLowerCase().includes(t),this.props.searchByKeyEnabled&&!n&&(n=o.key.toString().toLowerCase().includes(t))),n}setCaretPosition(o){if((0,v.isHTMLInputElement)(o.target)){const t=o.target,n=t.selectionEnd;n!==t.value.length&&window.requestAnimationFrame(()=>{t.selectionStart=n,t.selectionEnd=n})}}onInput(o){if(this.isListHidden=!1,(0,v.isHTMLInputElement)(o.target)){this.setCaretPosition(o);const t=o.target;this.query=t.value.trimStart().toLowerCase();const n=this.comboBox.current;n&&this.updateHiddenOptions(n.props.hoisted.currentOptions)}}onClick(o){this.setCaretPosition(o);const t=this.comboBox.current,n=t==null?void 0:t.state.isOpen,e=this.props.disabled;this.props.openMenuOnClick&&t&&!n&&!e&&t.focus(!0)}onKeyDown(o){let t=!1;const n=this.comboBox.current,e=n==null?void 0:n.state.isOpen;(o.which===d.KeyCodes.down\|\|o.which===d.KeyCodes.up)&&(t=this._setCyclingNavigation(o.which===d.KeyCodes.down)),t?(o.preventDefault(),o.stopPropagation()):!this.ignoreOpenKeys.includes(o.key)&&n&&!e&&n.focus(!0)}reserQuery(){this.query="";for(const o of this.props.options)this.hiddenOptions.includes(o.key)\|\|delete o.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(o,t){const n=this.props.options.length;for(;o>=0&&o<n;){if(this.props.options[o]&&!this.props.options[o].hidden)return{option:this.props.options[o],index:o};o=o+(t?1:-1)}return null}_setCyclingNavigation(o){const t=this.comboBox.current;if(t&&t.state.currentPendingValueValidIndex>=0){let n=t.state.currentPendingValueValidIndex;const e=this.props.options.length-1;n=n+(o?1:-1);let r=this.getNextVisibleItem(n,o);if(r)return!1;if(r=this.getNextVisibleItem(o?0:e,o),r)return t.setState({currentPendingValueValidIndex:r.index,currentPendingValue:r.option.text}),!0}return!1}calculateMenuMinWidth(){var t;const o=(t=this.comboBox.current)==null?void 0:t._comboBoxWrapper.current;o&&this.props.useComboBoxAsMenuMinWidth&&o.clientWidth!==this.state.minWidth&&this.setState({minWidth:o.clientWidth})}onPendingValueChanged(o,t,n){var e,r;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(e=this.props)!=null&&e.onPendingValueChanged&&((r=this.props)==null\|\|r.onPendingValueChanged(o,t,n))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const o=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),o==null\|\|o.focus(!0))}onMultiSelectChange(o,t,n,e){this.props.onChange&&o.type!=="blur"&&this.props.onChange(o,t,n,e)}onScrollToItem(){const o=this.selectedElement.current;if(!this.props.multiSelect\|\|!o)return;const t=o.offsetParent;if(t){const n=t.clientHeight;if(t.scrollHeight>n){const r=o.offsetTop,u=r+o.clientHeight,w=t.scrollTop,O=w+n;if(!(r>=w&&u<=O)){const k=u>O?u-O:r-w;t.scrollTop=w+k}}}}getClassNames(o){const{readOnly:t,disabled:n}=this.props,e=o.message?m.MESSAGE_TYPES_CLASSNAME_MAP.get(o.type):void 0;let r=`ts-ComboBox${o.message?" ts-ComboBox--"+e:""}`;return t&&!n&&(r+=" ts-ComboBox--readonly"),n&&(r+=" ts-ComboBox--disabled"),(0,D.isDropdownEmpty)(this.props)&&(r+=" ts-ComboBox--empty"),r}getAutofillProps(){const{highlight:o,readOnly:t,disabled:n}=this.props,e={};o&&(e.onKeyDownCapture=this.onKeyDown);const r="tabIndex"in this.props?this.props.tabIndex:void 0;return t&&!n?(e.readOnly=t,e.tabIndex=r,e["aria-disabled"]=void 0,e["aria-readonly"]=!0):n&&(e.disabled=void 0,e.readOnly=!0,e.tabIndex=r),e["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",e}isLoaderApplied(o,t=this.props.isLoading){return Array.isArray(t)?t.includes(o):!!t&&o===f.List}onRenderIcon(o,t){var n;if(this.isLoaderApplied(f.Input)){const e={label:{fontSize:"11px",fontWeight:"normal"}};return _.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:e})}return(n=t==null?void 0:t(o))!=null?n:null}onInputValueChange(o){const{onInputValueChange:t,externalSearchProps:n}=this.props;if(t==null\|\|t(o),n){const{onExternalSearch:e,onInputChange:r}=n;r==null\|\|r(o),e&&this.onExternalSearchDebounce(o)}}collectHiddenOptionKeys(o){this.hiddenOptions=[];for(const t of o)t.hidden&&this.hiddenOptions.push(t.key)}render(){var n;const o=(0,m.getMessageInfo)(this.props);let t=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(t=!0),_.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(o)},_.default.createElement(d.ComboBox,y(b(y(b(b(b(y(b(y(b({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:t,iconButtonProps:{iconProps:{iconName:c.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:b(b(b({},B.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:I.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[o.style]}},this.props),{calloutProps:b(b({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:b({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden&&!((n=this.props.externalSearchProps)!=null&&n.noDataLabel)?"none":void 0}})},this.props.calloutProps),(0,D.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform))}),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}),{onRenderList:this.onRenderList}),this.props.multiSelect&&b({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:o.message,onInputValueChange:this.onInputValueChange})))}}i.UIComboBox=g,g.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx"(p,i,s){"use strict";var C=this&&this.__createBinding\|\|(Object.create?(function(d,a,l,c){c===void 0&&(c=l);var m=Object.getOwnPropertyDescriptor(a,l);(!m\|\|("get"in m?!a.__esModule:m.writable\|\|m.configurable))&&(m={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(d,c,m)}):(function(d,a,l,c){c===void 0&&(c=l),d[c]=a[l]})),_=this&&this.__exportStar\|\|function(d,a){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&C(a,d,l)};Object.defineProperty(i,"__esModule",{value:!0}),_(s("./src/components/UIComboBox/UIComboBox.tsx"),i)}}]);})();
1	+ (()=>{var S=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var M=(u,i,s)=>i in u?S(u,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[i]=s,b=(u,i)=>{for(var s in i\|\|(i={}))R.call(i,s)&&M(u,s,i[s]);if(E)for(var s of E(i))j.call(i,s)&&M(u,s,i[s]);return u},y=(u,i)=>T(u,L(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[715],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"(u,i,s){var C=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),d=_(C);d.push([u.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)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:3px;color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}: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)}",""]),u.exports=d},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"(u,i,s){var C=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),d=_(C);d.push([u.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:4px}.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:4px}.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:4px;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 .is-disabled,.ts-Callout-Dropdown .ms-Dropdown-items .is-disabled{opacity:.4}.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-highlightForeground);font-size:11px;font-weight:bold}.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 .option-no-data{font-size:12px;font-weight:normal;height:26px;line-height:26px;padding-left:8px}.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}",""]),u.exports=d},"./src/components/UIComboBox/Callout.scss"(u,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(C),d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),a=s.n(d),l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(l),m=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(m),D=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(D),v=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(v),f=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=c().bind(null,"head"),o.domAPI=a(),o.insertStyleElement=h();var t=_()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss"(u,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(C),d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),a=s.n(d),l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(l),m=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(m),D=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(D),v=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(v),f=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=c().bind(null,"head"),o.domAPI=a(),o.insertStyleElement=h();var t=_()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx"(u,i,s){"use strict";var C=this&&this.__importDefault\|\|function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(i,"__esModule",{value:!0}),i.UICheckbox=void 0;const _=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),a=s("./src/helper/ValidationMessage/index.tsx"),l=s("./src/components/UIInput/index.tsx");class c extends _.default.Component{constructor(B){super(B),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(D,h)=>({root:[!h.disabled&&[!h.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[d.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,[d.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[d.HighContrastSelector]:{color:h.disabled?"GrayText":"WindowText"}}}],h.checked&&!h.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:h.disabled?"":"var(--vscode-checkbox-background)",borderColor:h.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[d.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"}}},D.message&&{marginBottom:2}],input:{[`.${d.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[d.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:h.disabled?.4:void 0,borderRadius:l.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:h.disabled?.4:void 0}})}render(){const B=(0,a.getMessageInfo)(this.props),D=_.default.createElement(d.Checkbox,y(b({},this.props),{styles:h=>b(b({},this.setStyle(B,h)),this.props.styles)}));return B.message?_.default.createElement(a.MessageWrapper,{message:B},D):D}}i.UICheckbox=c},"./src/components/UICheckbox/index.tsx"(u,i,s){"use strict";var C=this&&this.__createBinding\|\|(Object.create?function(d,a,l,c){c===void 0&&(c=l);var m=Object.getOwnPropertyDescriptor(a,l);(!m\|\|("get"in m?!a.__esModule:m.writable\|\|m.configurable))&&(m={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(d,c,m)}:function(d,a,l,c){c===void 0&&(c=l),d[c]=a[l]}),_=this&&this.__exportStar\|\|function(d,a){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&C(a,d,l)};Object.defineProperty(i,"__esModule",{value:!0}),_(s("./src/components/UICheckbox/UICheckbox.tsx"),i)},"./src/components/UIComboBox/UIComboBox.tsx"(u,i,s){"use strict";var C=this&&this.__importDefault\|\|function(x){return x&&x.__esModule?x:{default:x}};Object.defineProperty(i,"__esModule",{value:!0}),i.UIComboBox=i.UIComboBoxLoaderType=i.UISelectableOptionMenuItemType=i.UIOnRenderComboBoxLabelProps=i.UIComboBoxRef=i.UISelectableOption=i.UIComboBoxOption=void 0;const _=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIComboBoxRef",{enumerable:!0,get:function(){return d.IComboBox}}),Object.defineProperty(i,"UIComboBoxOption",{enumerable:!0,get:function(){return d.IComboBoxOption}}),Object.defineProperty(i,"UISelectableOption",{enumerable:!0,get:function(){return d.ISelectableOption}}),Object.defineProperty(i,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return d.IOnRenderComboBoxLabelProps}}),Object.defineProperty(i,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return d.SelectableOptionMenuItemType}});const a=s("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");s("./src/components/UIComboBox/UIComboBox.scss"),s("./src/components/UIComboBox/Callout.scss");const l=s("./src/components/UILoader/index.tsx"),c=s("./src/components/Icons.tsx"),m=s("./src/helper/ValidationMessage/index.tsx"),B=s("./src/components/UILabel/index.tsx"),D=s("./src/components/UIDropdown/index.tsx"),h=s("./src/components/UICallout/index.tsx"),v=s("./src/utilities/index.ts"),I=s("./src/components/types.ts");var f;(function(x){x.List="List",x.Input="Input"})(f\|\|(i.UIComboBoxLoaderType=f={}));class g extends _.default.Component{constructor(o){var t,n;super(o),this.comboBox=_.default.createRef(),this.comboboxDomRef=_.default.createRef(),this.menuDomRef=_.default.createRef(),this.selectedElement=_.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new h.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.hiddenOptions=[],this.onResolveOptions=()=>this.props.options,this._onRenderItem=(e,r)=>{if(r&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const p=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:_.default.createElement("div",{key:e.key,ref:p?this.selectedElement:void 0,className:`${p?"ts-ComboBox--selected":""}`},r(e))}return null},this.onRenderItem=(e,r)=>this.props.onRenderItem?this.props.onRenderItem(e,this._onRenderItem.bind(this,e,r)):this._onRenderItem(e,r),this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(e,r)=>e&&e.itemType!==d.SelectableOptionMenuItemType.Header?_.default.createElement(a.UIHighlightMenuOption,{text:e.text,query:this.query}):r?r(e):null,this.onRenderOption=(e,r)=>this.props.onRenderOption?this.props.onRenderOption(e,this._onRenderOption.bind(this,e,r)):this._onRenderOption(e,r),this.handleChange=(e,r)=>{r&&this.props.onHandleChange&&this.props.onHandleChange(r.key)},this.onRenderList=(e,r)=>{const{onRenderList:p,externalSearchProps:w,options:O}=this.props;if(p)return p(e,r);if(this.isLoaderApplied(f.List)){const P={label:{fontSize:"11px",fontWeight:"normal"}};return _.default.createElement("div",{className:"option-loading"},_.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:P}))}else if(w!=null&&w.noDataLabel&&(!O.length\|\|this.isListHidden))return _.default.createElement("div",{className:"option-no-data"},w.noDataLabel);return r==null?void 0:r(e)},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),this.onRenderList=this.onRenderList.bind(this),this.onInputValueChange=this.onInputValueChange.bind(this),this.onExternalSearchDebounce=(0,v.debounce)(e=>{var r,p;return(p=(r=this.props.externalSearchProps)==null?void 0:r.onExternalSearch)==null?void 0:p.call(r,e)},(n=(t=o.externalSearchProps)==null?void 0:t.debounceTime)!=null?n:500),(0,d.initializeComponentRef)(this),this.state={},this.collectHiddenOptionKeys(o.options)}shouldComponentUpdate(o){const t=o.options!==this.props.options;return t&&this.collectHiddenOptionKeys(o.options),(t\|\|this.isLoaderChanged(this.props.isLoading,o.isLoading))&&this.query&&this.updateHiddenOptions(o.options,o.isLoading),!0}isLoaderChanged(o,t){return!!o!=!!t}updateHiddenOptions(o,t){this.isListHidden=!0;let n,e=!1;const r=()=>{n&&(n.hidden=!e)};for(const p of o)if(p.itemType===d.SelectableOptionMenuItemType.Header)r(),n=p,e=!1;else{let w=this.isLoaderApplied(f.List,t)\|\|this.isOptionVisibleByQuery(p,this.query);this.hiddenOptions.includes(p.key)&&(w=!1),p.hidden=!w,this.isListHidden&&!p.hidden&&(this.isListHidden=!1),e=w\|\|e}r()}isOptionVisibleByQuery(o,t){let n;return this.props.customSearchFilter&&(n=this.props.customSearchFilter(t,o)),n===void 0&&(n=o.text.toLowerCase().includes(t),this.props.searchByKeyEnabled&&!n&&(n=o.key.toString().toLowerCase().includes(t))),n}setCaretPosition(o){if((0,v.isHTMLInputElement)(o.target)){const t=o.target,n=t.selectionEnd;n!==t.value.length&&window.requestAnimationFrame(()=>{t.selectionStart=n,t.selectionEnd=n})}}onInput(o){if(this.isListHidden=!1,(0,v.isHTMLInputElement)(o.target)){this.setCaretPosition(o);const t=o.target;this.query=t.value.trimStart().toLowerCase();const n=this.comboBox.current;n&&this.updateHiddenOptions(n.props.hoisted.currentOptions)}}onClick(o){this.setCaretPosition(o);const t=this.comboBox.current,n=t==null?void 0:t.state.isOpen,e=this.props.disabled;this.props.openMenuOnClick&&t&&!n&&!e&&t.focus(!0)}onKeyDown(o){let t=!1;const n=this.comboBox.current,e=n==null?void 0:n.state.isOpen;(o.which===d.KeyCodes.down\|\|o.which===d.KeyCodes.up)&&(t=this._setCyclingNavigation(o.which===d.KeyCodes.down)),t?(o.preventDefault(),o.stopPropagation()):!this.ignoreOpenKeys.includes(o.key)&&n&&!e&&n.focus(!0)}reserQuery(){this.query="";for(const o of this.props.options)this.hiddenOptions.includes(o.key)\|\|delete o.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(o,t){const n=this.props.options.length;for(;o>=0&&o<n;){if(this.props.options[o]&&!this.props.options[o].hidden)return{option:this.props.options[o],index:o};o=o+(t?1:-1)}return null}_setCyclingNavigation(o){const t=this.comboBox.current;if(t&&t.state.currentPendingValueValidIndex>=0){let n=t.state.currentPendingValueValidIndex;const e=this.props.options.length-1;n=n+(o?1:-1);let r=this.getNextVisibleItem(n,o);if(r)return!1;if(r=this.getNextVisibleItem(o?0:e,o),r)return t.setState({currentPendingValueValidIndex:r.index,currentPendingValue:r.option.text}),!0}return!1}calculateMenuMinWidth(){var t;const o=(t=this.comboBox.current)==null?void 0:t._comboBoxWrapper.current;o&&this.props.useComboBoxAsMenuMinWidth&&o.clientWidth!==this.state.minWidth&&this.setState({minWidth:o.clientWidth})}onPendingValueChanged(o,t,n){var e,r;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(e=this.props)!=null&&e.onPendingValueChanged&&((r=this.props)==null\|\|r.onPendingValueChanged(o,t,n))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const o=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),o==null\|\|o.focus(!0))}onMultiSelectChange(o,t,n,e){this.props.onChange&&o.type!=="blur"&&this.props.onChange(o,t,n,e)}onScrollToItem(){const o=this.selectedElement.current;if(!this.props.multiSelect\|\|!o)return;const t=o.offsetParent;if(t){const n=t.clientHeight;if(t.scrollHeight>n){const r=o.offsetTop,p=r+o.clientHeight,w=t.scrollTop,O=w+n;if(!(r>=w&&p<=O)){const k=p>O?p-O:r-w;t.scrollTop=w+k}}}}getClassNames(o){const{readOnly:t,disabled:n}=this.props,e=o.message?m.MESSAGE_TYPES_CLASSNAME_MAP.get(o.type):void 0;let r=`ts-ComboBox${o.message?" ts-ComboBox--"+e:""}`;return t&&!n&&(r+=" ts-ComboBox--readonly"),n&&(r+=" ts-ComboBox--disabled"),(0,D.isDropdownEmpty)(this.props)&&(r+=" ts-ComboBox--empty"),r}getAutofillProps(){const{highlight:o,readOnly:t,disabled:n}=this.props,e={};o&&(e.onKeyDownCapture=this.onKeyDown);const r="tabIndex"in this.props?this.props.tabIndex:void 0;return t&&!n?(e.readOnly=t,e.tabIndex=r,e["aria-disabled"]=void 0,e["aria-readonly"]=!0):n&&(e.disabled=void 0,e.readOnly=!0,e.tabIndex=r),e["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",e}isLoaderApplied(o,t=this.props.isLoading){return Array.isArray(t)?t.includes(o):!!t&&o===f.List}onRenderIcon(o,t){var n;if(this.isLoaderApplied(f.Input)){const e={label:{fontSize:"11px",fontWeight:"normal"}};return _.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:e})}return(n=t==null?void 0:t(o))!=null?n:null}onInputValueChange(o){const{onInputValueChange:t,externalSearchProps:n}=this.props;if(t==null\|\|t(o),n){const{onExternalSearch:e,onInputChange:r}=n;r==null\|\|r(o),e&&this.onExternalSearchDebounce(o)}}collectHiddenOptionKeys(o){this.hiddenOptions=[];for(const t of o)t.hidden&&this.hiddenOptions.push(t.key)}render(){var n;const o=(0,m.getMessageInfo)(this.props);let t=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(t=!0),_.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(o)},_.default.createElement(d.ComboBox,y(b(y(b(b(b(y(b(y(b({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:t,iconButtonProps:{iconProps:{iconName:c.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{callout:{boxShadow:"var(--ui-box-shadow-small)"},label:b(b(b({},B.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:I.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[o.style]}},this.props),{calloutProps:b(b({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:b({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden&&!((n=this.props.externalSearchProps)!=null&&n.noDataLabel)?"none":void 0}})},this.props.calloutProps),(0,D.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform))}),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}),{onRenderList:this.onRenderList}),this.props.multiSelect&&b({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:o.message,onInputValueChange:this.onInputValueChange})))}}i.UIComboBox=g,g.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx"(u,i,s){"use strict";var C=this&&this.__createBinding\|\|(Object.create?function(d,a,l,c){c===void 0&&(c=l);var m=Object.getOwnPropertyDescriptor(a,l);(!m\|\|("get"in m?!a.__esModule:m.writable\|\|m.configurable))&&(m={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(d,c,m)}:function(d,a,l,c){c===void 0&&(c=l),d[c]=a[l]}),_=this&&this.__exportStar\|\|function(d,a){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&C(a,d,l)};Object.defineProperty(i,"__esModule",{value:!0}),_(s("./src/components/UIComboBox/UIComboBox.tsx"),i)}}]);})();

package/storybook/{738.4c7096f3.iframe.bundle.js → 738.d810205a.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UIActionCallout-story.ddcadadd.iframe.bundle.js → UIActionCallout-story.e1969803.iframe.bundle.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 (()=>{var O=Object.defineProperty,T=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var P=(a,_,e)=>_ in a?O(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,E=(a,_)=>{for(var e in _||(_={}))j.call(_,e)&&P(a,e,_[e]);if(g)for(var e of g(_))S.call(_,e)&&P(a,e,_[e]);return a},C=(a,_)=>T(a,A(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(a){"use strict";a.exports=function(_){var e=[];return e.toString=function(){return this.map(function(l){var o="",t=typeof l[5]!="undefined";return l[4]&&(o+="@supports (".concat(l[4],") {")),l[2]&&(o+="@media ".concat(l[2]," {")),t&&(o+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),o+=_(l),t&&(o+="}"),l[2]&&(o+="}"),l[4]&&(o+="}"),o}).join("")},e.i=function(l,o,t,s,n){typeof l=="string"&&(l=[[null,l,void 0]]);var d={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(d[m]=!0)}for(var u=0;u<l.length;u++){var c=[].concat(l[u]);t&&d[c[0]]||(typeof n!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=n),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(a){"use strict";a.exports=function(_){return _[1]}},"./src/components/UIActionCallout/UIActionCallout.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>I});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var v=l()(p(),b);const I=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>I});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var v=l()(p(),b);const I=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>I});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var v=l()(p(),b);const I=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(a){"use strict";var _=[];function e(o){for(var t=-1,s=0;s<_.length;s++)if(_[s].identifier===o){t=s;break}return t}function r(o,t){for(var s={},n=[],d=0;d<o.length;d++){var i=o[d],m=t.base?i[0]+t.base:i[0],u=s[m]||0,c="".concat(m," ").concat(u);s[m]=u+1;var f=e(c),h={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(f!==-1)_[f].references++,_[f].updater(h);else{var p=l(h,t);t.byIndex=d,_.splice(d,0,{identifier:c,updater:p,references:1})}n.push(c)}return n}function l(o,t){var s=t.domAPI(t);s.update(o);var n=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;s.update(o=i)}else s.remove()};return n}a.exports=function(o,t){t=t||{},o=o||[];var s=r(o,t);return function(d){d=d||[];for(var i=0;i<s.length;i++){var m=s[i],u=e(m);_[u].references--}for(var c=r(d,t),f=0;f<s.length;f++){var h=s[f],p=e(h);_[p].references===0&&(_[p].updater(),_.splice(p,1))}s=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(a){"use strict";var _={};function e(l){if(typeof _[l]=="undefined"){var o=document.querySelector(l);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}_[l]=o}return _[l]}function r(l,o){var t=e(l);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(a){"use strict";function _(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}a.exports=_},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(a,_,e){"use strict";function r(l){var o=e.nc;o&&l.setAttribute("nonce",o)}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(a){"use strict";function _(l,o,t){var s="";t.supports&&(s+="@supports (".concat(t.supports,") {")),t.media&&(s+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(s+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),s+=t.css,n&&(s+="}"),t.media&&(s+="}"),t.supports&&(s+="}");var d=t.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),o.styleTagTransform(s,l,o.options)}function e(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function r(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=l.insertStyleElement(l);return{update:function(s){_(o,l,s)},remove:function(){e(o)}}}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(a){"use strict";function _(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}a.exports=_},"./src/components/UIActionCallout/UIActionCallout.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIActionCallout=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends o.default.Component{constructor(m){var u;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=o.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(u=m.isError)!=null?u:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,u;return o.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:l.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(u=(m=this.icon)==null?void 0:m.render())!=null?u:o.default.createElement(n.UIIcon,{iconName:t.UiIcons.HelpAction}),o.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),o.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}_.UIActionCallout=d},"./src/components/UIActionCallout/index.ts"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIActionCallout/UIActionCallout.tsx"),_)},"./src/components/UICallout/CalloutCollisionTransform.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},r=20;class l{constructor(t,s,n=e){this.originalStyle={},this.source=t,this.callout=s,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${t}px`,s}getElements(){const t=this.source.current,s=t==null?void 0:t.closest(this.props.container);if(s&&t){const n=s==null?void 0:s.querySelector(this.props.target);if(n){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(d.callout={dom:i,rect:i.getBoundingClientRect()}),d}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:s,target:n,callout:d,source:i}=t;if(d){const m=window.innerHeight-e.minPagePadding,u=d.rect.height,c=i.rect.bottom;let f=c+u-n.rect.top,h=c+d.rect.height;if(f<=0||h>=m)return;if(h+=n.rect.height,h<=m&&(f+=r),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),n.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:s}=t;for(const n in this.originalStyle){const d=this.originalStyle[n];typeof d=="string"&&(s.dom.style[n]=d)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const s=this.getElements();return!!(t.type==="focus"&&(s!=null&&s.target.dom.contains(t.target)))}}_.CalloutCollisionTransform=l},"./src/components/UICallout/UICallout.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICallout=_.getCalloutStyle=_.UICalloutContentPadding=_.CALLOUT_STYLES=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),_.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var s;(function(u){u.None="None",u.Standard="Standard"})(s||(_.UICalloutContentPadding=s={}));const n=new Map([[s.Standard,8]]),d=(u,c)=>typeof u=="object"&&typeof u[c]=="object"?u[c]:{},i=u=>{var c,f;return{root:E({boxShadow:_.CALLOUT_STYLES.boxShadow,backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius,border:`1px solid ${_.CALLOUT_STYLES.borderColor}`},d(u.styles,"root")),beak:E({backgroundColor:_.CALLOUT_STYLES.background,boxShadow:_.CALLOUT_STYLES.boxShadow},d(u.styles,"beak")),beakCurtain:E({backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius},d(u.styles,"beakCurtain")),calloutMain:E({backgroundColor:"transparent",color:_.CALLOUT_STYLES.text,borderRadius:_.CALLOUT_STYLES.borderRadius,minWidth:(c=u.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:n.get((f=u.contentPadding)!=null?f:s.None)},d(u.styles,"calloutMain")),container:d(u.styles,"container")}};_.getCalloutStyle=i;class m extends l.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&c.key==="Tab"&&p){let y=null;if(typeof p=="string"){const b=(0,o.getDocument)();y=b==null?void 0:b.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(y=p);y&&(0,t.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}f==null||f(c)}render(){return l.default.createElement(o.Callout,C(E({},this.props),{onKeyDown:this.onKeyDown,styles:(0,_.getCalloutStyle)(this.props)}),this.props.children)}}_.UICallout=m},"./src/components/UICallout/index.tsx"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UICallout/CalloutCollisionTransform.ts"),_),l(e("./src/components/UICallout/UICallout.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends l.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return l.default.createElement(o.Icon,C(E({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/utilities/Debounce.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.debounce=e;function e(r,l){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{r(...t)},l)}}},"./src/utilities/Dom.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isHTMLElement=e,_.isHTMLInputElement=r;function e(l){return"title"in l}function r(l){return"value"in l&&"tagName"in l&&l.tagName==="INPUT"}},"./src/utilities/Focus.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isElementTabbable=_.getPreviousElement=_.getNextElement=_.setUIFocusVisibility=_.getUILastFocusable=_.getUIFirstFocusable=void 0,_.focusToSibling=l;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIFirstFocusable",{enumerable:!0,get:function(){return r.getFirstFocusable}}),Object.defineProperty(_,"getUILastFocusable",{enumerable:!0,get:function(){return r.getLastFocusable}}),Object.defineProperty(_,"setUIFocusVisibility",{enumerable:!0,get:function(){return r.setFocusVisibility}}),Object.defineProperty(_,"getNextElement",{enumerable:!0,get:function(){return r.getNextElement}}),Object.defineProperty(_,"getPreviousElement",{enumerable:!0,get:function(){return r.getPreviousElement}}),Object.defineProperty(_,"isElementTabbable",{enumerable:!0,get:function(){return r.isElementTabbable}});function l(o,t){const s=(0,r.getDocument)();if(s){let n=null;if(t?n=(0,r.getNextElement)(s.body,o,!1,!1,!0,!0):n=(0,r.getPreviousElement)(s.body,o,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getUIId=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIId",{enumerable:!0,get:function(){return r.getId}})},"./src/utilities/Keys.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.UIKeyCodes=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIKeyCodes",{enumerable:!0,get:function(){return r.KeyCodes}})},"./src/utilities/index.ts"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/utilities/Debounce.ts"),_),l(e("./src/utilities/Dom.ts"),_),l(e("./src/utilities/Focus.ts"),_),l(e("./src/utilities/Id.ts"),_),l(e("./src/utilities/Keys.ts"),_)},"./stories/UIActionCallout.story.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),n=e("./src/components/Icons.tsx");_.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},i={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},u=()=>o.default.createElement(l.Stack,{tokens:d,style:{width:300}},o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),o.default.createElement(t.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:i,isError:!0})),o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),o.default.createElement(t.UIActionCallout,{icon:new s.UIIcon({iconName:n.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));_.defaultUsage=u}}]);})();
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),o.styleTagTransform(s,l,o.options)}function e(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function r(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=l.insertStyleElement(l);return{update:function(s){_(o,l,s)},remove:function(){e(o)}}}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(a){"use strict";function _(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}a.exports=_},"./src/components/UIActionCallout/UIActionCallout.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIActionCallout=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends o.default.Component{constructor(m){var u;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=o.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(u=m.isError)!=null?u:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,u;return o.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:l.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(u=(m=this.icon)==null?void 0:m.render())!=null?u:o.default.createElement(n.UIIcon,{iconName:t.UiIcons.HelpAction}),o.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),o.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}_.UIActionCallout=d},"./src/components/UIActionCallout/index.ts"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}:function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]}),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIActionCallout/UIActionCallout.tsx"),_)},"./src/components/UICallout/CalloutCollisionTransform.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},r=20;class l{constructor(t,s,n=e){this.originalStyle={},this.source=t,this.callout=s,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${t}px`,s}getElements(){const t=this.source.current,s=t==null?void 0:t.closest(this.props.container);if(s&&t){const n=s==null?void 0:s.querySelector(this.props.target);if(n){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(d.callout={dom:i,rect:i.getBoundingClientRect()}),d}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:s,target:n,callout:d,source:i}=t;if(d){const m=window.innerHeight-e.minPagePadding,u=d.rect.height,c=i.rect.bottom;let f=c+u-n.rect.top,h=c+d.rect.height;if(f<=0||h>=m)return;if(h+=n.rect.height,h<=m&&(f+=r),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),n.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:s}=t;for(const n in this.originalStyle){const d=this.originalStyle[n];typeof d=="string"&&(s.dom.style[n]=d)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const s=this.getElements();return!!(t.type==="focus"&&(s!=null&&s.target.dom.contains(t.target)))}}_.CalloutCollisionTransform=l},"./src/components/UICallout/UICallout.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICallout=_.getCalloutStyle=_.UICalloutContentPadding=_.CALLOUT_STYLES=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),_.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var s;(function(u){u.None="None",u.Standard="Standard"})(s||(_.UICalloutContentPadding=s={}));const n=new Map([[s.Standard,8]]),d=(u,c)=>typeof u=="object"&&typeof u[c]=="object"?u[c]:{},i=u=>{var c,f;return{root:E({boxShadow:_.CALLOUT_STYLES.boxShadow,backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius,border:`1px solid ${_.CALLOUT_STYLES.borderColor}`},d(u.styles,"root")),beak:E({backgroundColor:_.CALLOUT_STYLES.background,boxShadow:_.CALLOUT_STYLES.boxShadow},d(u.styles,"beak")),beakCurtain:E({backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius},d(u.styles,"beakCurtain")),calloutMain:E({backgroundColor:"transparent",color:_.CALLOUT_STYLES.text,borderRadius:_.CALLOUT_STYLES.borderRadius,minWidth:(c=u.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:n.get((f=u.contentPadding)!=null?f:s.None)},d(u.styles,"calloutMain")),container:d(u.styles,"container")}};_.getCalloutStyle=i;class m extends l.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&c.key==="Tab"&&p){let y=null;if(typeof p=="string"){const b=(0,o.getDocument)();y=b==null?void 0:b.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(y=p);y&&(0,t.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}f==null||f(c)}render(){return l.default.createElement(o.Callout,C(E({},this.props),{onKeyDown:this.onKeyDown,styles:(0,_.getCalloutStyle)(this.props)}),this.props.children)}}_.UICallout=m},"./src/components/UICallout/index.tsx"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}:function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]}),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UICallout/CalloutCollisionTransform.ts"),_),l(e("./src/components/UICallout/UICallout.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends l.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return l.default.createElement(o.Icon,C(E({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}:function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]}),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/utilities/Debounce.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.debounce=e;function e(r,l){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{r(...t)},l)}}},"./src/utilities/Dom.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isHTMLElement=e,_.isHTMLInputElement=r;function e(l){return"title"in l}function r(l){return"value"in l&&"tagName"in l&&l.tagName==="INPUT"}},"./src/utilities/Focus.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isElementTabbable=_.getPreviousElement=_.getNextElement=_.setUIFocusVisibility=_.getUILastFocusable=_.getUIFirstFocusable=void 0,_.focusToSibling=l;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIFirstFocusable",{enumerable:!0,get:function(){return r.getFirstFocusable}}),Object.defineProperty(_,"getUILastFocusable",{enumerable:!0,get:function(){return r.getLastFocusable}}),Object.defineProperty(_,"setUIFocusVisibility",{enumerable:!0,get:function(){return r.setFocusVisibility}}),Object.defineProperty(_,"getNextElement",{enumerable:!0,get:function(){return r.getNextElement}}),Object.defineProperty(_,"getPreviousElement",{enumerable:!0,get:function(){return r.getPreviousElement}}),Object.defineProperty(_,"isElementTabbable",{enumerable:!0,get:function(){return r.isElementTabbable}});function l(o,t){const s=(0,r.getDocument)();if(s){let n=null;if(t?n=(0,r.getNextElement)(s.body,o,!1,!1,!0,!0):n=(0,r.getPreviousElement)(s.body,o,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getUIId=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIId",{enumerable:!0,get:function(){return r.getId}})},"./src/utilities/Keys.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.UIKeyCodes=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIKeyCodes",{enumerable:!0,get:function(){return r.KeyCodes}})},"./src/utilities/index.ts"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}:function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]}),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/utilities/Debounce.ts"),_),l(e("./src/utilities/Dom.ts"),_),l(e("./src/utilities/Focus.ts"),_),l(e("./src/utilities/Id.ts"),_),l(e("./src/utilities/Keys.ts"),_)},"./stories/UIActionCallout.story.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),n=e("./src/components/Icons.tsx");_.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},i={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},u=()=>o.default.createElement(l.Stack,{tokens:d,style:{width:300}},o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),o.default.createElement(t.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:i,isError:!0})),o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),o.default.createElement(t.UIActionCallout,{icon:new s.UIIcon({iconName:n.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));_.defaultUsage=u}}]);})();

package/storybook/UIButton-story.2725095a.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(()=>{var M=Object.defineProperty,z=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var D=(p,i,u)=>i in p?M(p,i,{enumerable:!0,configurable:!0,writable:!0,value:u}):p[i]=u,h=(p,i)=>{for(var u in i||(i={}))O.call(i,u)&&D(p,u,i[u]);if(N)for(var u of N(i))W.call(i,u)&&D(p,u,i[u]);return p},B=(p,i)=>z(p,j(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"./stories/UIButton.story.tsx"(p,i,u){var v=this&&this.__createBinding||(Object.create?function(m,r,c,s){s===void 0&&(s=c);var l=Object.getOwnPropertyDescriptor(r,c);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(m,s,l)}:function(m,r,c,s){s===void 0&&(s=c),m[s]=r[c]}),T=this&&this.__setModuleDefault||(Object.create?function(m,r){Object.defineProperty(m,"default",{enumerable:!0,value:r})}:function(m,r){m.default=r}),w=this&&this.__importStar||function(){var m=function(r){return m=Object.getOwnPropertyNames||function(c){var s=[];for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&(s[s.length]=l);return s},m(r)};return function(r){if(r&&r.__esModule)return r;var c={};if(r!=null)for(var s=m(r),l=0;l<s.length;l++)s[l]!=="default"&&v(c,r,s[l]);return T(c,r),c}}();Object.defineProperty(i,"__esModule",{value:!0}),i.defaultUsage=void 0;const t=w(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=u("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=u("./src/components/UIButton/index.tsx"),y=u("./src/components/UIContextualMenu/index.tsx"),o=u("./src/components/Icons.tsx"),b=u("./src/components/UITreeDropdown/index.tsx");(0,o.initIcons)(),i.default={title:"Basic Inputs/Buttons"};const a={childrenGap:40},_=()=>{const[m,r]=(0,t.useState)(""),[c,s]=(0,t.useState)({btn1:!0,btn2:!0,btn3:!0}),l=f=>{r(f)},S=f=>{const I=B(h({},c),{[f]:!c[f]});s(I)},d=(f,I,k)=>{const E={key:f,text:I};return k&&(E.iconProps={iconName:o.UiIcons.GuidedDevelopment}),E},x=d("option1","option 1"),P=[d("option2","option 2"),d("option3","option 3")],U=P.map(f=>B(h({},f),{iconProps:{iconName:o.UiIcons.GuidedDevelopment}})),A=[U[0],B(h({},U[1]),{iconProps:void 0})],g=()=>[d("option1","option 1"),d("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},d("option3","option 3"),d("option4","option 4"),d("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},d("option6","option 6"),d("option7","option 7"),d("option8","option 8"),d("option10","option 10"),d("option11","option 11"),d("option12","option 12")],[C,H]=(0,t.useState)(g());return t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{primary:!0},"Primary button"),t.default.createElement(e.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),t.default.createElement(e.UIDefaultButton,{primary:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Primary button with icon"),t.default.createElement(e.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,null,"Secondary button"),t.default.createElement(e.UIDefaultButton,{disabled:!0},"Secondary disabled button"),t.default.createElement(e.UIDefaultButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Secondary button with icon"),t.default.createElement(e.UIDefaultButton,{checked:!0},"Secondary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"alert Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{alert:!0},"Alert button"),t.default.createElement(e.UIDefaultButton,{alert:!0,disabled:!0},"Alert disabled button"),t.default.createElement(e.UIDefaultButton,{alert:!0,iconProps:{iconName:o.UiIcons.Calendar}},"alert button with icon"),t.default.createElement(e.UIDefaultButton,{alert:!0,checked:!0},"Alert checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{transparent:!0},"Transparent button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Transparent button with icon"),t.default.createElement(e.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISplitButton,{id:"test",callback:l.bind(this),menuItems:P,button:x}),t.default.createElement(e.UISplitButton,{id:"test2",callback:l.bind(this),menuItems:U,button:x}),t.default.createElement(e.UISplitButton,{id:"test3",callback:f=>{if(f==="rename"){const I=g(),k=I.find(E=>E.key==="rename");k&&(k.text="Renamed"),H(I)}l(f)},menuItems:C,button:x}),t.default.createElement("span",null,"selection: ",m))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"undo-button-action",iconProps:{iconName:o.UiIcons.Undo},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"add-button-action",iconProps:{iconName:o.UiIcons.Add},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"wide-button-action",sizeType:e.UIIconButtonSizes.Wide,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),t.default.createElement(e.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:o.UiIcons.Source},disabled:!0,title:"Undo"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"btn1",iconProps:{iconName:o.UiIcons.Undo},checked:c.btn1,onClick:S.bind(window,"btn1"),title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"btn2",checked:c.btn2,iconProps:{iconName:o.UiIcons.LayoutLeft},onClick:S.bind(window,"btn2"),title:"LayoutLeft"}),t.default.createElement(e.UIIconButton,{id:"btn3",sizeType:e.UIIconButtonSizes.Wide,checked:c.btn3,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},onClick:S.bind(window,"btn3"),title:"Wide"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action - disabled"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color - disabled")),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}},"Button with menu"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:A}},"Button with mixture menu"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISmallButton,{primary:!0},"Clear All"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:C}}))))};i.defaultUsage=_}}]);})();

package/storybook/{UICallout-story.eec4e4c0.iframe.bundle.js → UICallout-story.2943d967.iframe.bundle.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 (()=>{var I=Object.defineProperty,T=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var C=(i,s,o)=>s in i?I(i,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[s]=o,g=(i,s)=>{for(var o in s||(s={}))P.call(s,o)&&C(i,o,s[o]);if(v)for(var o of v(s))U.call(s,o)&&C(i,o,s[o]);return i},E=(i,s)=>T(i,O(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(i,s,o){var u=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=_(u);n.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=n},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(s){var o=[];return o.toString=function(){return this.map(function(_){var n="",e=typeof _[5]!="undefined";return _[4]&&(n+="@supports (".concat(_[4],") {")),_[2]&&(n+="@media ".concat(_[2]," {")),e&&(n+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),n+=s(_),e&&(n+="}"),_[2]&&(n+="}"),_[4]&&(n+="}"),n}).join("")},o.i=function(_,n,e,t,r){typeof _=="string"&&(_=[[null,_,void 0]]);var l={};if(e)for(var p=0;p<this.length;p++){var y=this[p][0];y!=null&&(l[y]=!0)}for(var f=0;f<_.length;f++){var a=[].concat(_[f]);e&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),n&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=n),t&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=t):a[4]="".concat(t)),o.push(a))}},o}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(i,s,o){"use strict";o.r(s),o.d(s,{default:()=>S});var u=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(u),n=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=o.n(n),t=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=o.n(t),l=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(l),y=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=o.n(y),a=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=o.n(a),c=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),d=o.n(c),b={};for(const w in c)w!=="default"&&(b[w]=()=>c[w]);o.d(s,b);var h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=r().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var D=_()(d(),h);const S=d()&&d().locals?d().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var s=[];function o(n){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===n){e=t;break}return e}function u(n,e){for(var t={},r=[],l=0;l<n.length;l++){var p=n[l],y=e.base?p[0]+e.base:p[0],f=t[y]||0,a="".concat(y," ").concat(f);t[y]=f+1;var m=o(a),c={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(m!==-1)s[m].references++,s[m].updater(c);else{var d=_(c,e);e.byIndex=l,s.splice(l,0,{identifier:a,updater:d,references:1})}r.push(a)}return r}function _(n,e){var t=e.domAPI(e);t.update(n);var r=function(p){if(p){if(p.css===n.css&&p.media===n.media&&p.sourceMap===n.sourceMap&&p.supports===n.supports&&p.layer===n.layer)return;t.update(n=p)}else t.remove()};return r}i.exports=function(n,e){e=e||{},n=n||[];var t=u(n,e);return function(l){l=l||[];for(var p=0;p<t.length;p++){var y=t[p],f=o(y);s[f].references--}for(var a=u(l,e),m=0;m<t.length;m++){var c=t[m],d=o(c);s[d].references===0&&(s[d].updater(),s.splice(d,1))}t=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var s={};function o(_){if(typeof s[_]=="undefined"){var n=document.querySelector(_);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}s[_]=n}return s[_]}function u(_,n){var e=o(_);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function s(o){var u=document.createElement("style");return o.setAttributes(u,o.attributes),o.insert(u,o.options),u}i.exports=s},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,s,o){"use strict";function u(_){var n=o.nc;n&&_.setAttribute("nonce",n)}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function s(_,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var r=typeof e.layer!="undefined";r&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,r&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(t,_,n.options)}function o(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function u(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){s(n,_,t)},remove:function(){o(n)}}}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(o,u){if(u.styleSheet)u.styleSheet.cssText=o;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},u=20;class _{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,f=l.rect.height,a=p.rect.bottom;let m=a+f-r.rect.top,c=a+l.rect.height;if(m<=0||c>=y)return;if(c+=r.rect.height,c<=y&&(m+=u),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const r=new Map([[t.Standard,8]]),l=(f,a)=>typeof f=="object"&&typeof f[a]=="object"?f[a]:{},p=f=>{var a,m;return{root:g({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=f.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=f.contentPadding)!=null?m:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};s.getCalloutStyle=p;class y extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:d}=this.props;if(c&&a.key==="Tab"&&d){let b=null;if(typeof d=="string"){const h=(0,n.getDocument)();b=h==null?void 0:h.querySelector(d)}else"getBoundingClientRect"in d&&(0,e.isHTMLElement)(d)&&(b=d);b&&(0,e.focusToSibling)(b,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return _.default.createElement(n.Callout,E(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=y},"./src/components/UICallout/index.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),s),_(o("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusTrapZone,g({},this.props),this.props.children)}}s.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return n.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return n.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return n.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return n.FocusZoneTabbableElements}});class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusZone,g({},this.props),this.props.children)}}s.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),_(o("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./stories/UICallout.story.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?(function(m,c,d,b){b===void 0&&(b=d);var h=Object.getOwnPropertyDescriptor(c,d);(!h||("get"in h?!c.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return c[d]}}),Object.defineProperty(m,b,h)}):(function(m,c,d,b){b===void 0&&(b=d),m[b]=c[d]})),_=this&&this.__setModuleDefault||(Object.create?(function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}):function(m,c){m.default=c}),n=this&&this.__importStar||(function(){var m=function(c){return m=Object.getOwnPropertyNames||function(d){var b=[];for(var h in d)Object.prototype.hasOwnProperty.call(d,h)&&(b[b.length]=h);return b},m(c)};return function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var b=m(c),h=0;h<b.length;h++)b[h]!=="default"&&u(d,c,b[h]);return _(d,c),d}})();Object.defineProperty(s,"__esModule",{value:!0}),s.Callout=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UICallout/index.tsx"),l=o("./src/components/UIFocusZone/index.tsx"),p=o("./src/components/Icons.tsx");s.default={title:"Dropdowns/Callout"};const y=m=>{const{id:c}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:c,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h}),d&&e.default.createElement(r.UICallout,{target:`#${c}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=m=>{const{id:c}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:c,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h},"Open"),d&&e.default.createElement(r.UICallout,{target:`#${c}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},a=()=>e.default.createElement("div",null,e.default.createElement(y,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));s.Callout=a}}]);})();
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(t,_,n.options)}function o(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function u(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){s(n,_,t)},remove:function(){o(n)}}}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(o,u){if(u.styleSheet)u.styleSheet.cssText=o;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},u=20;class _{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,f=l.rect.height,a=p.rect.bottom;let m=a+f-r.rect.top,c=a+l.rect.height;if(m<=0||c>=y)return;if(c+=r.rect.height,c<=y&&(m+=u),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const r=new Map([[t.Standard,8]]),l=(f,a)=>typeof f=="object"&&typeof f[a]=="object"?f[a]:{},p=f=>{var a,m;return{root:g({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=f.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=f.contentPadding)!=null?m:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};s.getCalloutStyle=p;class y extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:d}=this.props;if(c&&a.key==="Tab"&&d){let b=null;if(typeof d=="string"){const h=(0,n.getDocument)();b=h==null?void 0:h.querySelector(d)}else"getBoundingClientRect"in d&&(0,e.isHTMLElement)(d)&&(b=d);b&&(0,e.focusToSibling)(b,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return _.default.createElement(n.Callout,E(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=y},"./src/components/UICallout/index.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),s),_(o("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusTrapZone,g({},this.props),this.props.children)}}s.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return n.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return n.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return n.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return n.FocusZoneTabbableElements}});class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusZone,g({},this.props),this.props.children)}}s.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),_(o("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./stories/UICallout.story.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?function(m,c,d,b){b===void 0&&(b=d);var h=Object.getOwnPropertyDescriptor(c,d);(!h||("get"in h?!c.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return c[d]}}),Object.defineProperty(m,b,h)}:function(m,c,d,b){b===void 0&&(b=d),m[b]=c[d]}),_=this&&this.__setModuleDefault||(Object.create?function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}:function(m,c){m.default=c}),n=this&&this.__importStar||function(){var m=function(c){return m=Object.getOwnPropertyNames||function(d){var b=[];for(var h in d)Object.prototype.hasOwnProperty.call(d,h)&&(b[b.length]=h);return b},m(c)};return function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var b=m(c),h=0;h<b.length;h++)b[h]!=="default"&&u(d,c,b[h]);return _(d,c),d}}();Object.defineProperty(s,"__esModule",{value:!0}),s.Callout=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UICallout/index.tsx"),l=o("./src/components/UIFocusZone/index.tsx"),p=o("./src/components/Icons.tsx");s.default={title:"Dropdowns/Callout"};const y=m=>{const{id:c}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:c,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h}),d&&e.default.createElement(r.UICallout,{target:`#${c}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=m=>{const{id:c}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:c,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h},"Open"),d&&e.default.createElement(r.UICallout,{target:`#${c}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},a=()=>e.default.createElement("div",null,e.default.createElement(y,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));s.Callout=a}}]);})();

package/storybook/UICalloutCollisionTransform-story.43356506.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(()=>{var T=Object.defineProperty,M=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(u,e,s)=>e in u?T(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,D=(u,e)=>{for(var s in e||(e={}))P.call(e,s)&&I(u,s,e[s]);if(h)for(var s of h(e))w.call(e,s)&&I(u,s,e[s]);return u},E=(u,e)=>M(u,R(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[43],{"./stories/UICalloutCollisionTransform.story.tsx"(u,e,s){var x=this&&this.__createBinding||(Object.create?function(t,a,r,l){l===void 0&&(l=r);var o=Object.getOwnPropertyDescriptor(a,r);(!o||("get"in o?!a.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(t,l,o)}:function(t,a,r,l){l===void 0&&(l=r),t[l]=a[r]}),f=this&&this.__setModuleDefault||(Object.create?function(t,a){Object.defineProperty(t,"default",{enumerable:!0,value:a})}:function(t,a){t.default=a}),m=this&&this.__importStar||function(){var t=function(a){return t=Object.getOwnPropertyNames||function(r){var l=[];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(l[l.length]=o);return l},t(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var l=t(a),o=0;o<l.length;o++)l[o]!=="default"&&x(r,a,l[o]);return f(r,a),r}}();Object.defineProperty(e,"__esModule",{value:!0}),e.collisionTransformInDialog=void 0;const n=m(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=s("./src/components/index.tsx"),p=s("./test/__mock__/select-data.ts");e.default={title:"Dialogs/Dialogs"};var d;(function(t){t.ComboBox="ComboBox",t.Dropdown="Dropdown",t.Callout="Callout"})(d||(d={}));const O=Object.values(d).map(t=>({key:t,text:t})),_=t=>{const a=n.default.useRef(null),r=n.default.useRef(null),l=n.default.useRef(new i.CalloutCollisionTransform(a,r)),{id:o}=t,[y,c]=(0,n.useState)(!1);return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{ref:a},n.default.createElement(i.UITextInput,{id:o,onClick:()=>{c(!y)}})),n.default.createElement(i.UICallout,{target:`#${o}`,hidden:!y,isBeakVisible:!1,onDismiss:()=>{c(!y),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:r}},n.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},v=t=>n.default.createElement(i.UIComboBox,E(D({},t),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),S=t=>n.default.createElement(i.UIDropdown,E(D({},t),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),B=(t,a,r=!1)=>{const l=[];for(let o=0;o<6;o++){let y;if(t===d.Callout)y=n.default.createElement(_,{key:o,id:`Dummy-${o}`});else{let c;r?c=t===d.ComboBox?v:S:c=t===d.ComboBox?i.UIComboBox:i.UIDropdown,y=n.default.createElement(c,{key:o,label:"Dummy",highlight:!0,options:p.data,multiSelect:!0,calloutCollisionTransformation:a})}l.push(y)}return l},U=()=>{const[t,a]=(0,n.useState)(!1),[r,l]=(0,n.useState)(!0),[o,y]=(0,n.useState)(d.ComboBox),[c,A]=(0,n.useState)(!1),g=()=>{a(!t)};return n.default.createElement(n.default.Fragment,null,n.default.createElement("h3",null,"Settings"),n.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},n.default.createElement(i.UICheckbox,{label:"Transformation is enabled",checked:r,onChange:()=>{l(!r)},styles:{label:{alignItems:"center"}}}),n.default.createElement(i.UIDropdown,{label:"Inner components",options:O,selectedKey:o,onChange:(L,C)=>{const b=C==null?void 0:C.key;typeof b=="string"&&y(b||d.ComboBox)}}),n.default.createElement(i.UICheckbox,{label:"Use overwritten components",checked:c,onChange:()=>{A(!c)},styles:{label:{alignItems:"center"}}})),n.default.createElement(i.UIDefaultButton,{onClick:g,primary:!0},"Open Dialog"),n.default.createElement(i.UIDialog,{isOpen:t,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:k.ContextualMenu,keepInBounds:!0}},onCancel:g,onDismiss:g},B(d[o],r,c)))};e.collisionTransformInDialog=U},"./test/__mock__/select-data.ts"(u,e,s){Object.defineProperty(e,"__esModule",{value:!0}),e.groupsData=e.shortData=e.data=void 0;const x=s("./src/components/index.tsx");e.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],e.shortData=[e.data[0],e.data[1],e.data[2],e.data[3],e.data[4]];const f={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};e.groupsData=[];for(const m in f){e.groupsData.push({key:m,text:m.charAt(0).toUpperCase()+m.slice(1),itemType:x.UISelectableOptionMenuItemType.Header});const n=f[m];for(const k of n){const i=e.data.find(p=>p.key===k);i&&e.groupsData.push(i)}}}}]);})();