@sap-ux/ui-components 1.24.11 → 1.25.0

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 (140) hide show
  1. package/dist/components/UIButton/UIActionButton.d.ts.map +1 -1
  2. package/dist/components/UIButton/UIActionButton.js +1 -2
  3. package/dist/components/UIButton/UIActionButton.js.map +1 -1
  4. package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
  5. package/dist/components/UIButton/UIDefaultButton.js +0 -1
  6. package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
  7. package/dist/components/UIButton/UIIconButton.d.ts.map +1 -1
  8. package/dist/components/UIButton/UISmallButton.d.ts.map +1 -1
  9. package/dist/components/UIButton/UISmallButton.js +0 -1
  10. package/dist/components/UIButton/UISmallButton.js.map +1 -1
  11. package/dist/components/UIButton/UISplitButton.d.ts.map +1 -1
  12. package/dist/components/UIButton/UISplitButton.js +17 -7
  13. package/dist/components/UIButton/UISplitButton.js.map +1 -1
  14. package/dist/components/UICallout/UICallout.d.ts +0 -1
  15. package/dist/components/UICallout/UICallout.d.ts.map +1 -1
  16. package/dist/components/UICallout/UICallout.js +0 -2
  17. package/dist/components/UICallout/UICallout.js.map +1 -1
  18. package/dist/components/UICheckbox/UICheckbox.d.ts.map +1 -1
  19. package/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts.map +1 -1
  20. package/dist/components/UIChoiceGroup/UIChoiceGroup.js +0 -1
  21. package/dist/components/UIChoiceGroup/UIChoiceGroup.js.map +1 -1
  22. package/dist/components/UIContextualMenu/UIContextualMenu.d.ts.map +1 -1
  23. package/dist/components/UIContextualMenu/UIContextualMenu.js +0 -1
  24. package/dist/components/UIContextualMenu/UIContextualMenu.js.map +1 -1
  25. package/dist/components/UIDialog/UIDialog.d.ts +0 -1
  26. package/dist/components/UIDialog/UIDialog.d.ts.map +1 -1
  27. package/dist/components/UIDialog/UIDialog.js +1 -2
  28. package/dist/components/UIDialog/UIDialog.js.map +1 -1
  29. package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
  30. package/dist/components/UIFlexibleTable/UIFlexibleTable.js +17 -7
  31. package/dist/components/UIFlexibleTable/UIFlexibleTable.js.map +1 -1
  32. package/dist/components/UIInput/UITextInput.d.ts.map +1 -1
  33. package/dist/components/UIInput/UITextInput.js +1 -4
  34. package/dist/components/UIInput/UITextInput.js.map +1 -1
  35. package/dist/components/UILabel/UILabel.d.ts +0 -1
  36. package/dist/components/UILabel/UILabel.d.ts.map +1 -1
  37. package/dist/components/UILabel/UILabel.js +0 -1
  38. package/dist/components/UILabel/UILabel.js.map +1 -1
  39. package/dist/components/UILink/UILink.d.ts.map +1 -1
  40. package/dist/components/UILink/UILink.js +0 -1
  41. package/dist/components/UILink/UILink.js.map +1 -1
  42. package/dist/components/UIList/UIList.d.ts +2 -2
  43. package/dist/components/UIList/UIList.d.ts.map +1 -1
  44. package/dist/components/UIList/UIList.js.map +1 -1
  45. package/dist/components/UIMessageBar/UIMessageBar.d.ts.map +1 -1
  46. package/dist/components/UIQuickNavigation/UIQuickNavigation.d.ts.map +1 -1
  47. package/dist/components/UIQuickNavigation/UIQuickNavigation.js +17 -7
  48. package/dist/components/UIQuickNavigation/UIQuickNavigation.js.map +1 -1
  49. package/dist/components/UISearchBox/UISearchBox.d.ts.map +1 -1
  50. package/dist/components/UISearchBox/UISearchBox.js +0 -1
  51. package/dist/components/UISearchBox/UISearchBox.js.map +1 -1
  52. package/dist/components/UISection/UISections.d.ts +6 -4
  53. package/dist/components/UISection/UISections.d.ts.map +1 -1
  54. package/dist/components/UISection/UISections.js +13 -11
  55. package/dist/components/UISection/UISections.js.map +1 -1
  56. package/dist/components/UITable/UITable-helper.d.ts +1 -1
  57. package/dist/components/UITable/UITable-helper.d.ts.map +1 -1
  58. package/dist/components/UITabs/UITabs.d.ts.map +1 -1
  59. package/dist/components/UITabs/UITabs.js +0 -1
  60. package/dist/components/UITabs/UITabs.js.map +1 -1
  61. package/dist/components/UIToggleGroup/UIToggleGroup.d.ts.map +1 -1
  62. package/dist/components/UIToggleGroup/UIToggleGroup.js +17 -7
  63. package/dist/components/UIToggleGroup/UIToggleGroup.js.map +1 -1
  64. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts.map +1 -1
  65. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +17 -7
  66. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js.map +1 -1
  67. package/dist/components/UIToolbar/UIToolbar.js +17 -7
  68. package/dist/components/UIToolbar/UIToolbar.js.map +1 -1
  69. package/dist/components/UIToolbar/UIToolbarColumn.js +17 -7
  70. package/dist/components/UIToolbar/UIToolbarColumn.js.map +1 -1
  71. package/dist/components/UIToolbar/UIToolbarDivider.js +17 -7
  72. package/dist/components/UIToolbar/UIToolbarDivider.js.map +1 -1
  73. package/dist/components/UITooltip/UITooltip.d.ts.map +1 -1
  74. package/dist/components/UITooltip/UITooltip.js +1 -2
  75. package/dist/components/UITooltip/UITooltip.js.map +1 -1
  76. package/dist/components/UITranslationInput/UIFormattedText.d.ts.map +1 -1
  77. package/dist/components/UITranslationInput/UITranslationButton.d.ts.map +1 -1
  78. package/dist/components/UITranslationInput/UITranslationButton.js +17 -7
  79. package/dist/components/UITranslationInput/UITranslationButton.js.map +1 -1
  80. package/dist/components/UITranslationInput/UITranslationInput.js +17 -7
  81. package/dist/components/UITranslationInput/UITranslationInput.js.map +1 -1
  82. package/dist/components/UITranslationInput/UITranslationUtils.d.ts.map +1 -1
  83. package/dist/components/UITreeDropdown/UITreeDropdown.d.ts.map +1 -1
  84. package/dist/helper/ValidationMessage/MessageWrapper.d.ts +1 -1
  85. package/dist/helper/ValidationMessage/MessageWrapper.d.ts.map +1 -1
  86. package/dist/helper/ValidationMessage/utils.d.ts +1 -1
  87. package/dist/helper/ValidationMessage/utils.d.ts.map +1 -1
  88. package/dist/theme/index.d.ts.map +1 -1
  89. package/dist/theme/index.js +2 -1
  90. package/dist/theme/index.js.map +1 -1
  91. package/package.json +2 -3
  92. package/storybook/124.2b4e5d81.iframe.bundle.js +7 -0
  93. package/storybook/{627.c6c76096.iframe.bundle.js → 241.8bf42157.iframe.bundle.js} +1 -1
  94. package/storybook/42.8d6c4795.iframe.bundle.js +1 -0
  95. package/storybook/{652.9bd6d697.iframe.bundle.js → 442.550af412.iframe.bundle.js} +1 -1
  96. package/storybook/454.2cea1190.iframe.bundle.js +1 -0
  97. package/storybook/481.44d47df6.iframe.bundle.js +1 -0
  98. package/storybook/{568.64f789ef.iframe.bundle.js → 538.8eb876a4.iframe.bundle.js} +1 -1
  99. package/storybook/847.62a21d89.iframe.bundle.js +1 -0
  100. package/storybook/{424.e770ebd9.iframe.bundle.js → 871.a6eceb25.iframe.bundle.js} +1 -1
  101. package/storybook/{UIActionCallout-story.1bc699d2.iframe.bundle.js → UIActionCallout-story.afc4d06b.iframe.bundle.js} +1 -1
  102. package/storybook/UIButton-story.94e2697e.iframe.bundle.js +2 -0
  103. package/storybook/{UICallout-story.89069029.iframe.bundle.js → UICallout-story.7ad91f5b.iframe.bundle.js} +2 -2
  104. package/storybook/UICalloutCollisionTransform-story.02eeeff0.iframe.bundle.js +1 -0
  105. package/storybook/UIChoiceGroup-story.23007087.iframe.bundle.js +1 -0
  106. package/storybook/UICombobox-story.15a5db8f.iframe.bundle.js +1 -0
  107. package/storybook/{UICreateSelect-story.d16c6e7f.iframe.bundle.js → UICreateSelect-story.d7fa143c.iframe.bundle.js} +2 -2
  108. package/storybook/UIDialog-story.5480e26a.iframe.bundle.js +2 -0
  109. package/storybook/UIFlexibleTable-story.a7972773.iframe.bundle.js +74 -0
  110. package/storybook/UILabel-story.03611118.iframe.bundle.js +1 -0
  111. package/storybook/{UILink-story.4c037a1e.iframe.bundle.js → UILink-story.631e7119.iframe.bundle.js} +2 -2
  112. package/storybook/UILoader-story.f02eeff6.iframe.bundle.js +6 -0
  113. package/storybook/UISearchBox-story.a1355d42.iframe.bundle.js +1 -0
  114. package/storybook/UISections-story.41e96508.iframe.bundle.js +19 -0
  115. package/storybook/UITable-story.a2fedc85.iframe.bundle.js +4 -0
  116. package/storybook/UIToggleGroup-story.b63e0b6f.iframe.bundle.js +2 -0
  117. package/storybook/UITooltip-story.8930b0ce.iframe.bundle.js +1 -0
  118. package/storybook/iframe.html +2 -2
  119. package/storybook/{main.71bc3c8c.iframe.bundle.js → main.3a5d4eb2.iframe.bundle.js} +1 -1
  120. package/storybook/project.json +1 -1
  121. package/storybook/runtime~main.b33b4601.iframe.bundle.js +2 -0
  122. package/storybook/170.486d6398.iframe.bundle.js +0 -1
  123. package/storybook/20.26e2be61.iframe.bundle.js +0 -1
  124. package/storybook/479.62692db7.iframe.bundle.js +0 -1
  125. package/storybook/841.4f3b342c.iframe.bundle.js +0 -7
  126. package/storybook/939.4787bd39.iframe.bundle.js +0 -1
  127. package/storybook/UIButton-story.49b13dae.iframe.bundle.js +0 -2
  128. package/storybook/UICalloutCollisionTransform-story.160ba753.iframe.bundle.js +0 -1
  129. package/storybook/UIChoiceGroup-story.5a757001.iframe.bundle.js +0 -1
  130. package/storybook/UICombobox-story.e0156dc1.iframe.bundle.js +0 -1
  131. package/storybook/UIDialog-story.4173109f.iframe.bundle.js +0 -2
  132. package/storybook/UIFlexibleTable-story.81441f28.iframe.bundle.js +0 -74
  133. package/storybook/UILabel-story.0455922f.iframe.bundle.js +0 -1
  134. package/storybook/UILoader-story.b145ceb4.iframe.bundle.js +0 -6
  135. package/storybook/UISearchBox-story.383f63fc.iframe.bundle.js +0 -1
  136. package/storybook/UISections-story.0a680624.iframe.bundle.js +0 -19
  137. package/storybook/UITable-story.2c0ccae1.iframe.bundle.js +0 -4
  138. package/storybook/UIToggleGroup-story.c5e34577.iframe.bundle.js +0 -2
  139. package/storybook/UITooltip-story.1f98cce1.iframe.bundle.js +0 -1
  140. package/storybook/runtime~main.e5f648bf.iframe.bundle.js +0 -2
@@ -0,0 +1 @@
1
+ (()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,s,e)=>s in a?j(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,y=(a,s)=>{for(var e in s||(s={}))C.call(s,e)&&P(a,e,s[e]);if(v)for(var e of v(s))A.call(s,e)&&P(a,e,s[e]);return a},I=(a,s)=>h(a,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[847],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),a.exports=n},"./src/components/UIIcon/UIIcon.scss":(a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>O});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const O=b()&&b().locals?b().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>O});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const O=b()&&b().locals?b().locals:void 0},"./src/components/UIIcon/UIIcon.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends d.default.Component{constructor(r){super(r),this.setStyle=()=>({})}render(){const r=this.props.className?` ${this.props.className}`:"";return d.default.createElement(n.Icon,I(y({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}s.UIIcon=t},"./src/components/UIIcon/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),s)},"./src/components/UIInput/UITextInput.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITextInput=s.COMMON_INPUT_STYLES=s.ITextFieldProps=s.ITextField=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),r=e("./src/components/types.ts");var _=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"ITextField",{enumerable:!0,get:function(){return _.ITextField}}),Object.defineProperty(s,"ITextFieldProps",{enumerable:!0,get:function(){return _.ITextFieldProps}}),s.COMMON_INPUT_STYLES={borderRadius:2};const l={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class m extends d.default.Component{constructor(c){super(c),this.getStyles=u=>{const p=(0,t.getMessageInfo)(this.props);return{root:{height:"auto"},fieldGroup:[{backgroundColor:l.regular.backgroundColor,borderWidth:1,borderStyle:l.regular.borderStyle,borderColor:l.regular.borderColor,color:l.regular.color,borderRadius:s.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!u.multiline&&{height:24,maxHeight:24,minHeight:24},!u.disabled&&{selectors:{"&:hover":{borderColor:l.hover.borderColor}}},u.disabled&&{backgroundColor:l.disabled.backgroundColor,opacity:l.disabled.opacity,borderRadius:s.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:l.readOnly.borderStyle,backgroundColor:l.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},u.hasErrorMessage&&{borderColor:p.style.borderColor},u.focused&&{selectors:{":after":{border:this.getFocusBorder(p),borderRadius:s.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:l.regular.backgroundColor,color:l.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,selectors:{"::placeholder":{fontSize:13,color:"var(--vscode-input-placeholderForeground)"}}},!u.multiline&&{lineHeight:"normal"},u.multiline&&{minHeight:"60px",height:"auto",display:"flex"},u.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:l.readOnly.backgroundColor},u.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[y({marginTop:25},o.labelGlobalStyle),u.disabled&&{opacity:l.disabled.opacity},u.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[p.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(c){let u=l.focus.borderColor;return this.props.errorMessage&&c.style.borderColor&&(u=`var(${c.style.borderColor})`),`1px ${l.regular.borderStyle} ${u}`}onRenderDisabledInput(c,u){const p=this.props.disabled?I(y({},c),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):c;return(u==null?void 0:u(p))||null}onRenderInput(c,u){return this.props.onRenderInput?this.props.onRenderInput(c,p=>this.onRenderDisabledInput(p,u)):this.onRenderDisabledInput(c,u)}render(){const c=(0,t.getMessageInfo)(this.props),u=this.getStyles;return d.default.createElement(n.TextField,I(y({},this.props),{onRenderInput:this.onRenderInput,errorMessage:c.message,styles:u}))}}s.UITextInput=m},"./src/components/UIInput/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),s)},"./src/components/UILabel/UILabel.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/types.ts");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends d.default.Component{constructor(_){super(_)}render(){const _=l=>({root:[y({marginTop:25},s.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(n.Label,I(y({},this.props),{styles:_}))}}s.UILabel=o},"./src/components/UILabel/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),s)},"./src/components/types.ts":(a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.REQUIRED_LABEL_INDICATOR=void 0,s.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(s,"__esModule",{value:!0}),s.MESSAGE_ICONS_MAP=void 0,s.MessageWrapper=r;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),s.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[n.ErrorMessageType.Error,t.UiIcons.Error],[n.ErrorMessageType.Warning,t.UiIcons.Warning],[n.ErrorMessageType.Info,t.UiIcons.Info]]);function r(_){const{children:l,message:m}=_,g=m.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0,c=s.MESSAGE_ICONS_MAP.get(m.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${g}`},d.default.createElement("div",{className:"ts-message-target"},l),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:c}),d.default.createElement("span",null,m.message)))}},"./src/helper/ValidationMessage/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),s),d(e("./src/helper/ValidationMessage/utils.ts"),s)},"./src/helper/ValidationMessage/utils.ts":(a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.getMessageInfo=s.MESSAGE_TYPES_CLASSNAME_MAP=s.ErrorMessageType=void 0;var e;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(e||(s.ErrorMessageType=e={}));const i=(_,l)=>{const m=`1px solid ${l}`;return{backgroundColor:_,borderLeft:m,borderRight:m,borderBottom:m,borderColor:l}},d={error:I(y({color:"var(--vscode-input-foreground)"},i("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=y(y({},d.error),i("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=y(y({},d.error),i("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),s.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const n=_=>{let l;switch(_){case e.Warning:{l=d.warning;break}case e.Info:{l=d.info;break}default:{l=d.error;break}}return l},t=_=>{if(_){if(_.errorMessage)return e.Error;if(_.warningMessage)return e.Warning;if(_.infoMessage)return e.Info}return e.Error},o=_=>{const l=["errorMessage","warningMessage","infoMessage"];for(const m of l)if(_!=null&&_[m])return _[m]},r=_=>{const l=t(_);return{type:l,style:n(l),message:o(_)}};s.getMessageInfo=r}}]);})();
@@ -1 +1 @@
1
- (()=>{var P=Object.defineProperty,S=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var E=(p,n,t)=>n in p?P(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,h=(p,n)=>{for(var t in n||(n={}))R.call(n,t)&&E(p,t,n[t]);if(k)for(var t of k(n))j.call(n,t)&&E(p,t,n[t]);return p},y=(p,n)=>S(p,T(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[424],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,n,t)=>{var C=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),r=l(C);r.push([p.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{var C=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),r=l(C);r.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=r},"./src/components/UIComboBox/Callout.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>s});var C=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(C),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=t.n(r),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=t.n(d),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=t.n(_),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(g),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),f=t.n(x),b={};for(const i in x)i!=="default"&&(b[i]=()=>x[i]);t.d(n,b);var e={};e.styleTagTransform=v(),e.setAttributes=B(),e.insert=a().bind(null,"head"),e.domAPI=m(),e.insertStyleElement=w();var o=l()(f(),e);const s=f()&&f().locals?f().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>s});var C=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(C),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=t.n(r),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=t.n(d),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=t.n(_),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(g),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),f=t.n(x),b={};for(const i in x)i!=="default"&&(b[i]=()=>x[i]);t.d(n,b);var e={};e.styleTagTransform=v(),e.setAttributes=B(),e.insert=a().bind(null,"head"),e.domAPI=m(),e.insertStyleElement=w();var o=l()(f(),e);const s=f()&&f().locals?f().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,n,t){"use strict";var C=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const l=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=t("./src/helper/ValidationMessage/index.tsx");class d extends l.default.Component{constructor(_){super(_),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(B,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[r.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[r.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[r.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[r.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},B.message&&{marginBottom:2}],input:{[`.${r.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[r.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const _=(0,m.getMessageInfo)(this.props),B=l.default.createElement(r.Checkbox,y(h({},this.props),{styles:c=>h(h({},this.setStyle(_,c)),this.props.styles)}));return _.message?l.default.createElement(m.MessageWrapper,{message:_},B):B}}n.UICheckbox=d},"./src/components/UICheckbox/index.tsx":function(p,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(r,m,d,a){a===void 0&&(a=d);var _=Object.getOwnPropertyDescriptor(m,d);(!_||("get"in _?!m.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return m[d]}}),Object.defineProperty(r,a,_)}:function(r,m,d,a){a===void 0&&(a=d),r[a]=m[d]}),l=this&&this.__exportStar||function(r,m){for(var d in r)d!=="default"&&!Object.prototype.hasOwnProperty.call(m,d)&&C(m,r,d)};Object.defineProperty(n,"__esModule",{value:!0}),l(t("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,n,t){"use strict";var C=this&&this.__importDefault||function(b){return b&&b.__esModule?b:{default:b}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UISelectableOption=n.UIComboBoxOption=void 0;const l=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIComboBoxRef",{enumerable:!0,get:function(){return r.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return r.IComboBoxOption}}),Object.defineProperty(n,"UISelectableOption",{enumerable:!0,get:function(){return r.ISelectableOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return r.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return r.SelectableOptionMenuItemType}});const m=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const d=t("./src/components/UILoader/index.tsx"),a=t("./src/components/Icons.tsx"),_=t("./src/helper/ValidationMessage/index.tsx"),B=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),w=t("./src/components/UICallout/index.tsx"),g=t("./src/utilities/index.ts"),v=t("./src/components/types.ts");var x;(function(b){b.List="List",b.Input="Input"})(x||(n.UIComboBoxLoaderType=x={}));class f extends l.default.Component{constructor(e){super(e),this.comboBox=l.default.createRef(),this.comboboxDomRef=l.default.createRef(),this.menuDomRef=l.default.createRef(),this.selectedElement=l.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new w.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this._onRenderItem=(o,s)=>{if(s&&o){o.data=this.query,o.title===void 0&&(o.title=o.text);const i=o.index!==void 0&&this.getCurrentSelectedIndex()===o.index;return o.hidden?null:l.default.createElement("div",{key:o.key,ref:i?this.selectedElement:void 0,className:`${i?"ts-ComboBox--selected":""}`},s(o))}return null},this.onRenderItem=(o,s)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,s)):this._onRenderItem(o,s),this.getCurrentSelectedIndex=()=>{const o=this.comboBox.current;if(o)return o.state.currentPendingValueValidIndex!==-1?o.state.currentPendingValueValidIndex:o.props.hoisted.selectedIndices?o.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(o,s)=>o&&o.itemType!==r.SelectableOptionMenuItemType.Header?l.default.createElement(m.UIHighlightMenuOption,{text:o.text,query:this.query}):s?s(o):null,this.onRenderOption=(o,s)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,s)):this._onRenderOption(o,s),this.handleChange=(o,s)=>{s&&this.props.onHandleChange&&this.props.onHandleChange(s.key)},this.onRenderListLoading=()=>{const o={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement("div",{className:"option-loading"},l.default.createElement(d.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:o}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,r.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(e){return e.options!==this.props.options&&this.query&&this.updateHiddenOptions(e.options),!0}updateHiddenOptions(e){this.isListHidden=!0;let o,s=!1;const i=()=>{o&&(o.hidden=!s)};for(const u of e)if(u.itemType===r.SelectableOptionMenuItemType.Header)i(),o=u,s=!1;else{const D=this.isOptionVisibleByQuery(u,this.query);u.hidden=!D,this.isListHidden&&!u.hidden&&(this.isListHidden=!1),s=D||s}i()}isOptionVisibleByQuery(e,o){let s;return this.props.customSearchFilter&&(s=this.props.customSearchFilter(o,e)),s===void 0&&(s=e.text.toLowerCase().includes(o),this.props.searchByKeyEnabled&&!s&&(s=e.key.toString().toLowerCase().includes(o))),s}setCaretPosition(e){if((0,g.isHTMLInputElement)(e.target)){const o=e.target,s=o.selectionEnd;s!==o.value.length&&window.requestAnimationFrame(()=>{o.selectionStart=s,o.selectionEnd=s})}}onInput(e){if(this.isListHidden=!1,(0,g.isHTMLInputElement)(e.target)){this.setCaretPosition(e);const o=e.target;this.query=o.value.trimStart().toLowerCase();const s=this.comboBox.current;s&&this.updateHiddenOptions(s.props.hoisted.currentOptions)}}onClick(e){this.setCaretPosition(e);const o=this.comboBox.current,s=o==null?void 0:o.state.isOpen,i=this.props.disabled;this.props.openMenuOnClick&&o&&!s&&!i&&o.focus(!0)}onKeyDown(e){let o=!1;const s=this.comboBox.current,i=s==null?void 0:s.state.isOpen;(e.which===r.KeyCodes.down||e.which===r.KeyCodes.up)&&(o=this._setCyclingNavigation(e.which===r.KeyCodes.down)),o?(e.preventDefault(),e.stopPropagation()):!this.ignoreOpenKeys.includes(e.key)&&s&&!i&&s.focus(!0)}reserQuery(){this.query="";for(const e of this.props.options)delete e.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(e,o){const s=this.props.options.length;for(;e>=0&&e<s;){if(this.props.options[e]&&!this.props.options[e].hidden)return{option:this.props.options[e],index:e};e=e+(o?1:-1)}return null}_setCyclingNavigation(e){const o=this.comboBox.current;if(o&&o.state.currentPendingValueValidIndex>=0){let s=o.state.currentPendingValueValidIndex;const i=this.props.options.length-1;s=s+(e?1:-1);let u=this.getNextVisibleItem(s,e);if(u)return!1;if(u=this.getNextVisibleItem(e?0:i,e),u)return o.setState({currentPendingValueValidIndex:u.index,currentPendingValue:u.option.text}),!0}return!1}calculateMenuMinWidth(){var o;const e=(o=this.comboBox.current)==null?void 0:o._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(e,o,s){var i,u;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(i=this.props)!=null&&i.onPendingValueChanged&&((u=this.props)==null||u.onPendingValueChanged(e,o,s))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const e=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),e==null||e.focus(!0))}onMultiSelectChange(e,o,s,i){this.props.onChange&&e.type!=="blur"&&this.props.onChange(e,o,s,i)}onScrollToItem(){const e=this.selectedElement.current;if(!this.props.multiSelect||!e)return;const o=e.offsetParent;if(o){const s=o.clientHeight;if(o.scrollHeight>s){const u=e.offsetTop,D=u+e.clientHeight,I=o.scrollTop,O=I+s;if(!(u>=I&&D<=O)){const M=D>O?D-O:u-I;o.scrollTop=I+M}}}}getClassNames(e){const{readOnly:o,disabled:s}=this.props,i=e.message?_.MESSAGE_TYPES_CLASSNAME_MAP.get(e.type):void 0;let u=`ts-ComboBox${e.message?" ts-ComboBox--"+i:""}`;return o&&!s&&(u+=" ts-ComboBox--readonly"),s&&(u+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(u+=" ts-ComboBox--empty"),u}getAutofillProps(){const{highlight:e,readOnly:o,disabled:s}=this.props,i={};e&&(i.onKeyDownCapture=this.onKeyDown);const u="tabIndex"in this.props?this.props.tabIndex:void 0;return o&&!s?(i.readOnly=o,i.tabIndex=u,i["aria-disabled"]=void 0,i["aria-readonly"]=!0):s&&(i.disabled=void 0,i.readOnly=!0,i.tabIndex=u),i["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",i}isLoaderApplied(e){const{isLoading:o}=this.props;return Array.isArray(o)?o.includes(e):!!o&&e===x.List}onRenderIcon(e,o){var s;if(this.isLoaderApplied(x.Input)){const i={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:i})}return(s=o==null?void 0:o(e))!=null?s:null}render(){const e=(0,_.getMessageInfo)(this.props);let o=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(o=!0),l.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(e)},l.default.createElement(r.ComboBox,y(h(h(h(h(h(y(h(y(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:a.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:h(h(h({},B.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:v.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[e.style]}},this.props),{calloutProps:h(h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},this.props.calloutProps),(0,c.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}),this.isLoaderApplied(x.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:e.message})))}}n.UIComboBox=f,f.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(r,m,d,a){a===void 0&&(a=d);var _=Object.getOwnPropertyDescriptor(m,d);(!_||("get"in _?!m.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return m[d]}}),Object.defineProperty(r,a,_)}:function(r,m,d,a){a===void 0&&(a=d),r[a]=m[d]}),l=this&&this.__exportStar||function(r,m){for(var d in r)d!=="default"&&!Object.prototype.hasOwnProperty.call(m,d)&&C(m,r,d)};Object.defineProperty(n,"__esModule",{value:!0}),l(t("./src/components/UIComboBox/UIComboBox.tsx"),n)}}]);})();
1
+ (()=>{var P=Object.defineProperty,S=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var E=(p,n,t)=>n in p?P(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,h=(p,n)=>{for(var t in n||(n={}))R.call(n,t)&&E(p,t,n[t]);if(k)for(var t of k(n))j.call(n,t)&&E(p,t,n[t]);return p},y=(p,n)=>S(p,T(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[871],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,n,t)=>{var C=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),r=l(C);r.push([p.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{var C=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),r=l(C);r.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=r},"./src/components/UIComboBox/Callout.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>s});var C=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(C),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=t.n(r),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=t.n(d),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=t.n(_),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(g),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),f=t.n(x),b={};for(const i in x)i!=="default"&&(b[i]=()=>x[i]);t.d(n,b);var e={};e.styleTagTransform=v(),e.setAttributes=B(),e.insert=a().bind(null,"head"),e.domAPI=m(),e.insertStyleElement=w();var o=l()(f(),e);const s=f()&&f().locals?f().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>s});var C=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(C),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=t.n(r),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=t.n(d),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=t.n(_),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(g),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),f=t.n(x),b={};for(const i in x)i!=="default"&&(b[i]=()=>x[i]);t.d(n,b);var e={};e.styleTagTransform=v(),e.setAttributes=B(),e.insert=a().bind(null,"head"),e.domAPI=m(),e.insertStyleElement=w();var o=l()(f(),e);const s=f()&&f().locals?f().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,n,t){"use strict";var C=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const l=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=t("./src/helper/ValidationMessage/index.tsx");class d extends l.default.Component{constructor(_){super(_),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(B,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[r.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[r.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[r.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[r.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},B.message&&{marginBottom:2}],input:{[`.${r.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[r.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const _=(0,m.getMessageInfo)(this.props),B=l.default.createElement(r.Checkbox,y(h({},this.props),{styles:c=>h(h({},this.setStyle(_,c)),this.props.styles)}));return _.message?l.default.createElement(m.MessageWrapper,{message:_},B):B}}n.UICheckbox=d},"./src/components/UICheckbox/index.tsx":function(p,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(r,m,d,a){a===void 0&&(a=d);var _=Object.getOwnPropertyDescriptor(m,d);(!_||("get"in _?!m.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return m[d]}}),Object.defineProperty(r,a,_)}:function(r,m,d,a){a===void 0&&(a=d),r[a]=m[d]}),l=this&&this.__exportStar||function(r,m){for(var d in r)d!=="default"&&!Object.prototype.hasOwnProperty.call(m,d)&&C(m,r,d)};Object.defineProperty(n,"__esModule",{value:!0}),l(t("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,n,t){"use strict";var C=this&&this.__importDefault||function(b){return b&&b.__esModule?b:{default:b}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UISelectableOption=n.UIComboBoxOption=void 0;const l=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIComboBoxRef",{enumerable:!0,get:function(){return r.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return r.IComboBoxOption}}),Object.defineProperty(n,"UISelectableOption",{enumerable:!0,get:function(){return r.ISelectableOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return r.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return r.SelectableOptionMenuItemType}});const m=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const d=t("./src/components/UILoader/index.tsx"),a=t("./src/components/Icons.tsx"),_=t("./src/helper/ValidationMessage/index.tsx"),B=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),w=t("./src/components/UICallout/index.tsx"),g=t("./src/utilities/index.ts"),v=t("./src/components/types.ts");var x;(function(b){b.List="List",b.Input="Input"})(x||(n.UIComboBoxLoaderType=x={}));class f extends l.default.Component{constructor(e){super(e),this.comboBox=l.default.createRef(),this.comboboxDomRef=l.default.createRef(),this.menuDomRef=l.default.createRef(),this.selectedElement=l.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new w.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this._onRenderItem=(o,s)=>{if(s&&o){o.data=this.query,o.title===void 0&&(o.title=o.text);const i=o.index!==void 0&&this.getCurrentSelectedIndex()===o.index;return o.hidden?null:l.default.createElement("div",{key:o.key,ref:i?this.selectedElement:void 0,className:`${i?"ts-ComboBox--selected":""}`},s(o))}return null},this.onRenderItem=(o,s)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,s)):this._onRenderItem(o,s),this.getCurrentSelectedIndex=()=>{const o=this.comboBox.current;if(o)return o.state.currentPendingValueValidIndex!==-1?o.state.currentPendingValueValidIndex:o.props.hoisted.selectedIndices?o.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(o,s)=>o&&o.itemType!==r.SelectableOptionMenuItemType.Header?l.default.createElement(m.UIHighlightMenuOption,{text:o.text,query:this.query}):s?s(o):null,this.onRenderOption=(o,s)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,s)):this._onRenderOption(o,s),this.handleChange=(o,s)=>{s&&this.props.onHandleChange&&this.props.onHandleChange(s.key)},this.onRenderListLoading=()=>{const o={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement("div",{className:"option-loading"},l.default.createElement(d.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:o}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,r.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(e){return e.options!==this.props.options&&this.query&&this.updateHiddenOptions(e.options),!0}updateHiddenOptions(e){this.isListHidden=!0;let o,s=!1;const i=()=>{o&&(o.hidden=!s)};for(const u of e)if(u.itemType===r.SelectableOptionMenuItemType.Header)i(),o=u,s=!1;else{const D=this.isOptionVisibleByQuery(u,this.query);u.hidden=!D,this.isListHidden&&!u.hidden&&(this.isListHidden=!1),s=D||s}i()}isOptionVisibleByQuery(e,o){let s;return this.props.customSearchFilter&&(s=this.props.customSearchFilter(o,e)),s===void 0&&(s=e.text.toLowerCase().includes(o),this.props.searchByKeyEnabled&&!s&&(s=e.key.toString().toLowerCase().includes(o))),s}setCaretPosition(e){if((0,g.isHTMLInputElement)(e.target)){const o=e.target,s=o.selectionEnd;s!==o.value.length&&window.requestAnimationFrame(()=>{o.selectionStart=s,o.selectionEnd=s})}}onInput(e){if(this.isListHidden=!1,(0,g.isHTMLInputElement)(e.target)){this.setCaretPosition(e);const o=e.target;this.query=o.value.trimStart().toLowerCase();const s=this.comboBox.current;s&&this.updateHiddenOptions(s.props.hoisted.currentOptions)}}onClick(e){this.setCaretPosition(e);const o=this.comboBox.current,s=o==null?void 0:o.state.isOpen,i=this.props.disabled;this.props.openMenuOnClick&&o&&!s&&!i&&o.focus(!0)}onKeyDown(e){let o=!1;const s=this.comboBox.current,i=s==null?void 0:s.state.isOpen;(e.which===r.KeyCodes.down||e.which===r.KeyCodes.up)&&(o=this._setCyclingNavigation(e.which===r.KeyCodes.down)),o?(e.preventDefault(),e.stopPropagation()):!this.ignoreOpenKeys.includes(e.key)&&s&&!i&&s.focus(!0)}reserQuery(){this.query="";for(const e of this.props.options)delete e.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(e,o){const s=this.props.options.length;for(;e>=0&&e<s;){if(this.props.options[e]&&!this.props.options[e].hidden)return{option:this.props.options[e],index:e};e=e+(o?1:-1)}return null}_setCyclingNavigation(e){const o=this.comboBox.current;if(o&&o.state.currentPendingValueValidIndex>=0){let s=o.state.currentPendingValueValidIndex;const i=this.props.options.length-1;s=s+(e?1:-1);let u=this.getNextVisibleItem(s,e);if(u)return!1;if(u=this.getNextVisibleItem(e?0:i,e),u)return o.setState({currentPendingValueValidIndex:u.index,currentPendingValue:u.option.text}),!0}return!1}calculateMenuMinWidth(){var o;const e=(o=this.comboBox.current)==null?void 0:o._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(e,o,s){var i,u;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(i=this.props)!=null&&i.onPendingValueChanged&&((u=this.props)==null||u.onPendingValueChanged(e,o,s))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const e=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),e==null||e.focus(!0))}onMultiSelectChange(e,o,s,i){this.props.onChange&&e.type!=="blur"&&this.props.onChange(e,o,s,i)}onScrollToItem(){const e=this.selectedElement.current;if(!this.props.multiSelect||!e)return;const o=e.offsetParent;if(o){const s=o.clientHeight;if(o.scrollHeight>s){const u=e.offsetTop,D=u+e.clientHeight,I=o.scrollTop,O=I+s;if(!(u>=I&&D<=O)){const M=D>O?D-O:u-I;o.scrollTop=I+M}}}}getClassNames(e){const{readOnly:o,disabled:s}=this.props,i=e.message?_.MESSAGE_TYPES_CLASSNAME_MAP.get(e.type):void 0;let u=`ts-ComboBox${e.message?" ts-ComboBox--"+i:""}`;return o&&!s&&(u+=" ts-ComboBox--readonly"),s&&(u+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(u+=" ts-ComboBox--empty"),u}getAutofillProps(){const{highlight:e,readOnly:o,disabled:s}=this.props,i={};e&&(i.onKeyDownCapture=this.onKeyDown);const u="tabIndex"in this.props?this.props.tabIndex:void 0;return o&&!s?(i.readOnly=o,i.tabIndex=u,i["aria-disabled"]=void 0,i["aria-readonly"]=!0):s&&(i.disabled=void 0,i.readOnly=!0,i.tabIndex=u),i["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",i}isLoaderApplied(e){const{isLoading:o}=this.props;return Array.isArray(o)?o.includes(e):!!o&&e===x.List}onRenderIcon(e,o){var s;if(this.isLoaderApplied(x.Input)){const i={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:i})}return(s=o==null?void 0:o(e))!=null?s:null}render(){const e=(0,_.getMessageInfo)(this.props);let o=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(o=!0),l.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(e)},l.default.createElement(r.ComboBox,y(h(h(h(h(h(y(h(y(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:a.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:h(h(h({},B.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:v.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[e.style]}},this.props),{calloutProps:h(h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},this.props.calloutProps),(0,c.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}),this.isLoaderApplied(x.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:e.message})))}}n.UIComboBox=f,f.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(r,m,d,a){a===void 0&&(a=d);var _=Object.getOwnPropertyDescriptor(m,d);(!_||("get"in _?!m.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return m[d]}}),Object.defineProperty(r,a,_)}:function(r,m,d,a){a===void 0&&(a=d),r[a]=m[d]}),l=this&&this.__exportStar||function(r,m){for(var d in r)d!=="default"&&!Object.prototype.hasOwnProperty.call(m,d)&&C(m,r,d)};Object.defineProperty(n,"__esModule",{value:!0}),l(t("./src/components/UIComboBox/UIComboBox.tsx"),n)}}]);})();
@@ -1,2 +1,2 @@
1
1
  (()=>{var T=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,b=(i,t)=>{for(var e in t||(t={}))S.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},v=(i,t)=>A(i,j(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.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}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.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=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!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,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.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"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),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),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},d(c.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(b({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={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"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!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,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.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"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),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),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},d(c.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(b({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={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"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
@@ -0,0 +1,2 @@
1
+ (()=>{var H=Object.defineProperty,R=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var D=(l,c,r)=>c in l?H(l,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[c]=r,C=(l,c)=>{for(var r in c||(c={}))W.call(c,r)&&D(l,r,c[r]);if(N)for(var r of N(c))j.call(c,r)&&D(l,r,c[r]);return l},w=(l,c)=>R(l,z(c));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":l=>{"use strict";l.exports=function(c){var r=[];return r.toString=function(){return this.map(function(n){var o="",e=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=c(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},r.i=function(n,o,e,t,u){typeof n=="string"&&(n=[[null,n,void 0]]);var y={};if(e)for(var a=0;a<this.length;a++){var h=this[a][0];h!=null&&(y[h]=!0)}for(var m=0;m<n.length;m++){var i=[].concat(n[m]);e&&y[i[0]]||(typeof u!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=u),o&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=o),t&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=t):i[4]="".concat(t)),r.push(i))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":l=>{"use strict";l.exports=function(c){return c[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":l=>{"use strict";var c=[];function r(o){for(var e=-1,t=0;t<c.length;t++)if(c[t].identifier===o){e=t;break}return e}function s(o,e){for(var t={},u=[],y=0;y<o.length;y++){var a=o[y],h=e.base?a[0]+e.base:a[0],m=t[h]||0,i="".concat(h," ").concat(m);t[h]=m+1;var d=r(i),p={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(d!==-1)c[d].references++,c[d].updater(p);else{var f=n(p,e);e.byIndex=y,c.splice(y,0,{identifier:i,updater:f,references:1})}u.push(i)}return u}function n(o,e){var t=e.domAPI(e);t.update(o);var u=function(a){if(a){if(a.css===o.css&&a.media===o.media&&a.sourceMap===o.sourceMap&&a.supports===o.supports&&a.layer===o.layer)return;t.update(o=a)}else t.remove()};return u}l.exports=function(o,e){e=e||{},o=o||[];var t=s(o,e);return function(y){y=y||[];for(var a=0;a<t.length;a++){var h=t[a],m=r(h);c[m].references--}for(var i=s(y,e),d=0;d<t.length;d++){var p=t[d],f=r(p);c[f].references===0&&(c[f].updater(),c.splice(f,1))}t=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":l=>{"use strict";var c={};function r(n){if(typeof c[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}c[n]=o}return c[n]}function s(n,o){var e=r(n);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(o)}l.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":l=>{"use strict";function c(r){var s=document.createElement("style");return r.setAttributes(s,r.attributes),r.insert(s,r.options),s}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(l,c,r)=>{"use strict";function s(n){var o=r.nc;o&&n.setAttribute("nonce",o)}l.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":l=>{"use strict";function c(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var y=e.sourceMap;y&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(y))))," */")),o.styleTagTransform(t,n,o.options)}function r(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function s(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(t){c(o,n,t)},remove:function(){r(o)}}}l.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":l=>{"use strict";function c(r,s){if(s.styleSheet)s.styleSheet.cssText=r;else{for(;s.firstChild;)s.removeChild(s.firstChild);s.appendChild(document.createTextNode(r))}}l.exports=c},"./stories/UIButton.story.tsx":function(l,c,r){"use strict";var s=this&&this.__createBinding||(Object.create?function(d,p,f,v){v===void 0&&(v=f);var I=Object.getOwnPropertyDescriptor(p,f);(!I||("get"in I?!p.__esModule:I.writable||I.configurable))&&(I={enumerable:!0,get:function(){return p[f]}}),Object.defineProperty(d,v,I)}:function(d,p,f,v){v===void 0&&(v=f),d[v]=p[f]}),n=this&&this.__setModuleDefault||(Object.create?function(d,p){Object.defineProperty(d,"default",{enumerable:!0,value:p})}:function(d,p){d.default=p}),o=this&&this.__importStar||function(){var d=function(p){return d=Object.getOwnPropertyNames||function(f){var v=[];for(var I in f)Object.prototype.hasOwnProperty.call(f,I)&&(v[v.length]=I);return v},d(p)};return function(p){if(p&&p.__esModule)return p;var f={};if(p!=null)for(var v=d(p),I=0;I<v.length;I++)v[I]!=="default"&&s(f,p,v[I]);return n(f,p),f}}();Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=o(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),y=r("./src/components/UIContextualMenu/index.tsx"),a=r("./src/components/Icons.tsx"),h=r("./src/components/UITreeDropdown/index.tsx");(0,a.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const m={childrenGap:40},i=()=>{const[d,p]=(0,e.useState)(""),[f,v]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),I=U=>{p(U)},k=U=>{const S=w(C({},f),{[U]:!f[U]});v(S)},x=(U,S,_)=>{const B={key:U,text:S};return _&&(B.iconProps={iconName:a.UiIcons.GuidedDevelopment}),B},E=x("option1","option 1"),g=[x("option2","option 2"),x("option3","option 3")],b=g.map(U=>w(C({},U),{iconProps:{iconName:a.UiIcons.GuidedDevelopment}})),M=[b[0],w(C({},b[1]),{iconProps:void 0})],T=()=>[x("option1","option 1"),x("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},x("option3","option 3"),x("option4","option 4"),x("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},x("option6","option 6"),x("option7","option 7"),x("option8","option 8"),x("option10","option 10"),x("option11","option 11"),x("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UISplitButton,{id:"test",callback:I.bind(this),menuItems:g,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:I.bind(this),menuItems:b,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:U=>{if(U==="rename"){const S=T(),_=S.find(B=>B.key==="rename");_&&(_.text="Renamed"),A(S)}I(U)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",d))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:a.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:a.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:a.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:a.UiIcons.Undo},checked:f.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:f.btn2,iconProps:{iconName:a.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:f.btn3,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:g}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(l,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),o=n;o.v1=s,o.v4=n,l.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":l=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function s(n,o){var e=o||0,t=c;return[t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]]].join("")}l.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":l=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);l.exports=function(){return c(r),r}}else{var s=new Array(16);l.exports=function(){for(var o=0,e;o<16;o++)o&3||(e=Math.random()*4294967296),s[o]=e>>>((o&3)<<3)&255;return s}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(l,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),o,e,t=0,u=0;function y(a,h,m){var i=h&&m||0,d=h||[];a=a||{};var p=a.node||o,f=a.clockseq!==void 0?a.clockseq:e;if(p==null||f==null){var v=s();p==null&&(p=o=[v[0]|1,v[1],v[2],v[3],v[4],v[5]]),f==null&&(f=e=(v[6]<<8|v[7])&16383)}var I=a.msecs!==void 0?a.msecs:new Date().getTime(),k=a.nsecs!==void 0?a.nsecs:u+1,x=I-t+(k-u)/1e4;if(x<0&&a.clockseq===void 0&&(f=f+1&16383),(x<0||I>t)&&a.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=I,u=k,e=f,I+=122192928e5;var E=((I&268435455)*1e4+k)%4294967296;d[i++]=E>>>24&255,d[i++]=E>>>16&255,d[i++]=E>>>8&255,d[i++]=E&255;var g=I/4294967296*1e4&268435455;d[i++]=g>>>8&255,d[i++]=g&255,d[i++]=g>>>24&15|16,d[i++]=g>>>16&255,d[i++]=f>>>8|128,d[i++]=f&255;for(var b=0;b<6;++b)d[i+b]=p[b];return h||n(d)}l.exports=y},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(l,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function o(e,t,u){var y=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var a=e.random||(e.rng||s)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t)for(var h=0;h<16;++h)t[y+h]=a[h];return t||n(a)}l.exports=o}}]);})();
@@ -1,2 +1,2 @@
1
- (()=>{var I=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?I(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,g=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var _=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=r(_);s.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var b=this[c][0];b!=null&&(l[b]=!0)}for(var f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>T});var _=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(_),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=n.n(l),b=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(b),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=n.n(d),p=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(p),y={};for(const v in p)v!=="default"&&(y[v]=()=>p[v]);n.d(o,y);var h={};h.styleTagTransform=i(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const T=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},a=[],l=0;l<s.length;l++){var c=s[l],b=e.base?c[0]+e.base:c[0],f=t[b]||0,d="".concat(b," ").concat(f);t[b]=f+1;var i=n(d),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)o[i].references++,o[i].updater(p);else{var u=r(p,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;t.update(s=c)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(l){l=l||[];for(var c=0;c<t.length;c++){var b=t[c],f=n(b);o[f].references--}for(var d=_(l,e),i=0;i<t.length;i++){var p=t[i],u=n(p);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function _(r,s){var e=n(r);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(s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var _=document.createElement("style");return n.setAttributes(_,n.attributes),n.insert(_,n.options),_}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function _(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function _(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,_){if(_.styleSheet)_.styleSheet.cssText=n;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},_=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,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 a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:c}=e;if(l){const b=window.innerHeight-n.minPagePadding,f=l.rect.height,d=c.rect.bottom;let i=d+f-a.rect.top,p=d+l.rect.height;if(i<=0||p>=b)return;if(p+=a.rect.height,p<=b&&(i+=_),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(i),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const c=this.originalStyle[l];typeof c=="string"&&(t.dom.style[l]=c)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:2};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},c=f=>{var d,i;return{root:g({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((i=f.contentPadding)!=null?i:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=c;class b extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:i,focusTargetSiblingOnTabPress:p,target:u}=this.props;if(p&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}i==null||i(d)}render(){return r.default.createElement(s.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=b},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=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(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,g({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,g({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=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(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(i,p,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(p,u);(!h||("get"in h?!p.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return p[u]}}),Object.defineProperty(i,y,h)}:function(i,p,u,y){y===void 0&&(y=u),i[y]=p[u]}),r=this&&this.__setModuleDefault||(Object.create?function(i,p){Object.defineProperty(i,"default",{enumerable:!0,value:p})}:function(i,p){i.default=p}),s=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var p={};if(i!=null)for(var u in i)u!=="default"&&Object.prototype.hasOwnProperty.call(i,u)&&_(p,i,u);return r(p,i),p};Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),c=n("./src/components/Icons.tsx");o.default={title:"Dropdowns/Callout"};const b=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:p,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.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=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:p,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.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")))))},d=()=>e.default.createElement("div",null,e.default.createElement(b,{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"}));o.Callout=d}}]);})();
1
+ (()=>{var T=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?T(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,g=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var _=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=r(_);s.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var b=this[c][0];b!=null&&(l[b]=!0)}for(var f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var _=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(_),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=n.n(l),b=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(b),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=n.n(d),i=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(i),y={};for(const v in i)v!=="default"&&(y[v]=()=>i[v]);n.d(o,y);var h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const I=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},a=[],l=0;l<s.length;l++){var c=s[l],b=e.base?c[0]+e.base:c[0],f=t[b]||0,d="".concat(b," ").concat(f);t[b]=f+1;var p=n(d),i={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(i);else{var u=r(i,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;t.update(s=c)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(l){l=l||[];for(var c=0;c<t.length;c++){var b=t[c],f=n(b);o[f].references--}for(var d=_(l,e),p=0;p<t.length;p++){var i=t[p],u=n(i);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function _(r,s){var e=n(r);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(s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var _=document.createElement("style");return n.setAttributes(_,n.attributes),n.insert(_,n.options),_}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function _(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function _(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,_){if(_.styleSheet)_.styleSheet.cssText=n;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},_=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,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 a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:c}=e;if(l){const b=window.innerHeight-n.minPagePadding,f=l.rect.height,d=c.rect.bottom;let p=d+f-a.rect.top,i=d+l.rect.height;if(p<=0||i>=b)return;if(i+=a.rect.height,i<=b&&(p+=_),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const c=this.originalStyle[l];typeof c=="string"&&(t.dom.style[l]=c)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},c=f=>{var d,p;return{root:g({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((p=f.contentPadding)!=null?p:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=c;class b extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:p,focusTargetSiblingOnTabPress:i,target:u}=this.props;if(i&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}p==null||p(d)}render(){return r.default.createElement(s.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=b},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=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(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,g({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,g({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=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(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(p,i,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(i,u);(!h||("get"in h?!i.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return i[u]}}),Object.defineProperty(p,y,h)}:function(p,i,u,y){y===void 0&&(y=u),p[y]=i[u]}),r=this&&this.__setModuleDefault||(Object.create?function(p,i){Object.defineProperty(p,"default",{enumerable:!0,value:i})}:function(p,i){p.default=i}),s=this&&this.__importStar||function(){var p=function(i){return p=Object.getOwnPropertyNames||function(u){var y=[];for(var h in u)Object.prototype.hasOwnProperty.call(u,h)&&(y[y.length]=h);return y},p(i)};return function(i){if(i&&i.__esModule)return i;var u={};if(i!=null)for(var y=p(i),h=0;h<y.length;h++)y[h]!=="default"&&_(u,i,y[h]);return r(u,i),u}}();Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),c=n("./src/components/Icons.tsx");o.default={title:"Dropdowns/Callout"};const b=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.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=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.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")))))},d=()=>e.default.createElement("div",null,e.default.createElement(b,{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"}));o.Callout=d}}]);})();
@@ -0,0 +1 @@
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":function(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.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),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)}}}}]);})();
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var m=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var _=(c,o,r)=>o in c?m(c,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[o]=r,d=(c,o)=>{for(var r in o||(o={}))g.call(o,r)&&_(c,r,o[r]);if(b)for(var r of b(o))v.call(o,r)&&_(c,r,o[r]);return c},u=(c,o)=>C(c,y(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[525],{"./src/components/UIChoiceGroup/UIChoiceGroup.tsx":function(c,o,r){var s=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UILabel/index.tsx"),t=r("./src/components/types.ts"),n={fontSize:13,disableOpacity:.4},e={label:u(d({},n),{color:"var(--vscode-input-foreground)"}),radio:{borderColor:"var(--vscode-editorWidget-border)",background:"var(--vscode-input-background)",bullet:{background:"var(--vscode-input-foreground)"},hover:{background:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"},label:u(d({},n),{color:"var(--vscode-foreground)"})}};class p extends a.default.Component{constructor(h){super(h),this.setStyles=()=>d({root:{".ms-ChoiceFieldGroup label.ms-Label":{fontWeight:"bold",fontSize:e.label.fontSize,fontStyle:"normal",lineHeight:15,color:e.label.color,marginTop:10,padding:0},".ms-ChoiceField":{minHeight:20},".ms-ChoiceField-field":{fontWeight:"normal",fontSize:e.radio.label.fontSize,fontStyle:"normal",lineHeight:18,color:e.radio.label.color,margin:0},".ms-ChoiceField-field::before":{backgroundColor:e.radio.background,borderColor:e.radio.borderColor,top:0,left:0,width:18,height:18},".ms-ChoiceField-field::after":{left:5,top:5,height:8,width:8,borderWidth:4,backgroundColor:e.radio.background,transition:"none"},".ms-ChoiceFieldLabel":{paddingLeft:26},".ms-ChoiceField-field.is-checked::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-field:hover":{"span.ms-ChoiceFieldLabel":{color:e.radio.label.color},"::before":{borderColor:e.radio.hover.background},"::after":{borderColor:"transparent",background:"transparent"}},"label.ms-ChoiceField-field.is-checked:hover::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-wrapper.is-inFocus::after":{borderColor:e.radio.focus.borderColor},".ms-ChoiceField-input:focus":{opacity:0},".is-disabled + .ms-ChoiceField-field":{" .ms-ChoiceFieldLabel":{opacity:e.radio.label.disableOpacity,color:e.radio.label.color},":hover::before":{borderColor:e.radio.borderColor},":after":{opacity:e.radio.label.disableOpacity}}},label:d(d(d({},l.labelGlobalStyle),this.props.disabled&&{opacity:e.label.disableOpacity,color:e.label.color}),this.props.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}})},this.props.inline&&{flexContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",selectors:{"> .ms-ChoiceField":{paddingRight:16}}}})}render(){return a.default.createElement(i.ChoiceGroup,d({styles:this.setStyles},this.props))}}o.UIChoiceGroup=p},"./src/components/UIChoiceGroup/index.tsx":function(c,o,r){var s=this&&this.__createBinding||(Object.create?function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}:function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]}),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UIChoiceGroup/UIChoiceGroup.tsx"),o)},"./src/components/UILabel/UILabel.tsx":function(c,o,r){var s=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILabel=o.labelGlobalStyle=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/types.ts");o.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class t extends a.default.Component{constructor(e){super(e)}render(){const e=p=>({root:[d({marginTop:25},o.labelGlobalStyle),p.disabled&&{opacity:"0.4"},p.required&&{selectors:{"::after":{content:l.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return a.default.createElement(i.Label,u(d({},this.props),{styles:e}))}}o.UILabel=t},"./src/components/UILabel/index.tsx":function(c,o,r){var s=this&&this.__createBinding||(Object.create?function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}:function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]}),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UILabel/UILabel.tsx"),o)},"./src/components/types.ts":(c,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.REQUIRED_LABEL_INDICATOR=void 0,o.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UIChoiceGroup.story.tsx":function(c,o,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(o,"__esModule",{value:!0}),o.ChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UIChoiceGroup/index.tsx");o.default={title:"Basic Inputs/ChoiceGroup"};const t={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(e,p)=>{console.log(p.text)}},n=()=>a.default.createElement(i.Stack,null,a.default.createElement(i.Stack,null,a.default.createElement(i.Text,{variant:"large",block:!0},"ChoiceGroup"),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,d({},t))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Disabled",disabled:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Required",required:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Inline",inline:!0})))));o.ChoiceGroup=n}}]);})();