@sap-ux/ui-components 2.1.15 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
  2. package/dist/components/UIComboBox/UIComboBox.js +3 -0
  3. package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
  4. package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
  5. package/dist/components/UIDropdown/UIDropdown.js +4 -1
  6. package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
  7. package/package.json +2 -2
  8. package/storybook/237.789b9d8f.iframe.bundle.js +13 -0
  9. package/storybook/{269.29ddae67.iframe.bundle.js → 269.0cc8afbf.iframe.bundle.js} +1 -1
  10. package/storybook/272.3ac8af6d.iframe.bundle.js +8 -0
  11. package/storybook/{278.15cca4c4.iframe.bundle.js → 278.4ad60d68.iframe.bundle.js} +1 -1
  12. package/storybook/300.84bb46cd.iframe.bundle.js +7 -0
  13. package/storybook/303.07b7acd1.iframe.bundle.js +43 -0
  14. package/storybook/360.20c88333.iframe.bundle.js +10 -0
  15. package/storybook/{435.d820054a.iframe.bundle.js → 435.fe0c5cb0.iframe.bundle.js} +1 -1
  16. package/storybook/{438.7d681b59.iframe.bundle.js → 438.8ad5ceaa.iframe.bundle.js} +1 -1
  17. package/storybook/{510.8928f7bc.iframe.bundle.js → 510.3f469132.iframe.bundle.js} +1 -1
  18. package/storybook/{541.5b112304.iframe.bundle.js → 541.dbf90ed7.iframe.bundle.js} +1 -1
  19. package/storybook/691.acd5121e.iframe.bundle.js +1 -0
  20. package/storybook/714.f5db87a6.iframe.bundle.js +55 -0
  21. package/storybook/{715.e556c023.iframe.bundle.js → 715.68e5d55b.iframe.bundle.js} +1 -1
  22. package/storybook/{738.4c7096f3.iframe.bundle.js → 738.d810205a.iframe.bundle.js} +1 -1
  23. package/storybook/{UIActionCallout-story.ddcadadd.iframe.bundle.js → UIActionCallout-story.e1969803.iframe.bundle.js} +1 -1
  24. package/storybook/UIButton-story.2725095a.iframe.bundle.js +1 -0
  25. package/storybook/{UICallout-story.eec4e4c0.iframe.bundle.js → UICallout-story.2943d967.iframe.bundle.js} +1 -1
  26. package/storybook/UICalloutCollisionTransform-story.43356506.iframe.bundle.js +1 -0
  27. package/storybook/{UICheckbox-story.681479f2.iframe.bundle.js → UICheckbox-story.817b5aea.iframe.bundle.js} +1 -1
  28. package/storybook/UIChoiceGroup-story.26738859.iframe.bundle.js +1 -0
  29. package/storybook/UICombobox-story.d0c5a21c.iframe.bundle.js +1 -0
  30. package/storybook/{UIContextualMenu-story.5d35030b.iframe.bundle.js → UIContextualMenu-story.b9a93aaf.iframe.bundle.js} +1 -1
  31. package/storybook/{UICreateSelect-story.1712faae.iframe.bundle.js → UICreateSelect-story.1c668c39.iframe.bundle.js} +1 -1
  32. package/storybook/{UIDatePicker-story.95f324bd.iframe.bundle.js → UIDatePicker-story.9b2e3621.iframe.bundle.js} +1 -1
  33. package/storybook/UIDialog-story.6d518b55.iframe.bundle.js +2 -0
  34. package/storybook/{UIFlexibleTable-story.218b515c.iframe.bundle.js → UIFlexibleTable-story.982bab99.iframe.bundle.js} +1 -1
  35. package/storybook/UIIcon-story.889b5dd7.iframe.bundle.js +1 -0
  36. package/storybook/UILabel-story.c0020ef5.iframe.bundle.js +1 -0
  37. package/storybook/{UILink-story.5f2ffd4f.iframe.bundle.js → UILink-story.36911bf6.iframe.bundle.js} +1 -1
  38. package/storybook/{UILoader-story.578be4a2.iframe.bundle.js → UILoader-story.f1276c9d.iframe.bundle.js} +1 -1
  39. package/storybook/{UIMessageBar-story.efde9aa5.iframe.bundle.js → UIMessageBar-story.b80ad5ed.iframe.bundle.js} +1 -1
  40. package/storybook/UIPersona-story.534e3d93.iframe.bundle.js +1 -0
  41. package/storybook/UISearchBox-story.7366a9a2.iframe.bundle.js +1 -0
  42. package/storybook/{UISections-story.e394f18b.iframe.bundle.js → UISections-story.e6852131.iframe.bundle.js} +1 -1
  43. package/storybook/UISeparator-story.6050de69.iframe.bundle.js +1 -0
  44. package/storybook/UITable-story.3ec982c9.iframe.bundle.js +4 -0
  45. package/storybook/{UITextInput-story.04f63e1e.iframe.bundle.js → UITextInput-story.637bf0a2.iframe.bundle.js} +1 -1
  46. package/storybook/UIToggle-story.a1e28ca9.iframe.bundle.js +2 -0
  47. package/storybook/{UIToggleGroup-story.d375bd88.iframe.bundle.js → UIToggleGroup-story.a0cda798.iframe.bundle.js} +1 -1
  48. package/storybook/{UITooltip-story.1b5925c0.iframe.bundle.js → UITooltip-story.35dc2a90.iframe.bundle.js} +1 -1
  49. package/storybook/iframe.html +3 -3
  50. package/storybook/{main.817cdb36.iframe.bundle.js → main.9efacc41.iframe.bundle.js} +1 -1
  51. package/storybook/project.json +1 -1
  52. package/storybook/{runtime~main.7a7a7809.iframe.bundle.js → runtime~main.29f3ae2e.iframe.bundle.js} +1 -1
  53. package/storybook/sb-addons/common-manager-bundle.js +1 -1
  54. package/storybook/237.334c60ea.iframe.bundle.js +0 -13
  55. package/storybook/272.9b5d83c3.iframe.bundle.js +0 -8
  56. package/storybook/300.8275c199.iframe.bundle.js +0 -7
  57. package/storybook/303.99f69b0a.iframe.bundle.js +0 -43
  58. package/storybook/360.01a2fadf.iframe.bundle.js +0 -10
  59. package/storybook/691.088aaa8f.iframe.bundle.js +0 -1
  60. package/storybook/714.151a8a88.iframe.bundle.js +0 -55
  61. package/storybook/UIButton-story.9f7c2053.iframe.bundle.js +0 -1
  62. package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js +0 -1
  63. package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js +0 -1
  64. package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js +0 -1
  65. package/storybook/UIDialog-story.170e3efe.iframe.bundle.js +0 -2
  66. package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +0 -1
  67. package/storybook/UILabel-story.4f878fd0.iframe.bundle.js +0 -1
  68. package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js +0 -1
  69. package/storybook/UISearchBox-story.9f58fac1.iframe.bundle.js +0 -1
  70. package/storybook/UISeparator-story.b93568c6.iframe.bundle.js +0 -1
  71. package/storybook/UITable-story.08b1e3ca.iframe.bundle.js +0 -4
  72. package/storybook/UIToggle-story.6874a731.iframe.bundle.js +0 -2
package/storybook/{541.5b112304.iframe.bundle.js → 541.dbf90ed7.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(()=>{var p=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(g,o,e)=>o in g?p(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,s=(g,o)=>{for(var e in o||(o={}))A.call(o,e)&&y(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&y(g,e,o[e]);return g},h=(g,o)=>I(g,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[541],{"./src/components/UIButton/UIActionButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIButton/UIDefaultButton.tsx");class c extends a.default.Component{constructor(S){super(S),this.setStyle=()=>({root:{minWidth:"initial",minHeight:r.BASE_STYLES.height,height:r.BASE_STYLES.height,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(f.ActionButton,h(s({},this.props),{styles:this.setStyle(),menuAs:i.UIContextualMenu}))}}o.UIActionButton=c},"./src/components/UIButton/UIDefaultButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIInput/index.tsx"),c=e("./src/components/Icons.tsx"),t="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:t},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:t,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:t},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"},height:26};const S="svg > path, svg > rect";class E extends a.default.Component{constructor(n){super(n),this.setStyle=u=>{const{primary:l,alert:b,transparent:B}=u,_={position:"absolute",width:1,right:o.BASE_STYLES.height-1,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},m={root:this.getInteractionStyle(!1,l,b,B),checked:this.getInteractionStyle(!0,l,b,B)};return{root:h(s(s(s({minWidth:"initial",minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,fontSize:"13px",fontWeight:400,borderRadius:r.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:this.getRootDisabledStyles(l,b,B),rootPressed:m.root,rootHovered:m.root,icon:this.getIconStyleOverrides(l,b,B),menuIcon:this.getMenuIconStyleOverrides(l,b),rootChecked:s(s(s({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:m.checked,rootCheckedPressed:m.checked,splitButtonMenuButton:{padding:6,minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,boxSizing:"border-box",borderRadius:`0 ${r.COMMON_INPUT_STYLES.borderRadius}px ${r.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:o.BASE_STYLES.height,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:s(s({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(n,u,l,b){let B=s(s(s({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.secondary.color}}},u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),n&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(n?B=h(s({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}):B=h(s({},B),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[S]:{fill:o.BASE_STYLES.transparent.color}}})),n&&(B=h(s({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}getRootDisabledStyles(n,u,l){return s(s(s({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},n&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),u&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),l&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor})}getIconStyleOverrides(n,u,l){return s(s(s({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[S]:{fill:o.BASE_STYLES.secondary.color}}},n&&{color:o.BASE_STYLES.color,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),u&&{color:o.BASE_STYLES.color,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.transparent.color,selectors:{[S]:{fill:o.BASE_STYLES.transparent.color}}})}getMenuIconStyleOverrides(n,u){return{selectors:s(s({"svg > path":{fill:o.BASE_STYLES.secondary.color}},n&&{"svg > path":{fill:o.BASE_STYLES.color}}),u&&{"svg > path":{fill:o.BASE_STYLES.color}})}}render(){var u;const n=(u=this.props.menuProps)!=null&&u.items?{iconName:c.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,h(s({menuIconProps:n},this.props),{styles:this.setStyle(this.props),menuAs:i.UIContextualMenu}))}}o.UIDefaultButton=E},"./src/components/UIButton/UIIconButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx");var r;(function(t){t.Default="Default",t.Wide="Wide"})(r||(o.UIIconButtonSizes=r={}));class c extends a.default.Component{constructor(S){super(S),this.setStyle=E=>{var u;const n=((u=E.sizeType)!=null?u:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:n,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:n},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:n},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:n,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(S){return`var(${S}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,h(s({},this.props),{styles:this.setStyle(this.props),menuAs:i.UIContextualMenu}))}}o.UIIconButton=c},"./src/components/UIButton/UISmallButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class i extends a.default.Component{constructor(c){super(c),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:h(s({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:s({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:s({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},t.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(c){return`var(${c})`}getColorwithFallback(c,t){return`var(${c}, ${t})`}render(){return a.default.createElement(f.DefaultButton,h(s({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=i},"./src/components/UIButton/UISplitButton.tsx"(g,o,e){var d=this&&this.__createBinding||(Object.create?(function(v,n,u,l){l===void 0&&(l=u);var b=Object.getOwnPropertyDescriptor(n,u);(!b||("get"in b?!n.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return n[u]}}),Object.defineProperty(v,l,b)}):(function(v,n,u,l){l===void 0&&(l=u),v[l]=n[u]})),a=this&&this.__setModuleDefault||(Object.create?(function(v,n){Object.defineProperty(v,"default",{enumerable:!0,value:n})}):function(v,n){v.default=n}),f=this&&this.__importStar||(function(){var v=function(n){return v=Object.getOwnPropertyNames||function(u){var l=[];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(l[l.length]=b);return l},v(n)};return function(n){if(n&&n.__esModule)return n;var u={};if(n!=null)for(var l=v(n),b=0;b<l.length;b++)l[b]!=="default"&&d(u,n,l[b]);return a(u,n),u}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const i=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/components/UIButton/UIDefaultButton.tsx"),c=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/Icons.tsx"),S=e("./src/utilities/index.ts");class E extends i.Component{constructor(n){super(n),this.id=this.props.id?this.props.id:(0,S.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(u,l)=>{l!=null&&l.key&&this.props.callback(l.key)},this.state={menu:{items:n.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(n,u){return{menu:{items:n.menuItems,onItemClick:u.menu.onItemClick}}}render(){return i.createElement(r.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:t.UiIcons.ArrowDown},menuAs:c.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=E},"./src/components/UIButton/index.tsx"(g,o,e){var d=this&&this.__createBinding||(Object.create?(function(i,r,c,t){t===void 0&&(t=c);var S=Object.getOwnPropertyDescriptor(r,c);(!S||("get"in S?!r.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(i,t,S)}):(function(i,r,c,t){t===void 0&&(t=c),i[t]=r[c]})),a=this&&this.__exportStar||function(i,r){for(var c in i)c!=="default"&&!Object.prototype.hasOwnProperty.call(r,c)&&d(r,i,c)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return f.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(d,a){let f;return(...i)=>{clearTimeout(f),f=window.setTimeout(()=>{d(...i)},a)}}},"./src/utilities/Dom.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=d;function e(a){return"title"in a}function d(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return d.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return d.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return d.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return d.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return d.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return d.isElementTabbable}});function a(f,i){const r=(0,d.getDocument)();if(r){let c=null;if(i?c=(0,d.getNextElement)(r.body,f,!1,!1,!0,!0):c=(0,d.getPreviousElement)(r.body,f,!1,!1,!0,!0),c)return c.focus(),c}return null}},"./src/utilities/Id.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts"(g,o,e){var d=this&&this.__createBinding||(Object.create?(function(f,i,r,c){c===void 0&&(c=r);var t=Object.getOwnPropertyDescriptor(i,r);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[r]}}),Object.defineProperty(f,c,t)}):(function(f,i,r,c){c===void 0&&(c=r),f[c]=i[r]})),a=this&&this.__exportStar||function(f,i){for(var r in f)r!=="default"&&!Object.prototype.hasOwnProperty.call(i,r)&&d(i,f,r)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Debounce.ts"),o),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();
1
+ "use strict";(()=>{var p=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(g,o,e)=>o in g?p(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,s=(g,o)=>{for(var e in o||(o={}))A.call(o,e)&&y(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&y(g,e,o[e]);return g},h=(g,o)=>I(g,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[541],{"./src/components/UIButton/UIActionButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIButton/UIDefaultButton.tsx");class c extends a.default.Component{constructor(S){super(S),this.setStyle=()=>({root:{minWidth:"initial",minHeight:r.BASE_STYLES.height,height:r.BASE_STYLES.height,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(f.ActionButton,h(s({},this.props),{styles:this.setStyle(),menuAs:i.UIContextualMenu}))}}o.UIActionButton=c},"./src/components/UIButton/UIDefaultButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIInput/index.tsx"),c=e("./src/components/Icons.tsx"),t="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:t},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:t,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:t},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"},height:26};const S="svg > path, svg > rect";class E extends a.default.Component{constructor(n){super(n),this.setStyle=u=>{const{primary:l,alert:b,transparent:B}=u,_={position:"absolute",width:1,right:o.BASE_STYLES.height-1,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},m={root:this.getInteractionStyle(!1,l,b,B),checked:this.getInteractionStyle(!0,l,b,B)};return{root:h(s(s(s({minWidth:"initial",minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,fontSize:"13px",fontWeight:400,borderRadius:r.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:this.getRootDisabledStyles(l,b,B),rootPressed:m.root,rootHovered:m.root,icon:this.getIconStyleOverrides(l,b,B),menuIcon:this.getMenuIconStyleOverrides(l,b),rootChecked:s(s(s({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:m.checked,rootCheckedPressed:m.checked,splitButtonMenuButton:{padding:6,minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,boxSizing:"border-box",borderRadius:`0 ${r.COMMON_INPUT_STYLES.borderRadius}px ${r.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:o.BASE_STYLES.height,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:s(s({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(n,u,l,b){let B=s(s(s({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.secondary.color}}},u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),n&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(n?B=h(s({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}):B=h(s({},B),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[S]:{fill:o.BASE_STYLES.transparent.color}}})),n&&(B=h(s({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}getRootDisabledStyles(n,u,l){return s(s(s({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},n&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),u&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),l&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor})}getIconStyleOverrides(n,u,l){return s(s(s({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[S]:{fill:o.BASE_STYLES.secondary.color}}},n&&{color:o.BASE_STYLES.color,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),u&&{color:o.BASE_STYLES.color,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.transparent.color,selectors:{[S]:{fill:o.BASE_STYLES.transparent.color}}})}getMenuIconStyleOverrides(n,u){return{selectors:s(s({"svg > path":{fill:o.BASE_STYLES.secondary.color}},n&&{"svg > path":{fill:o.BASE_STYLES.color}}),u&&{"svg > path":{fill:o.BASE_STYLES.color}})}}render(){var u;const n=(u=this.props.menuProps)!=null&&u.items?{iconName:c.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,h(s({menuIconProps:n},this.props),{styles:this.setStyle(this.props),menuAs:i.UIContextualMenu}))}}o.UIDefaultButton=E},"./src/components/UIButton/UIIconButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx");var r;(function(t){t.Default="Default",t.Wide="Wide"})(r||(o.UIIconButtonSizes=r={}));class c extends a.default.Component{constructor(S){super(S),this.setStyle=E=>{var u;const n=((u=E.sizeType)!=null?u:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:n,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:n},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:n},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:n,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(S){return`var(${S}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,h(s({},this.props),{styles:this.setStyle(this.props),menuAs:i.UIContextualMenu}))}}o.UIIconButton=c},"./src/components/UIButton/UISmallButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class i extends a.default.Component{constructor(c){super(c),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:h(s({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:s({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:s({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},t.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(c){return`var(${c})`}getColorwithFallback(c,t){return`var(${c}, ${t})`}render(){return a.default.createElement(f.DefaultButton,h(s({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=i},"./src/components/UIButton/UISplitButton.tsx"(g,o,e){var d=this&&this.__createBinding||(Object.create?function(v,n,u,l){l===void 0&&(l=u);var b=Object.getOwnPropertyDescriptor(n,u);(!b||("get"in b?!n.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return n[u]}}),Object.defineProperty(v,l,b)}:function(v,n,u,l){l===void 0&&(l=u),v[l]=n[u]}),a=this&&this.__setModuleDefault||(Object.create?function(v,n){Object.defineProperty(v,"default",{enumerable:!0,value:n})}:function(v,n){v.default=n}),f=this&&this.__importStar||function(){var v=function(n){return v=Object.getOwnPropertyNames||function(u){var l=[];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(l[l.length]=b);return l},v(n)};return function(n){if(n&&n.__esModule)return n;var u={};if(n!=null)for(var l=v(n),b=0;b<l.length;b++)l[b]!=="default"&&d(u,n,l[b]);return a(u,n),u}}();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const i=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/components/UIButton/UIDefaultButton.tsx"),c=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/Icons.tsx"),S=e("./src/utilities/index.ts");class E extends i.Component{constructor(n){super(n),this.id=this.props.id?this.props.id:(0,S.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(u,l)=>{l!=null&&l.key&&this.props.callback(l.key)},this.state={menu:{items:n.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(n,u){return{menu:{items:n.menuItems,onItemClick:u.menu.onItemClick}}}render(){return i.createElement(r.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:t.UiIcons.ArrowDown},menuAs:c.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=E},"./src/components/UIButton/index.tsx"(g,o,e){var d=this&&this.__createBinding||(Object.create?function(i,r,c,t){t===void 0&&(t=c);var S=Object.getOwnPropertyDescriptor(r,c);(!S||("get"in S?!r.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(i,t,S)}:function(i,r,c,t){t===void 0&&(t=c),i[t]=r[c]}),a=this&&this.__exportStar||function(i,r){for(var c in i)c!=="default"&&!Object.prototype.hasOwnProperty.call(r,c)&&d(r,i,c)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return f.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(d,a){let f;return(...i)=>{clearTimeout(f),f=window.setTimeout(()=>{d(...i)},a)}}},"./src/utilities/Dom.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=d;function e(a){return"title"in a}function d(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return d.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return d.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return d.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return d.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return d.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return d.isElementTabbable}});function a(f,i){const r=(0,d.getDocument)();if(r){let c=null;if(i?c=(0,d.getNextElement)(r.body,f,!1,!1,!0,!0):c=(0,d.getPreviousElement)(r.body,f,!1,!1,!0,!0),c)return c.focus(),c}return null}},"./src/utilities/Id.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts"(g,o,e){var d=this&&this.__createBinding||(Object.create?function(f,i,r,c){c===void 0&&(c=r);var t=Object.getOwnPropertyDescriptor(i,r);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[r]}}),Object.defineProperty(f,c,t)}:function(f,i,r,c){c===void 0&&(c=r),f[c]=i[r]}),a=this&&this.__exportStar||function(f,i){for(var r in f)r!=="default"&&!Object.prototype.hasOwnProperty.call(i,r)&&d(i,f,r)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Debounce.ts"),o),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();
package/storybook/691.acd5121e.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ (()=>{var P=Object.defineProperty,S=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var O=(a,_,e)=>_ in a?P(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,f=(a,_)=>{for(var e in _||(_={}))T.call(_,e)&&O(a,e,_[e]);if(h)for(var e of h(_))C.call(_,e)&&O(a,e,_[e]);return a},I=(a,_)=>S(a,j(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[691],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(a,_,e){var c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),d=n(c);d.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=d},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(a,_,e){var c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),d=n(c);d.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=d},"./src/components/UIIcon/UIIcon.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>M});var c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(c),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(d),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(s),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=e.n(u),m=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=e.n(m),w={};for(const E in m)E!=="default"&&(w[E]=()=>m[E]);e.d(_,w);var b={};b.styleTagTransform=i(),b.setAttributes=l(),b.insert=t().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=y();var v=n()(g(),b);const M=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>M});var c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(c),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(d),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(s),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=e.n(u),m=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=e.n(m),w={};for(const E in m)E!=="default"&&(w[E]=()=>m[E]);e.d(_,w);var b={};b.styleTagTransform=i(),b.setAttributes=l(),b.insert=t().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=y();var v=n()(g(),b);const M=g()&&g().locals?g().locals:void 0},"./src/components/UIIcon/UIIcon.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class r extends n.default.Component{constructor(t){super(t),this.setStyle=()=>({})}render(){const t=this.props.className?` ${this.props.className}`:"";return n.default.createElement(d.Icon,I(f({},this.props),{className:`ts-icon${t}`,styles:this.setStyle()}))}}_.UIIcon=r},"./src/components/UIIcon/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,r,o,t){t===void 0&&(t=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(d,t,s)}:function(d,r,o,t){t===void 0&&(t=o),d[t]=r[o]}),n=this&&this.__exportStar||function(d,r){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/components/UIInput/UITextInput.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(_,"__esModule",{value:!0}),_.UITextInput=_.COMMON_INPUT_STYLES=_.ITextFieldProps=_.ITextField=void 0;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),t=e("./src/components/types.ts");var s=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"ITextField",{enumerable:!0,get:function(){return s.ITextField}}),Object.defineProperty(_,"ITextFieldProps",{enumerable:!0,get:function(){return s.ITextFieldProps}}),_.COMMON_INPUT_STYLES={borderRadius:4};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 p extends n.default.Component{constructor(u){super(u),this.getStyles=i=>{const m=(0,r.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:_.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!i.multiline&&{height:24,maxHeight:24,minHeight:24},!i.disabled&&{selectors:{"&:hover":{borderColor:l.hover.borderColor}}},i.disabled&&{backgroundColor:l.disabled.backgroundColor,opacity:l.disabled.opacity,borderRadius:_.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)"}}},i.hasErrorMessage&&{borderColor:m.style.borderColor},i.focused&&{selectors:{":after":{border:this.getFocusBorder(m),borderRadius:_.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:l.regular.backgroundColor,color:l.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:_.COMMON_INPUT_STYLES.borderRadius,selectors:{"::placeholder":{fontSize:13,color:"var(--vscode-input-placeholderForeground)"}}},!i.multiline&&{lineHeight:"normal"},i.multiline&&{minHeight:"60px",height:"auto",display:"flex"},i.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:l.readOnly.backgroundColor},i.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[f({marginTop:25},o.labelGlobalStyle),i.disabled&&{opacity:l.disabled.opacity},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[m.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(u){let i=l.focus.borderColor;return this.props.errorMessage&&u.style.borderColor&&(i=`var(${u.style.borderColor})`),`1px ${l.regular.borderStyle} ${i}`}onRenderDisabledInput(u,i){const m=this.props.disabled?I(f({},u),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):u;return(i==null?void 0:i(m))||null}onRenderInput(u,i){return this.props.onRenderInput?this.props.onRenderInput(u,m=>this.onRenderDisabledInput(m,i)):this.onRenderDisabledInput(u,i)}render(){const u=(0,r.getMessageInfo)(this.props),i=this.getStyles;return n.default.createElement(d.TextField,I(f({},this.props),{onRenderInput:this.onRenderInput,errorMessage:u.message,styles:i}))}}_.UITextInput=p},"./src/components/UIInput/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,r,o,t){t===void 0&&(t=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(d,t,s)}:function(d,r,o,t){t===void 0&&(t=o),d[t]=r[o]}),n=this&&this.__exportStar||function(d,r){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/components/UIInput/UITextInput.tsx"),_)},"./src/components/UILabel/UILabel.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(_,"__esModule",{value:!0}),_.UILabel=_.labelGlobalStyle=void 0;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/components/types.ts");_.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends n.default.Component{constructor(s){super(s)}render(){const s=l=>({root:[f({marginTop:25},_.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return n.default.createElement(d.Label,I(f({},this.props),{styles:s}))}}_.UILabel=o},"./src/components/UILabel/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,r,o,t){t===void 0&&(t=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(d,t,s)}:function(d,r,o,t){t===void 0&&(t=o),d[t]=r[o]}),n=this&&this.__exportStar||function(d,r){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/components/UILabel/UILabel.tsx"),_)},"./src/components/types.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.REQUIRED_LABEL_INDICATOR=void 0,_.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/helper/ValidationMessage/MessageWrapper.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.MESSAGE_ICONS_MAP=void 0,_.MessageWrapper=t;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("./src/helper/ValidationMessage/utils.ts"),r=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,r.UiIcons.Error],[d.ErrorMessageType.Error,r.UiIcons.Error],[d.ErrorMessageType.Warning,r.UiIcons.Warning],[d.ErrorMessageType.Info,r.UiIcons.Info]]);function t(s){const{children:l,message:p}=s,y=p.message?d.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,u=_.MESSAGE_ICONS_MAP.get(p.type);return n.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${y}`},n.default.createElement("div",{className:"ts-message-target"},l),n.default.createElement("div",{className:"ts-message-body"},n.default.createElement(o.UIIcon,{iconName:u}),n.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,r,o,t){t===void 0&&(t=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(d,t,s)}:function(d,r,o,t){t===void 0&&(t=o),d[t]=r[o]}),n=this&&this.__exportStar||function(d,r){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),n(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(e||(_.ErrorMessageType=e={}));const c=(s,l)=>{const p=`1px solid ${l}`;return{backgroundColor:s,borderLeft:p,borderRight:p,borderBottom:p,borderColor:l}},n={error:I(f({color:"var(--vscode-input-foreground)"},c("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0,borderRadius:"var(--vscode-cornerRadius-small)"}),warning:{},info:{}};n.warning=f(f({},n.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),n.info=f(f({},n.error),c("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const d=s=>{let l;switch(s){case e.Warning:{l=n.warning;break}case e.Info:{l=n.info;break}default:{l=n.error;break}}return l},r=s=>{if(s){if(s.errorMessage)return e.Error;if(s.warningMessage)return e.Warning;if(s.infoMessage)return e.Info}return e.Error},o=s=>{const l=["errorMessage","warningMessage","infoMessage"];for(const p of l)if(s!=null&&s[p])return s[p]},t=s=>{const l=r(s);return{type:l,style:d(l),message:o(s)}};_.getMessageInfo=t}}]);})();