@sap-ux/ui-components 2.1.3 → 2.1.4

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 (54) hide show
  1. package/dist/components/UITreeDropdown/UITreeDropdown.js +1 -1
  2. package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
  3. package/package.json +11 -11
  4. package/storybook/{824.c1c8a45a.iframe.bundle.js → 269.2e384cbe.iframe.bundle.js} +1 -1
  5. package/storybook/278.82b9405f.iframe.bundle.js +1 -0
  6. package/storybook/401.d64573f2.iframe.bundle.js +7 -0
  7. package/storybook/{495.5574310d.iframe.bundle.js → 438.0829e8a5.iframe.bundle.js} +1 -1
  8. package/storybook/{879.4e975e38.iframe.bundle.js → 510.8f439f11.iframe.bundle.js} +1 -1
  9. package/storybook/{112.80afc68d.iframe.bundle.js → 541.ffb8b4b6.iframe.bundle.js} +1 -1
  10. package/storybook/594.707fe6f6.iframe.bundle.js +62 -0
  11. package/storybook/{279.8dad0e60.iframe.bundle.js → 691.f6e50391.iframe.bundle.js} +1 -1
  12. package/storybook/{763.3294d52f.iframe.bundle.js → 715.db8a2ba5.iframe.bundle.js} +1 -1
  13. package/storybook/722.ee41486f.iframe.bundle.js +43 -0
  14. package/storybook/{776.2cac3f4d.iframe.bundle.js → 738.5ed5b79d.iframe.bundle.js} +1 -1
  15. package/storybook/{14.1da3f2ee.iframe.bundle.js → 766.540c70db.iframe.bundle.js} +2 -2
  16. package/storybook/{UIActionCallout-story.3d4143cc.iframe.bundle.js → UIActionCallout-story.ccc180b0.iframe.bundle.js} +2 -2
  17. package/storybook/{UIButton-story.b4af0230.iframe.bundle.js → UIButton-story.9f7c2053.iframe.bundle.js} +1 -1
  18. package/storybook/{UICallout-story.bed8a5fb.iframe.bundle.js → UICallout-story.14377363.iframe.bundle.js} +2 -2
  19. package/storybook/{UICalloutCollisionTransform-story.ab856fec.iframe.bundle.js → UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js} +1 -1
  20. package/storybook/{UICheckbox-story.c5ee487a.iframe.bundle.js → UICheckbox-story.2f75500d.iframe.bundle.js} +2 -2
  21. package/storybook/{UIChoiceGroup-story.9a573f7f.iframe.bundle.js → UIChoiceGroup-story.f5c61c53.iframe.bundle.js} +1 -1
  22. package/storybook/{UICombobox-story.82435b80.iframe.bundle.js → UICombobox-story.c6fdb1e6.iframe.bundle.js} +1 -1
  23. package/storybook/{UIContextualMenu-story.43b45fa0.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} +1 -1
  24. package/storybook/{UICreateSelect-story.6f685540.iframe.bundle.js → UICreateSelect-story.be724da9.iframe.bundle.js} +2 -2
  25. package/storybook/{UIDatePicker-story.85d938e0.iframe.bundle.js → UIDatePicker-story.b3d71c97.iframe.bundle.js} +2 -2
  26. package/storybook/{UIDialog-story.12c2e8e6.iframe.bundle.js → UIDialog-story.6c2a9c3a.iframe.bundle.js} +2 -2
  27. package/storybook/{UIDropdown-story.9665029e.iframe.bundle.js → UIDropdown-story.0b189ddd.iframe.bundle.js} +1 -1
  28. package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +1 -0
  29. package/storybook/{UILabel-story.49795aba.iframe.bundle.js → UILabel-story.4f878fd0.iframe.bundle.js} +1 -1
  30. package/storybook/{UILink-story.111b916d.iframe.bundle.js → UILink-story.0a9527b8.iframe.bundle.js} +2 -2
  31. package/storybook/{UILoader-story.0da3754b.iframe.bundle.js → UILoader-story.71d8d512.iframe.bundle.js} +2 -2
  32. package/storybook/{UIMessageBar-story.21443966.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js} +1 -1
  33. package/storybook/{UIPersona-story.7276de7c.iframe.bundle.js → UIPersona-story.cf14bf11.iframe.bundle.js} +1 -1
  34. package/storybook/{UISearchBox-story.b2e103c4.iframe.bundle.js → UISearchBox-story.9f58fac1.iframe.bundle.js} +1 -1
  35. package/storybook/{UISections-story.bf185a2a.iframe.bundle.js → UISections-story.4e7d6b0c.iframe.bundle.js} +1 -1
  36. package/storybook/{UISeparator-story.fa052e00.iframe.bundle.js → UISeparator-story.b93568c6.iframe.bundle.js} +1 -1
  37. package/storybook/{UITable-story.c80d3a04.iframe.bundle.js → UITable-story.08b1e3ca.iframe.bundle.js} +2 -2
  38. package/storybook/{UITextInput-story.24e2874f.iframe.bundle.js → UITextInput-story.51cd8b66.iframe.bundle.js} +2 -2
  39. package/storybook/{UIToggle-story.99bc14b4.iframe.bundle.js → UIToggle-story.0f04a592.iframe.bundle.js} +2 -2
  40. package/storybook/{UIToggleGroup-story.e5826214.iframe.bundle.js → UIToggleGroup-story.ea3b5223.iframe.bundle.js} +2 -2
  41. package/storybook/{UITooltip-story.4a12582e.iframe.bundle.js → UITooltip-story.b998278a.iframe.bundle.js} +2 -2
  42. package/storybook/{UITranslationInput-story.90c7e487.iframe.bundle.js → UITranslationInput-story.298127f4.iframe.bundle.js} +1 -1
  43. package/storybook/{UITreedropdown-story.1df59995.iframe.bundle.js → UITreedropdown-story.60ded1bc.iframe.bundle.js} +1 -1
  44. package/storybook/{Utilities-story.7f8fd70e.iframe.bundle.js → Utilities-story.31a14ded.iframe.bundle.js} +1 -1
  45. package/storybook/iframe.html +3 -3
  46. package/storybook/{main.c9bd7885.iframe.bundle.js → main.54ec2155.iframe.bundle.js} +1 -1
  47. package/storybook/project.json +1 -1
  48. package/storybook/runtime~main.426622d6.iframe.bundle.js +2 -0
  49. package/storybook/625.874afe67.iframe.bundle.js +0 -62
  50. package/storybook/642.983fc97d.iframe.bundle.js +0 -7
  51. package/storybook/693.6315357e.iframe.bundle.js +0 -42
  52. package/storybook/723.36541956.iframe.bundle.js +0 -1
  53. package/storybook/UIIcon-story.56526df5.iframe.bundle.js +0 -1
  54. package/storybook/runtime~main.0079a5a3.iframe.bundle.js +0 -2
package/storybook/{495.5574310d.iframe.bundle.js → 438.0829e8a5.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var U=Object.defineProperty,M=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var P=(p,_,e)=>_ in p?U(p,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[_]=e,f=(p,_)=>{for(var e in _||(_={}))A.call(_,e)&&P(p,e,_[e]);if(v)for(var e of v(_))B.call(_,e)&&P(p,e,_[e]);return p},O=(p,_)=>M(p,D(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[495],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),r=m(g);r.push([p.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),r=m(g);r.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),p.exports=r},"./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(o),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),n=e.n(i),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),t=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(o),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),n=e.n(i),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),t=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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 l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusTrapZone,f({},this.props),this.props.children)}}_.UIFocusTrapZone=l},"./src/components/UIFocusZone/UIFocusZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusZone=_.UIFocusZoneTabbableElements=_.IFocusZone=_.UIFocusZoneProps=_.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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(_,"UIFocusZoneProps",{enumerable:!0,get:function(){return r.IFocusZoneProps}}),Object.defineProperty(_,"UIFocusZoneDirection",{enumerable:!0,get:function(){return r.FocusZoneDirection}}),Object.defineProperty(_,"IFocusZone",{enumerable:!0,get:function(){return r.IFocusZone}}),Object.defineProperty(_,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return r.FocusZoneTabbableElements}});class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusZone,f({},this.props),this.props.children)}}_.UIFocusZone=l},"./src/components/UIFocusZone/index.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar||function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),_),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),_)},"./src/components/UIToggleGroup/UIToggleGroup.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(n,s,t,u){u===void 0&&(u=t);var c=Object.getOwnPropertyDescriptor(s,t);(!c||("get"in c?!s.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(n,u,c)}):(function(n,s,t,u){u===void 0&&(u=t),n[u]=s[t]})),m=this&&this.__setModuleDefault||(Object.create?(function(n,s){Object.defineProperty(n,"default",{enumerable:!0,value:s})}):function(n,s){n.default=s}),r=this&&this.__importStar||(function(){var n=function(s){return n=Object.getOwnPropertyNames||function(t){var u=[];for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(u[u.length]=c);return u},n(s)};return function(s){if(s&&s.__esModule)return s;var t={};if(s!=null)for(var u=n(s),c=0;c<u.length;c++)u[c]!=="default"&&g(t,s,u[c]);return m(t,s),t}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroup=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),a=e("./src/components/UIFocusZone/index.tsx"),b=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class i extends l.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,b.getUIId)("ui-toggle-group-option-"),this.onClick=(t,u)=>{let c=!1;u!=null&&u.itemKey&&this.setState(y=>{var E,w;const h={options:y.options.map((I,T,j)=>I.key===u.itemKey?(c=!j[T].selected,O(f({},I),{selected:c,focused:j[T].focused})):O(f({},I),{selected:!1,focused:!1}))};return this.props.onChange&&((w=(E=this.props).onChange)==null||w.call(E,u.itemKey,c)),h})},this.onFocus=(t,u)=>{u!=null&&u.itemKey&&this.setState(c=>({options:c.options.map(y=>y.key===u.itemKey?O(f({},y),{focused:!0}):O(f({},y),{focused:!1}))}))},this.onBlur=(t,u)=>{this.setState(c=>({options:c.options.map(y=>O(f({},y),{focused:!1}))}))},this.state={options:this.props.options.map(t=>t.key===this.props.selectedKey?O(f({},t),{selected:!0}):f({},t))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return l.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&l.createElement(d.UILabel,O(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),l.createElement(a.UIFocusZone,{as:"div",direction:a.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>l.createElement(o.UIToggleGroupOption,O(f({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled||this.props.disabled})))))}}_.UIToggleGroup=i},"./src/components/UIToggleGroup/UIToggleGroup.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(b,i,n,s){s===void 0&&(s=n);var t=Object.getOwnPropertyDescriptor(i,n);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(b,s,t)}):(function(b,i,n,s){s===void 0&&(s=n),b[s]=i[n]})),m=this&&this.__setModuleDefault||(Object.create?(function(b,i){Object.defineProperty(b,"default",{enumerable:!0,value:i})}):function(b,i){b.default=i}),r=this&&this.__importStar||(function(){var b=function(i){return b=Object.getOwnPropertyNames||function(n){var s=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(s[s.length]=t);return s},b(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var s=b(i),t=0;t<s.length;t++)s[t]!=="default"&&g(n,i,s[t]);return m(n,i),n}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroupOption=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class a extends l.Component{constructor(i){super(i),this.onClick=n=>{var s,t;(t=(s=this.props).onClick)==null||t.call(s,n,this.props)},this.onBlur=n=>{var s,t;(t=(s=this.props).onBlur)==null||t.call(s,n,this.props)},this.onFocus=n=>{var s,t;(t=(s=this.props).onFocus)==null||t.call(s,n,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const i=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return l.createElement("button",O(f(O(f({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(n=>!!n).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":i}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),l.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&l.createElement("span",f({id:i,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&l.createElement(o.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}_.UIToggleGroupOption=a},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar||function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),_)},"./src/components/UIToggleGroup/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar||function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),_)}}]);})();
1
+ (()=>{var U=Object.defineProperty,M=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var P=(p,_,e)=>_ in p?U(p,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[_]=e,f=(p,_)=>{for(var e in _||(_={}))A.call(_,e)&&P(p,e,_[e]);if(v)for(var e of v(_))B.call(_,e)&&P(p,e,_[e]);return p},O=(p,_)=>M(p,D(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[438],{"../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){var g=e("../../node_modules/.pnpm/css-loader@6.8.1_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"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_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"),r=m(g);r.push([p.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){var g=e("../../node_modules/.pnpm/css-loader@6.8.1_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"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_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"),r=m(g);r.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),p.exports=r},"./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),m=e.n(g),r=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),d=e.n(o),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),n=e.n(i),s=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),t=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),m=e.n(g),r=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),d=e.n(o),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),n=e.n(i),s=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),t=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusTrapZone,f({},this.props),this.props.children)}}_.UIFocusTrapZone=l},"./src/components/UIFocusZone/UIFocusZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusZone=_.UIFocusZoneTabbableElements=_.IFocusZone=_.UIFocusZoneProps=_.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIFocusZoneProps",{enumerable:!0,get:function(){return r.IFocusZoneProps}}),Object.defineProperty(_,"UIFocusZoneDirection",{enumerable:!0,get:function(){return r.FocusZoneDirection}}),Object.defineProperty(_,"IFocusZone",{enumerable:!0,get:function(){return r.IFocusZone}}),Object.defineProperty(_,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return r.FocusZoneTabbableElements}});class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusZone,f({},this.props),this.props.children)}}_.UIFocusZone=l},"./src/components/UIFocusZone/index.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar||function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),_),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),_)},"./src/components/UIToggleGroup/UIToggleGroup.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(n,s,t,u){u===void 0&&(u=t);var c=Object.getOwnPropertyDescriptor(s,t);(!c||("get"in c?!s.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(n,u,c)}):(function(n,s,t,u){u===void 0&&(u=t),n[u]=s[t]})),m=this&&this.__setModuleDefault||(Object.create?(function(n,s){Object.defineProperty(n,"default",{enumerable:!0,value:s})}):function(n,s){n.default=s}),r=this&&this.__importStar||(function(){var n=function(s){return n=Object.getOwnPropertyNames||function(t){var u=[];for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(u[u.length]=c);return u},n(s)};return function(s){if(s&&s.__esModule)return s;var t={};if(s!=null)for(var u=n(s),c=0;c<u.length;c++)u[c]!=="default"&&g(t,s,u[c]);return m(t,s),t}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroup=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),a=e("./src/components/UIFocusZone/index.tsx"),b=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class i extends l.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,b.getUIId)("ui-toggle-group-option-"),this.onClick=(t,u)=>{let c=!1;u!=null&&u.itemKey&&this.setState(y=>{var E,w;const h={options:y.options.map((I,T,j)=>I.key===u.itemKey?(c=!j[T].selected,O(f({},I),{selected:c,focused:j[T].focused})):O(f({},I),{selected:!1,focused:!1}))};return this.props.onChange&&((w=(E=this.props).onChange)==null||w.call(E,u.itemKey,c)),h})},this.onFocus=(t,u)=>{u!=null&&u.itemKey&&this.setState(c=>({options:c.options.map(y=>y.key===u.itemKey?O(f({},y),{focused:!0}):O(f({},y),{focused:!1}))}))},this.onBlur=(t,u)=>{this.setState(c=>({options:c.options.map(y=>O(f({},y),{focused:!1}))}))},this.state={options:this.props.options.map(t=>t.key===this.props.selectedKey?O(f({},t),{selected:!0}):f({},t))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return l.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&l.createElement(d.UILabel,O(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),l.createElement(a.UIFocusZone,{as:"div",direction:a.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>l.createElement(o.UIToggleGroupOption,O(f({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled||this.props.disabled})))))}}_.UIToggleGroup=i},"./src/components/UIToggleGroup/UIToggleGroup.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(b,i,n,s){s===void 0&&(s=n);var t=Object.getOwnPropertyDescriptor(i,n);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(b,s,t)}):(function(b,i,n,s){s===void 0&&(s=n),b[s]=i[n]})),m=this&&this.__setModuleDefault||(Object.create?(function(b,i){Object.defineProperty(b,"default",{enumerable:!0,value:i})}):function(b,i){b.default=i}),r=this&&this.__importStar||(function(){var b=function(i){return b=Object.getOwnPropertyNames||function(n){var s=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(s[s.length]=t);return s},b(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var s=b(i),t=0;t<s.length;t++)s[t]!=="default"&&g(n,i,s[t]);return m(n,i),n}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroupOption=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class a extends l.Component{constructor(i){super(i),this.onClick=n=>{var s,t;(t=(s=this.props).onClick)==null||t.call(s,n,this.props)},this.onBlur=n=>{var s,t;(t=(s=this.props).onBlur)==null||t.call(s,n,this.props)},this.onFocus=n=>{var s,t;(t=(s=this.props).onFocus)==null||t.call(s,n,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const i=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return l.createElement("button",O(f(O(f({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(n=>!!n).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":i}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),l.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&l.createElement("span",f({id:i,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&l.createElement(o.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}_.UIToggleGroupOption=a},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar||function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),_)},"./src/components/UIToggleGroup/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar||function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),_)}}]);})();
package/storybook/{879.4e975e38.iframe.bundle.js → 510.8f439f11.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var v=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var P=(f,s,e)=>s in f?v(f,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):f[s]=e,y=(f,s)=>{for(var e in s||(s={}))I.call(s,e)&&P(f,e,s[e]);if(O)for(var e of O(s))M.call(s,e)&&P(f,e,s[e]);return f},S=(f,s)=>C(f,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[879],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"(f,s,e){var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),i=a(b);i.push([f.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:4px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),f.exports=i},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(f,s,e){var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),i=a(b);i.push([f.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),f.exports=i},"./src/components/UIDropdown/UIDropdown.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=e.n(b),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(i),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(n),w=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=e.n(w),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(p),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/styles/_shadows.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=e.n(b),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(i),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(n),w=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=e.n(w),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(p),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},b=20;class a{constructor(r,t,_=e){this.originalStyle={},this.source=r,this.callout=t,this.props=_,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${r}px`,t}getElements(){const r=this.source.current,t=r==null?void 0:r.closest(this.props.container);if(t&&r){const _=t==null?void 0:t.querySelector(this.props.target);if(_){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:_,rect:_.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},u=this.callout.current;return u&&(n.callout={dom:u,rect:u.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:t,target:_,callout:n,source:u}=r;if(n){const w=window.innerHeight-e.minPagePadding,d=n.rect.height,p=u.rect.bottom;let m=p+d-_.rect.top,c=p+n.rect.height;if(m<=0||c>=w)return;if(c+=_.rect.height,c<=w&&(m+=b),this.props.absolute){const o=t.dom.style;this.originalStyle={transform:o.transform,position:o.position,top:o.top,left:o.left},o.transform="",o.position="absolute",o.top=`${t.rect.top}px`,o.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),_.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:t}=r;for(const _ in this.originalStyle){const n=this.originalStyle[_];typeof n=="string"&&(t.dom.style[_]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const t=this.getElements();return!!(r.type==="focus"&&(t!=null&&t.target.dom.contains(r.target)))}}s.CalloutCollisionTransform=a},"./src/components/UICallout/UICallout.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=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"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const _=new Map([[t.Standard,8]]),n=(d,p)=>typeof d=="object"&&typeof d[p]=="object"?d[p]:{},u=d=>{var p,m;return{root:y({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:y({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:y({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(p=d.calloutMinWidth)!=null?p:300,boxSizing:"border-box",padding:_.get((m=d.contentPadding)!=null?m:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};s.getCalloutStyle=u;class w extends a.default.Component{constructor(p){super(p),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(p){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:o}=this.props;if(c&&p.key==="Tab"&&o){let l=null;if(typeof o=="string"){const h=(0,i.getDocument)();l=h==null?void 0:h.querySelector(o)}else"getBoundingClientRect"in o&&(0,r.isHTMLElement)(o)&&(l=o);l&&(0,r.focusToSibling)(l,!p.shiftKey)&&(p.stopPropagation(),p.preventDefault())}m==null||m(p)}render(){return a.default.createElement(i.Callout,S(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=w},"./src/components/UICallout/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?(function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}):(function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]})),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UICallout/CalloutCollisionTransform.ts"),s),a(e("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIDropdown/UIDropdown.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDropdown=s.UIDropdownMenuItemType=s.UIDropdownOption=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=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(s,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return i.DropdownMenuItemType}}),Object.defineProperty(s,"UIDropdownOption",{enumerable:!0,get:function(){return i.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),t=e("./src/helper/ValidationMessage/index.tsx"),_=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),u=e("./src/components/UICallout/index.tsx"),w=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class p extends a.default.Component{constructor(c){super(c),this.dropdownDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.calloutCollisionTransform=new u.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>a.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=o=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(o);{const{multiSelectDelimiter:l=", "}=this.props;if(o){const h=o.map(E=>E.text).join(l);return a.default.createElement(a.default.Fragment,null,h)}else return a.default.createElement(a.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(o=>({isOpen:!o.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(o=>({isOpen:!o.isOpen})),this.props.onHandleOpen())})},this.onChange=(o,l,h)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&h&&this.props.onHandleChange(l,h)},this.stopEventPropagation=o=>{o.stopPropagation()},this._onRenderOption=(o,l)=>a.default.createElement(a.default.Fragment,null,l==null?void 0:l(o),(o==null?void 0:o.itemType)!==i.DropdownMenuItemType.Header&&a.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(o,l)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,l)):this._onRenderOption(o,l),this._onRenderItem=(o,l)=>l&&o?(o.title===void 0&&(o.title=o.text),l(o)):null,this.onRenderItem=(o,l)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,l)):this._onRenderItem(o,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:o,readOnly:l,disabled:h}=this.props,E=c.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let D=`ts-SelectBox${c.message?" ts-SelectBox--"+E:""}`;return l&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),o&&(D+=` ${o}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:o}=this.props,l={};return c&&!o?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):o&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,t.getMessageInfo)(this.props),o=this.getAccessibilityProps(),l=()=>({label:y(y(y({},_.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:w.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style]});return a.default.createElement(i.Dropdown,S(y(y({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:i.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},o),this.props),{calloutProps:y(y({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,n.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:l,className:this.getClassNames(c),errorMessage:c.message}))}}s.UIDropdown=p},"./src/components/UIDropdown/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?(function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}):(function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]})),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UIDropdown/UIDropdown.tsx"),s),a(e("./src/components/UIDropdown/utils.ts"),s)},"./src/components/UIDropdown/utils.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isDropdownEmpty=e,s.getCalloutCollisionTransformationProps=b,s.getCalloutCollisionTransformationPropsForDropdown=t;function e(_){var u;const{selectedKey:n}=_;return Array.isArray(n)?n.length===0:"text"in _&&_.text||"selectedKeys"in _&&((u=_.selectedKeys)!=null&&u.length)?!1:!n}function b(_,n,u){if(n&&u)return{preventDismissOnEvent:_.preventDismissOnEvent,layerProps:{onLayerDidMount:_.applyTransformation,onLayerWillUnmount:_.resetTransformation}}}function a(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerDidMount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),u!=null&&u.onLayerDidMount&&u.onLayerDidMount()}}function i(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerWillUnmount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),u!=null&&u.onLayerWillUnmount&&u.onLayerWillUnmount()}}function r(_,n){return u=>{var d,p;let w=!1;if((d=_.props.calloutProps)!=null&&d.preventDismissOnEvent&&(w=_.props.calloutProps.preventDismissOnEvent(u)),!w){const{preventDismissOnEvent:m}=(p=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?p:{};if(m)return m(u)}return w}}function t(_,n){if(_.props.multiSelect&&_.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(_,n),layerProps:{onLayerDidMount:a(_,n),onLayerWillUnmount:i(_,n)}}}}}]);})();
1
+ (()=>{var v=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var P=(f,s,e)=>s in f?v(f,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):f[s]=e,y=(f,s)=>{for(var e in s||(s={}))I.call(s,e)&&P(f,e,s[e]);if(O)for(var e of O(s))M.call(s,e)&&P(f,e,s[e]);return f},S=(f,s)=>C(f,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[510],{"../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"(f,s,e){var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),i=a(b);i.push([f.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:4px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),f.exports=i},"../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(f,s,e){var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),i=a(b);i.push([f.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),f.exports=i},"./src/components/UIDropdown/UIDropdown.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=e.n(b),i=e("../../node_modules/.pnpm/style-loader@3.3.3_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(i),t=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),_=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(n),w=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),d=e.n(w),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(p),c=e("../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/styles/_shadows.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=e.n(b),i=e("../../node_modules/.pnpm/style-loader@3.3.3_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(i),t=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),_=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(n),w=e("../../node_modules/.pnpm/style-loader@3.3.3_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"),d=e.n(w),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(p),c=e("../../node_modules/.pnpm/css-loader@6.8.1_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@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},b=20;class a{constructor(r,t,_=e){this.originalStyle={},this.source=r,this.callout=t,this.props=_,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${r}px`,t}getElements(){const r=this.source.current,t=r==null?void 0:r.closest(this.props.container);if(t&&r){const _=t==null?void 0:t.querySelector(this.props.target);if(_){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:_,rect:_.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},u=this.callout.current;return u&&(n.callout={dom:u,rect:u.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:t,target:_,callout:n,source:u}=r;if(n){const w=window.innerHeight-e.minPagePadding,d=n.rect.height,p=u.rect.bottom;let m=p+d-_.rect.top,c=p+n.rect.height;if(m<=0||c>=w)return;if(c+=_.rect.height,c<=w&&(m+=b),this.props.absolute){const o=t.dom.style;this.originalStyle={transform:o.transform,position:o.position,top:o.top,left:o.left},o.transform="",o.position="absolute",o.top=`${t.rect.top}px`,o.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),_.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:t}=r;for(const _ in this.originalStyle){const n=this.originalStyle[_];typeof n=="string"&&(t.dom.style[_]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const t=this.getElements();return!!(r.type==="focus"&&(t!=null&&t.target.dom.contains(r.target)))}}s.CalloutCollisionTransform=a},"./src/components/UICallout/UICallout.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=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/utilities/index.ts");e("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const _=new Map([[t.Standard,8]]),n=(d,p)=>typeof d=="object"&&typeof d[p]=="object"?d[p]:{},u=d=>{var p,m;return{root:y({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:y({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:y({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(p=d.calloutMinWidth)!=null?p:300,boxSizing:"border-box",padding:_.get((m=d.contentPadding)!=null?m:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};s.getCalloutStyle=u;class w extends a.default.Component{constructor(p){super(p),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(p){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:o}=this.props;if(c&&p.key==="Tab"&&o){let l=null;if(typeof o=="string"){const h=(0,i.getDocument)();l=h==null?void 0:h.querySelector(o)}else"getBoundingClientRect"in o&&(0,r.isHTMLElement)(o)&&(l=o);l&&(0,r.focusToSibling)(l,!p.shiftKey)&&(p.stopPropagation(),p.preventDefault())}m==null||m(p)}render(){return a.default.createElement(i.Callout,S(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=w},"./src/components/UICallout/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?(function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}):(function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]})),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UICallout/CalloutCollisionTransform.ts"),s),a(e("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIDropdown/UIDropdown.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDropdown=s.UIDropdownMenuItemType=s.UIDropdownOption=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=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(s,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return i.DropdownMenuItemType}}),Object.defineProperty(s,"UIDropdownOption",{enumerable:!0,get:function(){return i.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),t=e("./src/helper/ValidationMessage/index.tsx"),_=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),u=e("./src/components/UICallout/index.tsx"),w=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class p extends a.default.Component{constructor(c){super(c),this.dropdownDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.calloutCollisionTransform=new u.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>a.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=o=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(o);{const{multiSelectDelimiter:l=", "}=this.props;if(o){const h=o.map(E=>E.text).join(l);return a.default.createElement(a.default.Fragment,null,h)}else return a.default.createElement(a.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(o=>({isOpen:!o.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(o=>({isOpen:!o.isOpen})),this.props.onHandleOpen())})},this.onChange=(o,l,h)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&h&&this.props.onHandleChange(l,h)},this.stopEventPropagation=o=>{o.stopPropagation()},this._onRenderOption=(o,l)=>a.default.createElement(a.default.Fragment,null,l==null?void 0:l(o),(o==null?void 0:o.itemType)!==i.DropdownMenuItemType.Header&&a.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(o,l)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,l)):this._onRenderOption(o,l),this._onRenderItem=(o,l)=>l&&o?(o.title===void 0&&(o.title=o.text),l(o)):null,this.onRenderItem=(o,l)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,l)):this._onRenderItem(o,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:o,readOnly:l,disabled:h}=this.props,E=c.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let D=`ts-SelectBox${c.message?" ts-SelectBox--"+E:""}`;return l&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),o&&(D+=` ${o}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:o}=this.props,l={};return c&&!o?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):o&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,t.getMessageInfo)(this.props),o=this.getAccessibilityProps(),l=()=>({label:y(y(y({},_.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:w.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style]});return a.default.createElement(i.Dropdown,S(y(y({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:i.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},o),this.props),{calloutProps:y(y({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,n.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:l,className:this.getClassNames(c),errorMessage:c.message}))}}s.UIDropdown=p},"./src/components/UIDropdown/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?(function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}):(function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]})),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UIDropdown/UIDropdown.tsx"),s),a(e("./src/components/UIDropdown/utils.ts"),s)},"./src/components/UIDropdown/utils.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isDropdownEmpty=e,s.getCalloutCollisionTransformationProps=b,s.getCalloutCollisionTransformationPropsForDropdown=t;function e(_){var u;const{selectedKey:n}=_;return Array.isArray(n)?n.length===0:"text"in _&&_.text||"selectedKeys"in _&&((u=_.selectedKeys)!=null&&u.length)?!1:!n}function b(_,n,u){if(n&&u)return{preventDismissOnEvent:_.preventDismissOnEvent,layerProps:{onLayerDidMount:_.applyTransformation,onLayerWillUnmount:_.resetTransformation}}}function a(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerDidMount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),u!=null&&u.onLayerDidMount&&u.onLayerDidMount()}}function i(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerWillUnmount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),u!=null&&u.onLayerWillUnmount&&u.onLayerWillUnmount()}}function r(_,n){return u=>{var d,p;let w=!1;if((d=_.props.calloutProps)!=null&&d.preventDismissOnEvent&&(w=_.props.calloutProps.preventDismissOnEvent(u)),!w){const{preventDismissOnEvent:m}=(p=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?p:{};if(m)return m(u)}return w}}function t(_,n){if(_.props.multiSelect&&_.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(_,n),layerProps:{onLayerDidMount:a(_,n),onLayerWillUnmount:i(_,n)}}}}}]);})();
package/storybook/{112.80afc68d.iframe.bundle.js → 541.ffb8b4b6.iframe.bundle.js} RENAMED
@@ -1 +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([[112],{"./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)}}]);})();
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([[541],{"./src/components/UIButton/UIActionButton.tsx"(v,o,e){var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=l(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"),d=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:d.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx"(v,o,e){var l=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=l(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"),d=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:u,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,u,S,B),checked:this.getInteractionStyle(!0,u,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},u&&{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},u&&{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}}},u&&{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}},u&&{"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},u&&{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},u&&{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,u,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}}}),u&&{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:d.UIContextualMenu}))}}o.UIDefaultButton=_},"./src/components/UIButton/UIIconButton.tsx"(v,o,e){var l=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=l(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"),d=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:d.UIContextualMenu}))}}o.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx"(v,o,e){var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=l(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 d 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=d},"./src/components/UIButton/UISplitButton.tsx"(v,o,e){var l=this&&this.__createBinding||(Object.create?(function(g,c,s,u){u===void 0&&(u=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,u,S)}):(function(g,c,s,u){u===void 0&&(u=s),g[u]=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 u=[];for(var S in s)Object.prototype.hasOwnProperty.call(s,S)&&(u[u.length]=S);return u},g(c)};return function(c){if(c&&c.__esModule)return c;var s={};if(c!=null)for(var u=g(c),S=0;S<u.length;S++)u[S]!=="default"&&l(s,c,u[S]);return a(s,c),s}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const d=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 d.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,u)=>{u!=null&&u.key&&this.props.callback(u.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 d.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 l=this&&this.__createBinding||(Object.create?(function(d,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(d,r,b)}):(function(d,t,n,r){r===void 0&&(r=n),d[r]=t[n]})),a=this&&this.__exportStar||function(d,t){for(var n in d)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&l(t,d,n)};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"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(l,a){let f;return(...d)=>{clearTimeout(f),f=window.setTimeout(()=>{l(...d)},a)}}},"./src/utilities/Dom.ts"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=l;function e(a){return"title"in a}function l(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 l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function a(f,d){const t=(0,l.getDocument)();if(t){let n=null;if(d?n=(0,l.getNextElement)(t.body,f,!1,!1,!0,!0):n=(0,l.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 l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(v,o,e){var l=this&&this.__createBinding||(Object.create?(function(f,d,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(d,t);(!r||("get"in r?!d.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return d[t]}}),Object.defineProperty(f,n,r)}):(function(f,d,t,n){n===void 0&&(n=t),f[n]=d[t]})),a=this&&this.__exportStar||function(f,d){for(var t in f)t!=="default"&&!Object.prototype.hasOwnProperty.call(d,t)&&l(d,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)}}]);})();