@sap-ux/ui-components 1.27.9 → 2.0.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 (108) hide show
  1. package/dist/components/UIButton/UIIconButton.d.ts.map +1 -1
  2. package/dist/components/UIButton/UIIconButton.js +2 -1
  3. package/dist/components/UIButton/UIIconButton.js.map +1 -1
  4. package/dist/components/UICallout/UICallout.js +1 -1
  5. package/dist/components/UICheckbox/UICheckbox.d.ts.map +1 -1
  6. package/dist/components/UICheckbox/UICheckbox.js +3 -1
  7. package/dist/components/UICheckbox/UICheckbox.js.map +1 -1
  8. package/dist/components/UIContextualMenu/_variables.scss +1 -1
  9. package/dist/components/UIInput/UITextInput.js +1 -1
  10. package/dist/styles/_variables.scss +1 -1
  11. package/package.json +2 -2
  12. package/storybook/13.1de7f853.iframe.bundle.js +1 -0
  13. package/storybook/174.71a8dd1c.iframe.bundle.js +1 -0
  14. package/storybook/195.3d7d3044.iframe.bundle.js +1 -0
  15. package/storybook/237.334c60ea.iframe.bundle.js +13 -0
  16. package/storybook/267.22cc1c06.iframe.bundle.js +7 -0
  17. package/storybook/321.18c353da.iframe.bundle.js +1 -0
  18. package/storybook/421.82fb543c.iframe.bundle.js +43 -0
  19. package/storybook/434.16b1a922.iframe.bundle.js +1 -0
  20. package/storybook/472.4283b7a6.iframe.bundle.js +10 -0
  21. package/storybook/473.fa931179.iframe.bundle.js +1 -0
  22. package/storybook/482.f9e43363.iframe.bundle.js +1 -0
  23. package/storybook/543.0c0837d6.iframe.bundle.js +1 -0
  24. package/storybook/618.0c2b25bb.iframe.bundle.js +1 -0
  25. package/storybook/625.874afe67.iframe.bundle.js +62 -0
  26. package/storybook/UIActionCallout-story.17b8bed9.iframe.bundle.js +2 -0
  27. package/storybook/UIButton-story.e7b86ff9.iframe.bundle.js +2 -0
  28. package/storybook/UICallout-story.f956caff.iframe.bundle.js +2 -0
  29. package/storybook/UICalloutCollisionTransform-story.ab856fec.iframe.bundle.js +1 -0
  30. package/storybook/UICheckbox-story.490ca9cb.iframe.bundle.js +2 -0
  31. package/storybook/UIChoiceGroup-story.9a573f7f.iframe.bundle.js +1 -0
  32. package/storybook/UICombobox-story.82435b80.iframe.bundle.js +1 -0
  33. package/storybook/UIContextualMenu-story.7f29a165.iframe.bundle.js +2 -0
  34. package/storybook/UICreateSelect-story.dd4c5fad.iframe.bundle.js +2 -0
  35. package/storybook/UIDatePicker-story.67b687bc.iframe.bundle.js +2 -0
  36. package/storybook/UIDialog-story.7dbbf082.iframe.bundle.js +2 -0
  37. package/storybook/UIDropdown-story.9665029e.iframe.bundle.js +1 -0
  38. package/storybook/UIFlexibleTable-story.218b515c.iframe.bundle.js +74 -0
  39. package/storybook/UIIcon-story.56526df5.iframe.bundle.js +1 -0
  40. package/storybook/UILabel-story.49795aba.iframe.bundle.js +1 -0
  41. package/storybook/UILink-story.16737a61.iframe.bundle.js +2 -0
  42. package/storybook/UILoader-story.0f747ffb.iframe.bundle.js +6 -0
  43. package/storybook/UIMessageBar-story.21443966.iframe.bundle.js +1 -0
  44. package/storybook/UIPersona-story.7276de7c.iframe.bundle.js +1 -0
  45. package/storybook/UIQuickNavigation-story.2d86a3e8.iframe.bundle.js +1 -0
  46. package/storybook/UISearchBox-story.b2e103c4.iframe.bundle.js +1 -0
  47. package/storybook/{UISections-story.4bdae700.iframe.bundle.js → UISections-story.bf185a2a.iframe.bundle.js} +2 -2
  48. package/storybook/UISeparator-story.fa052e00.iframe.bundle.js +1 -0
  49. package/storybook/UITable-story.c80d3a04.iframe.bundle.js +4 -0
  50. package/storybook/UITextInput-story.c00bbea7.iframe.bundle.js +2 -0
  51. package/storybook/UIToggle-story.bf57ab50.iframe.bundle.js +2 -0
  52. package/storybook/UIToggleGroup-story.d6ffea1a.iframe.bundle.js +2 -0
  53. package/storybook/UITooltip-story.1aaaa662.iframe.bundle.js +1 -0
  54. package/storybook/UITranslationInput-story.749bde8b.iframe.bundle.js +1 -0
  55. package/storybook/UITreedropdown-story.ee2c3a17.iframe.bundle.js +2 -0
  56. package/storybook/Utilities-story.7f8fd70e.iframe.bundle.js +1 -0
  57. package/storybook/iframe.html +5 -3
  58. package/storybook/main.e2aa1653.iframe.bundle.js +1 -0
  59. package/storybook/project.json +1 -1
  60. package/storybook/runtime~main.0ec101e6.iframe.bundle.js +2 -0
  61. package/storybook/sb-manager/globals-runtime.js +10691 -11043
  62. package/storybook/sb-preview/runtime.js +238 -238
  63. package/storybook/113.86052d99.iframe.bundle.js +0 -1
  64. package/storybook/173.6fa4f445.iframe.bundle.js +0 -1
  65. package/storybook/236.fd2f9f38.iframe.bundle.js +0 -1
  66. package/storybook/275.68b405ad.iframe.bundle.js +0 -17
  67. package/storybook/299.87eab481.iframe.bundle.js +0 -62
  68. package/storybook/368.e54fc3f9.iframe.bundle.js +0 -1
  69. package/storybook/441.ac29c9de.iframe.bundle.js +0 -7
  70. package/storybook/460.f6d7f47b.iframe.bundle.js +0 -1
  71. package/storybook/514.7b97def1.iframe.bundle.js +0 -1
  72. package/storybook/623.18990c1a.iframe.bundle.js +0 -1
  73. package/storybook/731.79239106.iframe.bundle.js +0 -43
  74. package/storybook/769.2fb98a19.iframe.bundle.js +0 -1
  75. package/storybook/875.7473ec4c.iframe.bundle.js +0 -1
  76. package/storybook/938.5fe0a303.iframe.bundle.js +0 -10
  77. package/storybook/UIActionCallout-story.a373962d.iframe.bundle.js +0 -2
  78. package/storybook/UIButton-story.676e6fbe.iframe.bundle.js +0 -2
  79. package/storybook/UICallout-story.a5167b23.iframe.bundle.js +0 -2
  80. package/storybook/UICalloutCollisionTransform-story.303f5e45.iframe.bundle.js +0 -1
  81. package/storybook/UICheckbox-story.04795d23.iframe.bundle.js +0 -2
  82. package/storybook/UIChoiceGroup-story.5164ad16.iframe.bundle.js +0 -1
  83. package/storybook/UICombobox-story.b8089d01.iframe.bundle.js +0 -1
  84. package/storybook/UIContextualMenu-story.e6b65667.iframe.bundle.js +0 -2
  85. package/storybook/UICreateSelect-story.07f42e08.iframe.bundle.js +0 -2
  86. package/storybook/UIDatePicker-story.53e97cc6.iframe.bundle.js +0 -2
  87. package/storybook/UIDialog-story.f395fac7.iframe.bundle.js +0 -2
  88. package/storybook/UIDropdown-story.aa45ccb5.iframe.bundle.js +0 -1
  89. package/storybook/UIFlexibleTable-story.ff022e8e.iframe.bundle.js +0 -74
  90. package/storybook/UIIcon-story.cd2eb53e.iframe.bundle.js +0 -1
  91. package/storybook/UILabel-story.b72e7eee.iframe.bundle.js +0 -1
  92. package/storybook/UILink-story.a43342a0.iframe.bundle.js +0 -2
  93. package/storybook/UILoader-story.24a46a6d.iframe.bundle.js +0 -6
  94. package/storybook/UIMessageBar-story.211efb09.iframe.bundle.js +0 -1
  95. package/storybook/UIPersona-story.be0866bd.iframe.bundle.js +0 -1
  96. package/storybook/UIQuickNavigation-story.9ad81852.iframe.bundle.js +0 -1
  97. package/storybook/UISearchBox-story.49983732.iframe.bundle.js +0 -1
  98. package/storybook/UISeparator-story.41a66ccf.iframe.bundle.js +0 -1
  99. package/storybook/UITable-story.9070437c.iframe.bundle.js +0 -4
  100. package/storybook/UITextInput-story.9b000936.iframe.bundle.js +0 -2
  101. package/storybook/UIToggle-story.61025a5c.iframe.bundle.js +0 -2
  102. package/storybook/UIToggleGroup-story.32bc9694.iframe.bundle.js +0 -2
  103. package/storybook/UITooltip-story.e421d7eb.iframe.bundle.js +0 -1
  104. package/storybook/UITranslationInput-story.c7f60404.iframe.bundle.js +0 -1
  105. package/storybook/UITreedropdown-story.2cc0adcd.iframe.bundle.js +0 -2
  106. package/storybook/Utilities-story.06c40764.iframe.bundle.js +0 -1
  107. package/storybook/main.356476a1.iframe.bundle.js +0 -1
  108. package/storybook/runtime~main.1eb088e7.iframe.bundle.js +0 -2
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var y=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var p=(v,o,e)=>o in v?y(v,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):v[o]=e,i=(v,o)=>{for(var e in o||(o={}))A.call(o,e)&&p(v,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&p(v,e,o[e]);return v},m=(v,o)=>I(v,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[321],{"./src/components/UIButton/UIActionButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};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.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx");class t extends a.default.Component{constructor(r){super(r),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(f.ActionButton,m(i({},this.props),{styles:this.setStyle(),menuAs:u.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),n=e("./src/components/Icons.tsx"),r="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:r,borderColor:r,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:r},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:r,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:r},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const b="svg > path, svg > rect";class _ extends a.default.Component{constructor(c){super(c),this.setStyle=s=>{const{primary:l,alert:S,transparent:B}=s,h={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},E={root:this.getInteractionStyle(!1,l,S,B),checked:this.getInteractionStyle(!0,l,S,B)};return{root:m(i(i(i({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),S&&{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:i(i(i({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},l&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),S&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),B&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:E.root,rootHovered:E.root,icon:i(i(i({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},l&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),S&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),B&&{color:o.BASE_STYLES.transparent.color,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:i(i({"svg > path":{fill:o.BASE_STYLES.secondary.color}},l&&{"svg > path":{fill:o.BASE_STYLES.color}}),S&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:i(i(i({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}),S&&{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:E.checked,rootCheckedPressed:E.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:i(i({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)"}),S&&{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:{[b]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:h,splitButtonDividerDisabled:h,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(c,s,l,S){let B=i(i(i({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),c&&{borderColor:o.BASE_STYLES.checkedBorderColor});return S&&(c?B=m(i({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}):B=m(i({},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:{[b]:{fill:o.BASE_STYLES.transparent.color}}})),c&&(B=m(i({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}render(){var s;const c=(s=this.props.menuProps)!=null&&s.items?{iconName:n.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,m(i({menuIconProps:c},this.props),{styles:this.setStyle(this.props),menuAs:u.UIContextualMenu}))}}o.UIDefaultButton=_},"./src/components/UIButton/UIIconButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};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.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx");var t;(function(r){r.Default="Default",r.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class n extends a.default.Component{constructor(b){super(b),this.setStyle=_=>{var s;const c=((s=_.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:c,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:c},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:c},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:c,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(b){return`var(${b}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,m(i({},this.props),{styles:this.setStyle(this.props),menuAs:u.UIContextualMenu}))}}o.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};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.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");class u extends a.default.Component{constructor(n){super(n),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=r=>({root:m(i({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")},r.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:i({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},r.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:i({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")}}},r.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(n){return`var(${n})`}getColorwithFallback(n,r){return`var(${n}, ${r})`}render(){return a.default.createElement(f.DefaultButton,m(i({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=u},"./src/components/UIButton/UISplitButton.tsx"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(g,c,s,l){l===void 0&&(l=s);var S=Object.getOwnPropertyDescriptor(c,s);(!S||("get"in S?!c.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return c[s]}}),Object.defineProperty(g,l,S)}):(function(g,c,s,l){l===void 0&&(l=s),g[l]=c[s]})),a=this&&this.__setModuleDefault||(Object.create?(function(g,c){Object.defineProperty(g,"default",{enumerable:!0,value:c})}):function(g,c){g.default=c}),f=this&&this.__importStar||(function(){var g=function(c){return g=Object.getOwnPropertyNames||function(s){var l=[];for(var S in s)Object.prototype.hasOwnProperty.call(s,S)&&(l[l.length]=S);return l},g(c)};return function(c){if(c&&c.__esModule)return c;var s={};if(c!=null)for(var l=g(c),S=0;S<l.length;S++)l[S]!=="default"&&d(s,c,l[S]);return a(s,c),s}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const u=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),n=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/Icons.tsx"),b=e("./src/utilities/index.ts");class _ extends u.Component{constructor(c){super(c),this.id=this.props.id?this.props.id:(0,b.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,l)=>{l!=null&&l.key&&this.props.callback(l.key)},this.state={menu:{items:c.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(c,s){return{menu:{items:c.menuItems,onItemClick:s.menu.onItemClick}}}render(){return u.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:r.UiIcons.ArrowDown},menuAs:n.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=_},"./src/components/UIButton/index.tsx"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(u,t,n,r){r===void 0&&(r=n);var b=Object.getOwnPropertyDescriptor(t,n);(!b||("get"in b?!t.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(u,r,b)}):(function(u,t,n,r){r===void 0&&(r=n),u[r]=t[n]})),a=this&&this.__exportStar||function(u,t){for(var n in u)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&d(t,u,n)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/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"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(d,a){let f;return(...u)=>{clearTimeout(f),f=window.setTimeout(()=>{d(...u)},a)}}},"./src/utilities/Dom.ts"(v,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"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/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,u){const t=(0,d.getDocument)();if(t){let n=null;if(u?n=(0,d.getNextElement)(t.body,f,!1,!1,!0,!0):n=(0,d.getPreviousElement)(t.body,f,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(f,u,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(u,t);(!r||("get"in r?!u.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return u[t]}}),Object.defineProperty(f,n,r)}):(function(f,u,t,n){n===void 0&&(n=t),f[n]=u[t]})),a=this&&this.__exportStar||function(f,u){for(var t in f)t!=="default"&&!Object.prototype.hasOwnProperty.call(u,t)&&d(u,f,t)};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)}}]);})();