@sap-ux/ui-components 1.17.5 → 1.17.6

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 (51) hide show
  1. package/dist/components/UIContextualMenu/UIContextualMenu.js.map +1 -1
  2. package/dist/components/UIDialog/UIDialog.d.ts.map +1 -1
  3. package/dist/components/UIDialog/UIDialog.js +1 -0
  4. package/dist/components/UIDialog/UIDialog.js.map +1 -1
  5. package/package.json +2 -2
  6. package/storybook/{125.46be9266.iframe.bundle.js → 125.3024b9fd.iframe.bundle.js} +1 -1
  7. package/storybook/{217.a4fe3cf8.iframe.bundle.js → 217.3bc5280e.iframe.bundle.js} +1 -1
  8. package/storybook/{416.dd07bcba.iframe.bundle.js → 416.855eefd3.iframe.bundle.js} +1 -1
  9. package/storybook/{454.2a9a7de4.iframe.bundle.js → 454.55edec77.iframe.bundle.js} +1 -1
  10. package/storybook/{491.520ba7fd.iframe.bundle.js → 491.1e9a71cc.iframe.bundle.js} +1 -1
  11. package/storybook/{589.c64b5c08.iframe.bundle.js → 589.16ed4444.iframe.bundle.js} +1 -1
  12. package/storybook/594.35720fa3.iframe.bundle.js +27 -0
  13. package/storybook/{690.42cf7065.iframe.bundle.js → 690.a9a4c8e4.iframe.bundle.js} +1 -1
  14. package/storybook/{871.464dbe9f.iframe.bundle.js → 871.d9443863.iframe.bundle.js} +1 -1
  15. package/storybook/{921.a72c9992.iframe.bundle.js → 921.c3493bef.iframe.bundle.js} +1 -1
  16. package/storybook/{930.63eedb91.iframe.bundle.js → 930.4fff9aba.iframe.bundle.js} +3 -3
  17. package/storybook/{988.55289599.iframe.bundle.js → 988.852f0ec9.iframe.bundle.js} +1 -1
  18. package/storybook/{UIActionCallout-story.cd9a4beb.iframe.bundle.js → UIActionCallout-story.df76393e.iframe.bundle.js} +1 -1
  19. package/storybook/{UIButton-story.6d8e1074.iframe.bundle.js → UIButton-story.a53c1f9f.iframe.bundle.js} +1 -1
  20. package/storybook/{UICallout-story.7cd26cda.iframe.bundle.js → UICallout-story.b156f05e.iframe.bundle.js} +1 -1
  21. package/storybook/{UICalloutCollisionTransform-story.741a4d8c.iframe.bundle.js → UICalloutCollisionTransform-story.15d048db.iframe.bundle.js} +1 -1
  22. package/storybook/{UICheckbox-story.dcd576b7.iframe.bundle.js → UICheckbox-story.90038183.iframe.bundle.js} +1 -1
  23. package/storybook/{UIChoiceGroup-story.cb945b22.iframe.bundle.js → UIChoiceGroup-story.40a23fa8.iframe.bundle.js} +1 -1
  24. package/storybook/{UICombobox-story.5b7d9ef6.iframe.bundle.js → UICombobox-story.c59e0b8a.iframe.bundle.js} +1 -1
  25. package/storybook/{UIContextualMenu-story.9ed0b679.iframe.bundle.js → UIContextualMenu-story.6d856534.iframe.bundle.js} +1 -1
  26. package/storybook/{UICreateSelect-story.add34304.iframe.bundle.js → UICreateSelect-story.5a135e51.iframe.bundle.js} +1 -1
  27. package/storybook/{UIDatePicker-story.6dc50d40.iframe.bundle.js → UIDatePicker-story.bfccc5b9.iframe.bundle.js} +1 -1
  28. package/storybook/{UIDialog-story.f1ca99dd.iframe.bundle.js → UIDialog-story.8df9c941.iframe.bundle.js} +1 -1
  29. package/storybook/{UIDropdown-story.0082feff.iframe.bundle.js → UIDropdown-story.eef1b4c3.iframe.bundle.js} +1 -1
  30. package/storybook/{UIIcon-story.501aaad6.iframe.bundle.js → UIIcon-story.486ce230.iframe.bundle.js} +1 -1
  31. package/storybook/{UILabel-story.e4308889.iframe.bundle.js → UILabel-story.863ba248.iframe.bundle.js} +1 -1
  32. package/storybook/{UILink-story.c9176893.iframe.bundle.js → UILink-story.f142a732.iframe.bundle.js} +1 -1
  33. package/storybook/{UILoader-story.20aa84cf.iframe.bundle.js → UILoader-story.cdfa7187.iframe.bundle.js} +1 -1
  34. package/storybook/{UIMessageBar-story.979ecd75.iframe.bundle.js → UIMessageBar-story.963d9dbc.iframe.bundle.js} +1 -1
  35. package/storybook/{UIPersona-story.64e359c0.iframe.bundle.js → UIPersona-story.6419a8aa.iframe.bundle.js} +1 -1
  36. package/storybook/{UISearchBox-story.204c5642.iframe.bundle.js → UISearchBox-story.d11b95b1.iframe.bundle.js} +1 -1
  37. package/storybook/{UISeparator-story.f9a9d365.iframe.bundle.js → UISeparator-story.2aacdc48.iframe.bundle.js} +1 -1
  38. package/storybook/{UITable-story.6aac2419.iframe.bundle.js → UITable-story.34698d68.iframe.bundle.js} +1 -1
  39. package/storybook/{UITextInput-story.094d2f36.iframe.bundle.js → UITextInput-story.9c625be5.iframe.bundle.js} +1 -1
  40. package/storybook/{UIToggle-story.24e13647.iframe.bundle.js → UIToggle-story.dc500461.iframe.bundle.js} +1 -1
  41. package/storybook/{UIToggleGroup-story.b0c82239.iframe.bundle.js → UIToggleGroup-story.c0fec5ff.iframe.bundle.js} +1 -1
  42. package/storybook/{UITooltip-story.5ea93f7a.iframe.bundle.js → UITooltip-story.8c1914ad.iframe.bundle.js} +1 -1
  43. package/storybook/{UITranslationInput-story.d78a0bfb.iframe.bundle.js → UITranslationInput-story.591f361e.iframe.bundle.js} +1 -1
  44. package/storybook/{UITreedropdown-story.3d63b270.iframe.bundle.js → UITreedropdown-story.ab9a5e90.iframe.bundle.js} +1 -1
  45. package/storybook/{Utilities-story.b51f0de1.iframe.bundle.js → Utilities-story.b7d94ab7.iframe.bundle.js} +1 -1
  46. package/storybook/iframe.html +2 -2
  47. package/storybook/main.63a7de26.iframe.bundle.js +1 -0
  48. package/storybook/project.json +1 -1
  49. package/storybook/{runtime~main.98e0e637.iframe.bundle.js → runtime~main.5f465ac4.iframe.bundle.js} +2 -2
  50. package/storybook/412.d3210aac.iframe.bundle.js +0 -24
  51. package/storybook/main.437550e7.iframe.bundle.js +0 -1
package/storybook/{988.55289599.iframe.bundle.js → 988.852f0ec9.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var M=Object.defineProperty,T=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var O=(g,l,o)=>l in g?M(g,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):g[l]=o,E=(g,l)=>{for(var o in l||(l={}))j.call(l,o)&&O(g,o,l[o]);if(I)for(var o of I(l))R.call(l,o)&&O(g,o,l[o]);return g},P=(g,l)=>T(g,A(l));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[988],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(g,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([g.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),g.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(g,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([g.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),g.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(g,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([g.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),g.exports=m},"./src/components/UISection/UISection.scss":(g,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>f});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),r=o.n(_),n={};for(const v in _)v!=="default"&&(n[v]=()=>_[v]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var y=u()(r(),d);const f=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISections.scss":(g,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>f});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),r=o.n(_),n={};for(const v in _)v!=="default"&&(n[v]=()=>_[v]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var y=u()(r(),d);const f=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISplitter.scss":(g,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>f});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),r=o.n(_),n={};for(const v in _)v!=="default"&&(n[v]=()=>_[v]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var y=u()(r(),d);const f=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISection.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISection=l.UISectionLayout=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");o("./src/components/UISection/UISection.scss");var S;(function(c){c.Standard="standard",c.Extended="extended"})(S||(l.UISectionLayout=S={}));class a extends u.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const h=this.props.scrollable===void 0||this.props.scrollable,p={},e=(t=this.props.layout)!=null?t:S.Standard;"height"in this.props&&(p.height=this.props.height);const s=(0,m.getNativeProps)(this.props,m.divProperties,["onScroll","className","children"]);return u.default.createElement("div",P(E({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${h?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:p,ref:this.props.rootRef}),this.props.title&&u.default.createElement("div",{className:"section__header"},u.default.createElement("div",null,u.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),u.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}l.UISection=a},"./src/components/UISection/UISections.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISections=l.ANIMATION_TIME=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=o("./src/components/UISection/UISection.tsx"),a=o("./src/components/UISection/UISplitter.tsx");o("./src/components/UISection/UISections.scss"),l.ANIMATION_TIME=300;const c="sections--animated";class h extends u.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=u.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const i=this.getDynamicSectionIndex();let _=0;if(s.forEach((n,d)=>{var y;if(typeof n=="object"&&n.size===void 0){const f=this.getSectionPosition(n);n.size=Math.abs(this.rootSize-f.end-f.start)}d!==i&&(_+=(y=typeof n=="object"?n.size:n)!=null?y:0)}),_=e-_,typeof s[0]!="object"){t=[];let n=0;s.forEach((d,y)=>{d=i!==y?d:_,t.push({percentage:!1,size:d,start:n}),n+=d||0})}const r=t[i];return r&&(r.size=_),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var r,n;let t=s.animate,i,_=0;if(Array.isArray(e.animation)){i=h.getVisibleSections(e.children);let d;for(let y=0;y<e.animation.length;y++)(i==null?void 0:i.includes(y))!==((r=s.visibleSections)==null?void 0:r.includes(y))&&(d=d||e.animation[y]);d!==void 0&&(t=d)}else t=e.animation;return(n=e.sizes)==null||n.forEach((d,y)=>{d===void 0&&(_=y)}),{animate:t,visibleSections:i,dynamicSection:_}}validateStateMinSizes(e){var n,d,y;let s=0,t=!1;const i=[];for(let f=0;f<this.props.children.length;f++){const v=(n=e[f].size)!=null?n:0,z=this.getMinSectionSize(f);z>v&&(t=!0),s+=z,i.push({size:v,minSize:z,spareSize:v-z})}const _=this.getRootSize();if(t&&_>=s){const f=this.calculateSectionSizes(i);for(let v=0;v<e.length;v++)e[v]=f[v]}const r=_<s;r!==this.isFullScreen&&(this.isFullScreen=r,(y=(d=this.props).onToggleFullscreen)==null||y.call(d,r))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,i)=>{h.isSectionVisible(t)||s.push(i)}),s}static isSectionVisible(e){return e&&e.type===S.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(c);for(let t=0;t<e.childNodes.length;t++){const i=this.getMinSectionSize(t),_=this.getMinSectionSize(t===0?1:0),r=e.children[t],n=Math.max(i,e[this.domSizeProperty]-_);s.push({size:r[this.domSizeProperty],dom:r,maxSize:n,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e){const s=e!==0?this.resizeSections:[];let t=0;for(let i=0;i<s.length;i++){const _=this.getMinSectionSize(i),r=s[i];let n=r.size+(i===0?e:-e);if(_===r.maxSize)continue;n<_?(e=this.correctBoundaryPosition(e,_,n,i===0),n=_):n>r.maxSize&&(e=this.correctBoundaryPosition(e,r.maxSize,n,i===0),n=r.maxSize);const d={percentage:!1},y=s[i+1],f=y?y.size-e:0;i>0?(d.size=n,d.start=t,r.dom.style[this.startPositionProperty]=t+"px"):(d.start=0,r.dom.style[this.startPositionProperty]="0px"),d.end=f,r.dom.style[this.endPositionProperty]=f+"px",r.section=d,t+=n}return!1}correctBoundaryPosition(e,s,t,i){const _=s-t;return e+(i?_:-_)}onSplitterResizeEnd(){var t,i;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(c);const s=this.resizeSections.map(_=>_.section);s.some(_=>_.end!==void 0||_.start!==void 0||_.size!==void 0)&&this.setState({sizes:s}),(i=(t=this.props).onResize)==null||i.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&h.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:i=[],sizesAsPercents:_}=this.props;let r=i[e];if(r===void 0&&e===this.state.dynamicSection){let n=100;i.every(d=>{d&&(n-=d)}),r=n}return r&&_?t?100-r:r:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents||!this.props.sizes||s<2||e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var _;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),i=(_=this.state.sizes)==null?void 0:_[e];if(t===this.props.children.length&&i)s.style=E(E({},i.start!==void 0&&{[this.startPositionProperty]:i.start+"px"}),i.end!==void 0&&{[this.endPositionProperty]:i.end+"px"}),i.size!==void 0&&(i.start===void 0||i.end===void 0)&&(s.style[this.sizeProperty]=i.size+"px");else{const r=this.getSectionSize(e,t);if(r)s.style=E(E({},s.style),r);else{const n=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${e*n}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))*n}%`)}}}return s}getHiddenSectionStyle(e){var n,d;const s={visible:!1};let t=(n=this.state.sizes)==null?void 0:n[e];!t&&this.props.splitterType===a.UISplitterType.Toggle&&((d=this.props.sizes)!=null&&d[e])&&(t={size:this.props.sizes[e],percentage:!1});let i,_=0;if(t)i="px",t.size?_=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(_=this.getRootSize()-t.end-t.start);else{const y=this.props.children.length,f=this.getSectionSize(e,y);f&&f.width?(_=parseFloat(f.width.toString()),i="px"):(_=this.getSizePercents(e,y),i="%")}const r=-_+i;return s.style={[this.endPositionProperty]:e===0?"100%":r,[this.startPositionProperty]:e===0?r:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${c}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],i=h.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!i)return;const{splitter:_,vertical:r,splitterTitle:n,splitterType:d=a.UISplitterType.Resize,splitterLayoutType:y=a.UISplitterLayoutType.Standard}=this.props;let f=_&&e>0;const v=this.getVisibleChildrenCount()===1;return v&&!this.isAnimationEnabled()&&(f=!1),u.default.createElement("div",{key:e,className:`sections__item${f?" sections__item--"+d:""}${i.visible?"":" sections__item--hidden"}`,style:i.style},f&&t&&u.default.createElement(a.UISplitter,{vertical:r,onResize:this.onSplitterResize.bind(this),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s||v,type:d,title:n,splitterLayoutType:y}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0||this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,i=e.minSize-e.size;for(const _ of s)if(_!==e){if(_.spareSize>0){const r=Math.min(_.spareSize,i);t+=r,_.spareSize-=r,_.size-=r,i-=r}if(i<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const i=this.getSpareSize(t,e);i&&(t.size+=i)}const s=[];for(let t=0;t<e.length;t++){const i={percentage:!1},_=e[t],r=e[t+1],n=r?r.size:0;t>0?(i.size=_.size,i.start=void 0):i.start=0,i.end=n,s.push(i)}return s}recalculatePositions(e){var i;let s=0;e.forEach(_=>{var r;_.start=s,s+=(r=_.size)!=null?r:0});let t=0;for(let _=e.length-1;_>=0;_--)e[_].end=t,t+=(i=e[_].size)!=null?i:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,m.getNativeProps)(this.props,m.divProperties,["className","children"]),s=[];let t=0;for(let i=0;i<this.props.children.length;i++){const _=this.props.children[i],r=!h.isSectionVisible(_);r||t++;const n=this.getSection(i,r);n&&s.push(n)}return u.default.createElement("div",P(E({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:E({},this.props.height&&{height:this.props.height})}),s)}}l.UISections=h,h.Section=S.UISection},"./src/components/UISection/UISplitter.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISplitter=l.UISplitterLayoutType=l.UISplitterType=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));o("./src/components/UISection/UISplitter.scss");const m=o("./src/components/Icons.tsx"),S=o("./src/components/UIIcon/index.tsx");var a;(function(p){p.Resize="resize",p.Toggle="toggle"})(a||(l.UISplitterType=a={}));var c;(function(p){p.Standard="standard",p.Compact="compact"})(c||(l.UISplitterLayoutType=c={}));class h extends u.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=u.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",i=e[s]-this.mousedownPosition[t];this.doResize(i)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=c.Standard){return e===a.Toggle?m.UiIcons.ArrowLeft:s===c.Compact?m.UiIcons.Grabber:m.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===a.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===a.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:i}=this.props;let _=`splitter splitter--${e}`;return _+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===a.Resize&&(_+=" splitter--hidden"),_+=` ${i===c.Standard?"splitter--standard":"splitter--compact"}`,_}render(){const{type:e,vertical:s,hidden:t,title:i,splitterLayoutType:_}=this.props,r=_===c.Standard?this.size:this.compactSize,n=e===a.Toggle?-r:-r/2,d=e===a.Toggle?"button":"separator",y=s?"horizontal":"vertical";let f;return e===a.Toggle&&(f=!t),u.default.createElement("div",{ref:this.rootRef,role:d,"aria-orientation":y,"aria-pressed":f,title:i,tabIndex:e===a.Toggle?0:-1,onKeyDown:this.onKeyDown.bind(this),style:E(E({},s&&{height:r,top:n}),!s&&{width:r,left:n}),onMouseDown:e===a.Resize?v=>this.startSplitterMove(v):void 0,onClick:e===a.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},u.default.createElement("div",{className:"splitter__grip"},u.default.createElement(S.UIIcon,{iconName:this.getIcon(e,_)})))}}l.UISplitter=h},"./src/components/UISection/index.tsx":function(g,l,o){"use strict";var b=this&&this.__createBinding||(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h||("get"in h?!S.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar||function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UISection/UISections.tsx"),l),u(o("./src/components/UISection/UISection.tsx"),l),u(o("./src/components/UISection/UISplitter.tsx"),l)},"./src/components/UIToggle/UIToggle.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(l,"__esModule",{value:!0}),l.UIToggle=l.UIToggleSize=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=o("./src/helper/ValidationMessage/index.tsx");var a;(function(s){s.Standard="Standard",s.Small="Small"})(a||(l.UIToggleSize=a={}));const c=new Map([[a.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),h=.4,p={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class e extends u.default.Component{constructor(t){super(t)}getMarginBottom(t){const{inlineLabel:i}=this.props;if(t)return i?0:4}render(){const{inlineLabelLeft:t,labelFlexGrow:i,size:_,inlineLabel:r}=this.props,n=c.get(_!=null?_:a.Standard),d=(0,S.getMessageInfo)(this.props),y=v=>({root:P(E({},i&&{flexGrow:1}),{margin:n==null?void 0:n.margin,marginBottom:this.getMarginBottom(d.message)}),label:P(E(E(E({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:n==null?void 0:n.label.fontSize,padding:n==null?void 0:n.label.padding},r&&{marginLeft:10}),t&&{order:0,marginLeft:0,marginRight:10}),i&&{flexGrow:1}),{opacity:this.props.disabled?h:"inherit"}),pill:P(E({height:n==null?void 0:n.height,width:n==null?void 0:n.width,padding:n==null?void 0:n.padding,background:p.pill.checked.background,borderColor:p.pill.borderColor,borderStyle:"solid",":hover":{background:p.pill.checked.hover.background,borderColor:p.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.checked.background,borderColor:p.pill.borderColor,opacity:h}},!v.checked&&{background:p.pill.unchecked.background,borderStyle:"dashed",":hover":{background:p.pill.unchecked.hover.background,borderColor:p.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.unchecked.background,borderColor:p.pill.borderColor,opacity:h}}),{selectors:{":focus::after":{border:"none !important",outline:p.pill.focus.outline}}}),thumb:{height:n==null?void 0:n.circle.height,width:n==null?void 0:n.circle.width,borderWidth:n==null?void 0:n.circle.borderWidth,background:p.thumb.background,":hover":{backgroundColor:p.thumb.background}}}),f=u.default.createElement(m.Toggle,P(E({},this.props),{styles:y}));return d.message?u.default.createElement(S.MessageWrapper,{message:d},f):f}}l.UIToggle=e},"./src/components/UIToggle/index.tsx":function(g,l,o){"use strict";var b=this&&this.__createBinding||(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h||("get"in h?!S.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar||function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UIToggle/UIToggle.tsx"),l)}}]);})();
1
+ (()=>{var M=Object.defineProperty,T=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var O=(g,l,o)=>l in g?M(g,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):g[l]=o,E=(g,l)=>{for(var o in l||(l={}))j.call(l,o)&&O(g,o,l[o]);if(I)for(var o of I(l))R.call(l,o)&&O(g,o,l[o]);return g},P=(g,l)=>T(g,A(l));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[988],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(g,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([g.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),g.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(g,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([g.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),g.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(g,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([g.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),g.exports=m},"./src/components/UISection/UISection.scss":(g,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>f});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),r=o.n(_),n={};for(const v in _)v!=="default"&&(n[v]=()=>_[v]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var y=u()(r(),d);const f=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISections.scss":(g,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>f});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),r=o.n(_),n={};for(const v in _)v!=="default"&&(n[v]=()=>_[v]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var y=u()(r(),d);const f=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISplitter.scss":(g,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>f});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),r=o.n(_),n={};for(const v in _)v!=="default"&&(n[v]=()=>_[v]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var y=u()(r(),d);const f=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISection.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISection=l.UISectionLayout=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");o("./src/components/UISection/UISection.scss");var S;(function(c){c.Standard="standard",c.Extended="extended"})(S||(l.UISectionLayout=S={}));class a extends u.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const h=this.props.scrollable===void 0||this.props.scrollable,p={},e=(t=this.props.layout)!=null?t:S.Standard;"height"in this.props&&(p.height=this.props.height);const s=(0,m.getNativeProps)(this.props,m.divProperties,["onScroll","className","children"]);return u.default.createElement("div",P(E({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${h?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:p,ref:this.props.rootRef}),this.props.title&&u.default.createElement("div",{className:"section__header"},u.default.createElement("div",null,u.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),u.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}l.UISection=a},"./src/components/UISection/UISections.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISections=l.ANIMATION_TIME=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=o("./src/components/UISection/UISection.tsx"),a=o("./src/components/UISection/UISplitter.tsx");o("./src/components/UISection/UISections.scss"),l.ANIMATION_TIME=300;const c="sections--animated";class h extends u.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=u.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const i=this.getDynamicSectionIndex();let _=0;if(s.forEach((n,d)=>{var y;if(typeof n=="object"&&n.size===void 0){const f=this.getSectionPosition(n);n.size=Math.abs(this.rootSize-f.end-f.start)}d!==i&&(_+=(y=typeof n=="object"?n.size:n)!=null?y:0)}),_=e-_,typeof s[0]!="object"){t=[];let n=0;s.forEach((d,y)=>{d=i!==y?d:_,t.push({percentage:!1,size:d,start:n}),n+=d||0})}const r=t[i];return r&&(r.size=_),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var r,n;let t=s.animate,i,_=0;if(Array.isArray(e.animation)){i=h.getVisibleSections(e.children);let d;for(let y=0;y<e.animation.length;y++)(i==null?void 0:i.includes(y))!==((r=s.visibleSections)==null?void 0:r.includes(y))&&(d=d||e.animation[y]);d!==void 0&&(t=d)}else t=e.animation;return(n=e.sizes)==null||n.forEach((d,y)=>{d===void 0&&(_=y)}),{animate:t,visibleSections:i,dynamicSection:_}}validateStateMinSizes(e){var n,d,y;let s=0,t=!1;const i=[];for(let f=0;f<this.props.children.length;f++){const v=(n=e[f].size)!=null?n:0,z=this.getMinSectionSize(f);z>v&&(t=!0),s+=z,i.push({size:v,minSize:z,spareSize:v-z})}const _=this.getRootSize();if(t&&_>=s){const f=this.calculateSectionSizes(i);for(let v=0;v<e.length;v++)e[v]=f[v]}const r=_<s;r!==this.isFullScreen&&(this.isFullScreen=r,(y=(d=this.props).onToggleFullscreen)==null||y.call(d,r))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,i)=>{h.isSectionVisible(t)||s.push(i)}),s}static isSectionVisible(e){return e&&e.type===S.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(c);for(let t=0;t<e.childNodes.length;t++){const i=this.getMinSectionSize(t),_=this.getMinSectionSize(t===0?1:0),r=e.children[t],n=Math.max(i,e[this.domSizeProperty]-_);s.push({size:r[this.domSizeProperty],dom:r,maxSize:n,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e){const s=e!==0?this.resizeSections:[];let t=0;for(let i=0;i<s.length;i++){const _=this.getMinSectionSize(i),r=s[i];let n=r.size+(i===0?e:-e);if(_===r.maxSize)continue;n<_?(e=this.correctBoundaryPosition(e,_,n,i===0),n=_):n>r.maxSize&&(e=this.correctBoundaryPosition(e,r.maxSize,n,i===0),n=r.maxSize);const d={percentage:!1},y=s[i+1],f=y?y.size-e:0;i>0?(d.size=n,d.start=t,r.dom.style[this.startPositionProperty]=t+"px"):(d.start=0,r.dom.style[this.startPositionProperty]="0px"),d.end=f,r.dom.style[this.endPositionProperty]=f+"px",r.section=d,t+=n}return!1}correctBoundaryPosition(e,s,t,i){const _=s-t;return e+(i?_:-_)}onSplitterResizeEnd(){var t,i;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(c);const s=this.resizeSections.map(_=>_.section);s.some(_=>_.end!==void 0||_.start!==void 0||_.size!==void 0)&&this.setState({sizes:s}),(i=(t=this.props).onResize)==null||i.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&h.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:i=[],sizesAsPercents:_}=this.props;let r=i[e];if(r===void 0&&e===this.state.dynamicSection){let n=100;i.every(d=>{d&&(n-=d)}),r=n}return r&&_?t?100-r:r:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents||!this.props.sizes||s<2||e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var _;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),i=(_=this.state.sizes)==null?void 0:_[e];if(t===this.props.children.length&&i)s.style=E(E({},i.start!==void 0&&{[this.startPositionProperty]:i.start+"px"}),i.end!==void 0&&{[this.endPositionProperty]:i.end+"px"}),i.size!==void 0&&(i.start===void 0||i.end===void 0)&&(s.style[this.sizeProperty]=i.size+"px");else{const r=this.getSectionSize(e,t);if(r)s.style=E(E({},s.style),r);else{const n=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${e*n}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))*n}%`)}}}return s}getHiddenSectionStyle(e){var n,d;const s={visible:!1};let t=(n=this.state.sizes)==null?void 0:n[e];!t&&this.props.splitterType===a.UISplitterType.Toggle&&((d=this.props.sizes)!=null&&d[e])&&(t={size:this.props.sizes[e],percentage:!1});let i,_=0;if(t)i="px",t.size?_=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(_=this.getRootSize()-t.end-t.start);else{const y=this.props.children.length,f=this.getSectionSize(e,y);f&&f.width?(_=parseFloat(f.width.toString()),i="px"):(_=this.getSizePercents(e,y),i="%")}const r=-_+i;return s.style={[this.endPositionProperty]:e===0?"100%":r,[this.startPositionProperty]:e===0?r:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${c}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],i=h.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!i)return;const{splitter:_,vertical:r,splitterTitle:n,splitterType:d=a.UISplitterType.Resize,splitterLayoutType:y=a.UISplitterLayoutType.Standard}=this.props;let f=_&&e>0;const v=this.getVisibleChildrenCount()===1;return v&&!this.isAnimationEnabled()&&(f=!1),u.default.createElement("div",{key:e,className:`sections__item${f?" sections__item--"+d:""}${i.visible?"":" sections__item--hidden"}`,style:i.style},f&&t&&u.default.createElement(a.UISplitter,{vertical:r,onResize:this.onSplitterResize.bind(this),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s||v,type:d,title:n,splitterLayoutType:y}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0||this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,i=e.minSize-e.size;for(const _ of s)if(_!==e){if(_.spareSize>0){const r=Math.min(_.spareSize,i);t+=r,_.spareSize-=r,_.size-=r,i-=r}if(i<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const i=this.getSpareSize(t,e);i&&(t.size+=i)}const s=[];for(let t=0;t<e.length;t++){const i={percentage:!1},_=e[t],r=e[t+1],n=r?r.size:0;t>0?(i.size=_.size,i.start=void 0):i.start=0,i.end=n,s.push(i)}return s}recalculatePositions(e){var i;let s=0;e.forEach(_=>{var r;_.start=s,s+=(r=_.size)!=null?r:0});let t=0;for(let _=e.length-1;_>=0;_--)e[_].end=t,t+=(i=e[_].size)!=null?i:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,m.getNativeProps)(this.props,m.divProperties,["className","children"]),s=[];let t=0;for(let i=0;i<this.props.children.length;i++){const _=this.props.children[i],r=!h.isSectionVisible(_);r||t++;const n=this.getSection(i,r);n&&s.push(n)}return u.default.createElement("div",P(E({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:E({},this.props.height&&{height:this.props.height})}),s)}}l.UISections=h,h.Section=S.UISection},"./src/components/UISection/UISplitter.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISplitter=l.UISplitterLayoutType=l.UISplitterType=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));o("./src/components/UISection/UISplitter.scss");const m=o("./src/components/Icons.tsx"),S=o("./src/components/UIIcon/index.tsx");var a;(function(p){p.Resize="resize",p.Toggle="toggle"})(a||(l.UISplitterType=a={}));var c;(function(p){p.Standard="standard",p.Compact="compact"})(c||(l.UISplitterLayoutType=c={}));class h extends u.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=u.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",i=e[s]-this.mousedownPosition[t];this.doResize(i)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=c.Standard){return e===a.Toggle?m.UiIcons.ArrowLeft:s===c.Compact?m.UiIcons.Grabber:m.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===a.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===a.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:i}=this.props;let _=`splitter splitter--${e}`;return _+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===a.Resize&&(_+=" splitter--hidden"),_+=` ${i===c.Standard?"splitter--standard":"splitter--compact"}`,_}render(){const{type:e,vertical:s,hidden:t,title:i,splitterLayoutType:_}=this.props,r=_===c.Standard?this.size:this.compactSize,n=e===a.Toggle?-r:-r/2,d=e===a.Toggle?"button":"separator",y=s?"horizontal":"vertical";let f;return e===a.Toggle&&(f=!t),u.default.createElement("div",{ref:this.rootRef,role:d,"aria-orientation":y,"aria-pressed":f,title:i,tabIndex:e===a.Toggle?0:-1,onKeyDown:this.onKeyDown.bind(this),style:E(E({},s&&{height:r,top:n}),!s&&{width:r,left:n}),onMouseDown:e===a.Resize?v=>this.startSplitterMove(v):void 0,onClick:e===a.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},u.default.createElement("div",{className:"splitter__grip"},u.default.createElement(S.UIIcon,{iconName:this.getIcon(e,_)})))}}l.UISplitter=h},"./src/components/UISection/index.tsx":function(g,l,o){"use strict";var b=this&&this.__createBinding||(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h||("get"in h?!S.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar||function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UISection/UISections.tsx"),l),u(o("./src/components/UISection/UISection.tsx"),l),u(o("./src/components/UISection/UISplitter.tsx"),l)},"./src/components/UIToggle/UIToggle.tsx":function(g,l,o){"use strict";var b=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(l,"__esModule",{value:!0}),l.UIToggle=l.UIToggleSize=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=o("./src/helper/ValidationMessage/index.tsx");var a;(function(s){s.Standard="Standard",s.Small="Small"})(a||(l.UIToggleSize=a={}));const c=new Map([[a.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),h=.4,p={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class e extends u.default.Component{constructor(t){super(t)}getMarginBottom(t){const{inlineLabel:i}=this.props;if(t)return i?0:4}render(){const{inlineLabelLeft:t,labelFlexGrow:i,size:_,inlineLabel:r}=this.props,n=c.get(_!=null?_:a.Standard),d=(0,S.getMessageInfo)(this.props),y=v=>({root:P(E({},i&&{flexGrow:1}),{margin:n==null?void 0:n.margin,marginBottom:this.getMarginBottom(d.message)}),label:P(E(E(E({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:n==null?void 0:n.label.fontSize,padding:n==null?void 0:n.label.padding},r&&{marginLeft:10}),t&&{order:0,marginLeft:0,marginRight:10}),i&&{flexGrow:1}),{opacity:this.props.disabled?h:"inherit"}),pill:P(E({height:n==null?void 0:n.height,width:n==null?void 0:n.width,padding:n==null?void 0:n.padding,background:p.pill.checked.background,borderColor:p.pill.borderColor,borderStyle:"solid",":hover":{background:p.pill.checked.hover.background,borderColor:p.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.checked.background,borderColor:p.pill.borderColor,opacity:h}},!v.checked&&{background:p.pill.unchecked.background,borderStyle:"dashed",":hover":{background:p.pill.unchecked.hover.background,borderColor:p.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.unchecked.background,borderColor:p.pill.borderColor,opacity:h}}),{selectors:{":focus::after":{border:"none !important",outline:p.pill.focus.outline}}}),thumb:{height:n==null?void 0:n.circle.height,width:n==null?void 0:n.circle.width,borderWidth:n==null?void 0:n.circle.borderWidth,background:p.thumb.background,":hover":{backgroundColor:p.thumb.background}}}),f=u.default.createElement(m.Toggle,P(E({},this.props),{styles:y}));return d.message?u.default.createElement(S.MessageWrapper,{message:d},f):f}}l.UIToggle=e},"./src/components/UIToggle/index.tsx":function(g,l,o){"use strict";var b=this&&this.__createBinding||(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h||("get"in h?!S.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar||function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UIToggle/UIToggle.tsx"),l)}}]);})();
package/storybook/{UIActionCallout-story.cd9a4beb.iframe.bundle.js → UIActionCallout-story.df76393e.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  (()=>{var T=Object.defineProperty,A=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,b=(i,t)=>{for(var e in t||(t={}))j.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},C=(i,t)=>A(i,S(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[84],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var v=n()(p(),y);const g=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var v=n()(p(),y);const g=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var v=n()(p(),y);const g=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:b({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,C(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,C(b({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLInputElement=t.isHTMLElement=void 0;function e(n){return"title"in n}t.isHTMLElement=e;function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}t.isHTMLInputElement=a},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.focusToSibling=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}t.focusToSibling=n},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:b({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,C(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,C(b({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLInputElement=t.isHTMLElement=void 0;function e(n){return"title"in n}t.isHTMLElement=e;function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}t.isHTMLInputElement=a},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.focusToSibling=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}t.focusToSibling=n},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
package/storybook/{UIButton-story.6d8e1074.iframe.bundle.js → UIButton-story.a53c1f9f.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  (()=>{var H=Object.defineProperty,R=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var D=(s,c,r)=>c in s?H(s,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[c]=r,C=(s,c)=>{for(var r in c||(c={}))W.call(c,r)&&D(s,r,c[r]);if(N)for(var r of N(c))j.call(c,r)&&D(s,r,c[r]);return s},w=(s,c)=>R(s,z(c));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[740],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(c){var r=[];return r.toString=function(){return this.map(function(n){var o="",e=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=c(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},r.i=function(n,o,e,t,u){typeof n=="string"&&(n=[[null,n,void 0]]);var I={};if(e)for(var a=0;a<this.length;a++){var v=this[a][0];v!=null&&(I[v]=!0)}for(var f=0;f<n.length;f++){var i=[].concat(n[f]);e&&I[i[0]]||(typeof u!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=u),o&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=o),t&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=t):i[4]="".concat(t)),r.push(i))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(c){return c[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var c=[];function r(o){for(var e=-1,t=0;t<c.length;t++)if(c[t].identifier===o){e=t;break}return e}function d(o,e){for(var t={},u=[],I=0;I<o.length;I++){var a=o[I],v=e.base?a[0]+e.base:a[0],f=t[v]||0,i="".concat(v," ").concat(f);t[v]=f+1;var l=r(i),p={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(l!==-1)c[l].references++,c[l].updater(p);else{var m=n(p,e);e.byIndex=I,c.splice(I,0,{identifier:i,updater:m,references:1})}u.push(i)}return u}function n(o,e){var t=e.domAPI(e);t.update(o);var u=function(a){if(a){if(a.css===o.css&&a.media===o.media&&a.sourceMap===o.sourceMap&&a.supports===o.supports&&a.layer===o.layer)return;t.update(o=a)}else t.remove()};return u}s.exports=function(o,e){e=e||{},o=o||[];var t=d(o,e);return function(I){I=I||[];for(var a=0;a<t.length;a++){var v=t[a],f=r(v);c[f].references--}for(var i=d(I,e),l=0;l<t.length;l++){var p=t[l],m=r(p);c[m].references===0&&(c[m].updater(),c.splice(m,1))}t=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var c={};function r(n){if(typeof c[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}c[n]=o}return c[n]}function d(n,o){var e=r(n);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function c(r){var d=document.createElement("style");return r.setAttributes(d,r.attributes),r.insert(d,r.options),d}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,c,r)=>{"use strict";function d(n){var o=r.nc;o&&n.setAttribute("nonce",o)}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function c(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var I=e.sourceMap;I&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(I))))," */")),o.styleTagTransform(t,n,o.options)}function r(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(t){c(o,n,t)},remove:function(){r(o)}}}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function c(r,d){if(d.styleSheet)d.styleSheet.cssText=r;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(r))}}s.exports=c},"./stories/UIButton.story.tsx":function(s,c,r){"use strict";var d=this&&this.__createBinding||(Object.create?function(l,p,m,h){h===void 0&&(h=m);var y=Object.getOwnPropertyDescriptor(p,m);(!y||("get"in y?!p.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return p[m]}}),Object.defineProperty(l,h,y)}:function(l,p,m,h){h===void 0&&(h=m),l[h]=p[m]}),n=this&&this.__setModuleDefault||(Object.create?function(l,p){Object.defineProperty(l,"default",{enumerable:!0,value:p})}:function(l,p){l.default=p}),o=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var p={};if(l!=null)for(var m in l)m!=="default"&&Object.prototype.hasOwnProperty.call(l,m)&&d(p,l,m);return n(p,l),p};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=o(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),I=r("./src/components/UIContextualMenu/index.tsx"),a=r("./src/components/Icons.tsx"),v=r("./src/components/UITreeDropdown/index.tsx");(0,a.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const f={childrenGap:40},i=()=>{const[l,p]=(0,e.useState)(""),[m,h]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),y=U=>{p(U)},k=U=>{const _=w(C({},m),{[U]:!m[U]});h(_)},x=(U,_,g)=>{const B={key:U,text:_};return g&&(B.iconProps={iconName:a.UiIcons.GuidedDevelopment}),B},E=x("option1","option 1"),S=[x("option2","option 2"),x("option3","option 3")],b=S.map(U=>w(C({},U),{iconProps:{iconName:a.UiIcons.GuidedDevelopment}})),M=[b[0],w(C({},b[1]),{iconProps:void 0})],T=()=>[x("option1","option 1"),x("rename","Simulate rename"),{key:"",itemType:I.UIContextualMenuItemType.Divider},x("option3","option 3"),x("option4","option 4"),x("option5","option 5"),{key:"",itemType:I.UIContextualMenuItemType.Header,text:"Dummy header"},x("option6","option 6"),x("option7","option 7"),x("option8","option 8"),x("option10","option 10"),x("option11","option 11"),x("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISplitButton,{id:"test",callback:y.bind(this),menuItems:S,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:y.bind(this),menuItems:b,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:U=>{if(U==="rename"){const _=T(),g=_.find(B=>B.key==="rename");g&&(g.text="Renamed"),A(_)}y(U)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",l))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:a.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:a.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:a.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:a.UiIcons.Undo},checked:m.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:m.btn2,iconProps:{iconName:a.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:m.btn3,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:S}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),o=n;o.v1=d,o.v4=n,s.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function d(n,o){var e=o||0,t=c;return[t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]]].join("")}s.exports=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);s.exports=function(){return c(r),r}}else{var d=new Array(16);s.exports=function(){for(var o=0,e;o<16;o++)o&3||(e=Math.random()*4294967296),d[o]=e>>>((o&3)<<3)&255;return d}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),o,e,t=0,u=0;function I(a,v,f){var i=v&&f||0,l=v||[];a=a||{};var p=a.node||o,m=a.clockseq!==void 0?a.clockseq:e;if(p==null||m==null){var h=d();p==null&&(p=o=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),m==null&&(m=e=(h[6]<<8|h[7])&16383)}var y=a.msecs!==void 0?a.msecs:new Date().getTime(),k=a.nsecs!==void 0?a.nsecs:u+1,x=y-t+(k-u)/1e4;if(x<0&&a.clockseq===void 0&&(m=m+1&16383),(x<0||y>t)&&a.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=y,u=k,e=m,y+=122192928e5;var E=((y&268435455)*1e4+k)%4294967296;l[i++]=E>>>24&255,l[i++]=E>>>16&255,l[i++]=E>>>8&255,l[i++]=E&255;var S=y/4294967296*1e4&268435455;l[i++]=S>>>8&255,l[i++]=S&255,l[i++]=S>>>24&15|16,l[i++]=S>>>16&255,l[i++]=m>>>8|128,l[i++]=m&255;for(var b=0;b<6;++b)l[i+b]=p[b];return v||n(l)}s.exports=I},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function o(e,t,u){var I=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var a=e.random||(e.rng||d)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t)for(var v=0;v<16;++v)t[I+v]=a[v];return t||n(a)}s.exports=o}}]);})();
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(I))))," */")),o.styleTagTransform(t,n,o.options)}function r(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(t){c(o,n,t)},remove:function(){r(o)}}}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function c(r,d){if(d.styleSheet)d.styleSheet.cssText=r;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(r))}}s.exports=c},"./stories/UIButton.story.tsx":function(s,c,r){"use strict";var d=this&&this.__createBinding||(Object.create?function(l,p,m,h){h===void 0&&(h=m);var y=Object.getOwnPropertyDescriptor(p,m);(!y||("get"in y?!p.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return p[m]}}),Object.defineProperty(l,h,y)}:function(l,p,m,h){h===void 0&&(h=m),l[h]=p[m]}),n=this&&this.__setModuleDefault||(Object.create?function(l,p){Object.defineProperty(l,"default",{enumerable:!0,value:p})}:function(l,p){l.default=p}),o=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var p={};if(l!=null)for(var m in l)m!=="default"&&Object.prototype.hasOwnProperty.call(l,m)&&d(p,l,m);return n(p,l),p};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=o(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),I=r("./src/components/UIContextualMenu/index.tsx"),a=r("./src/components/Icons.tsx"),v=r("./src/components/UITreeDropdown/index.tsx");(0,a.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const f={childrenGap:40},i=()=>{const[l,p]=(0,e.useState)(""),[m,h]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),y=U=>{p(U)},k=U=>{const _=w(C({},m),{[U]:!m[U]});h(_)},x=(U,_,g)=>{const B={key:U,text:_};return g&&(B.iconProps={iconName:a.UiIcons.GuidedDevelopment}),B},E=x("option1","option 1"),S=[x("option2","option 2"),x("option3","option 3")],b=S.map(U=>w(C({},U),{iconProps:{iconName:a.UiIcons.GuidedDevelopment}})),M=[b[0],w(C({},b[1]),{iconProps:void 0})],T=()=>[x("option1","option 1"),x("rename","Simulate rename"),{key:"",itemType:I.UIContextualMenuItemType.Divider},x("option3","option 3"),x("option4","option 4"),x("option5","option 5"),{key:"",itemType:I.UIContextualMenuItemType.Header,text:"Dummy header"},x("option6","option 6"),x("option7","option 7"),x("option8","option 8"),x("option10","option 10"),x("option11","option 11"),x("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISplitButton,{id:"test",callback:y.bind(this),menuItems:S,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:y.bind(this),menuItems:b,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:U=>{if(U==="rename"){const _=T(),g=_.find(B=>B.key==="rename");g&&(g.text="Renamed"),A(_)}y(U)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",l))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:a.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:a.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:a.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:a.UiIcons.Undo},checked:m.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:m.btn2,iconProps:{iconName:a.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:m.btn3,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:S}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),o=n;o.v1=d,o.v4=n,s.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function d(n,o){var e=o||0,t=c;return[t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]]].join("")}s.exports=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);s.exports=function(){return c(r),r}}else{var d=new Array(16);s.exports=function(){for(var o=0,e;o<16;o++)o&3||(e=Math.random()*4294967296),d[o]=e>>>((o&3)<<3)&255;return d}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),o,e,t=0,u=0;function I(a,v,f){var i=v&&f||0,l=v||[];a=a||{};var p=a.node||o,m=a.clockseq!==void 0?a.clockseq:e;if(p==null||m==null){var h=d();p==null&&(p=o=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),m==null&&(m=e=(h[6]<<8|h[7])&16383)}var y=a.msecs!==void 0?a.msecs:new Date().getTime(),k=a.nsecs!==void 0?a.nsecs:u+1,x=y-t+(k-u)/1e4;if(x<0&&a.clockseq===void 0&&(m=m+1&16383),(x<0||y>t)&&a.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=y,u=k,e=m,y+=122192928e5;var E=((y&268435455)*1e4+k)%4294967296;l[i++]=E>>>24&255,l[i++]=E>>>16&255,l[i++]=E>>>8&255,l[i++]=E&255;var S=y/4294967296*1e4&268435455;l[i++]=S>>>8&255,l[i++]=S&255,l[i++]=S>>>24&15|16,l[i++]=S>>>16&255,l[i++]=m>>>8|128,l[i++]=m&255;for(var b=0;b<6;++b)l[i+b]=p[b];return v||n(l)}s.exports=I},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function o(e,t,u){var I=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var a=e.random||(e.rng||d)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t)for(var v=0;v<16;++v)t[I+v]=a[v];return t||n(a)}s.exports=o}}]);})();
package/storybook/{UICallout-story.7cd26cda.iframe.bundle.js → UICallout-story.b156f05e.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  (()=>{var T=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?T(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,b=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var c=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),s=r(c);s.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var _=0;_<this.length;_++){var g=this[_][0];g!=null&&(l[g]=!0)}for(var f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(c),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=n.n(l),g=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(g),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=n.n(d),p=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(p),y={};for(const v in p)v!=="default"&&(y[v]=()=>p[v]);n.d(o,y);var h={};h.styleTagTransform=i(),h.setAttributes=_(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const I=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function c(s,e){for(var t={},a=[],l=0;l<s.length;l++){var _=s[l],g=e.base?_[0]+e.base:_[0],f=t[g]||0,d="".concat(g," ").concat(f);t[g]=f+1;var i=n(d),p={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(i!==-1)o[i].references++,o[i].updater(p);else{var u=r(p,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=function(_){if(_){if(_.css===s.css&&_.media===s.media&&_.sourceMap===s.sourceMap&&_.supports===s.supports&&_.layer===s.layer)return;t.update(s=_)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=c(s,e);return function(l){l=l||[];for(var _=0;_<t.length;_++){var g=t[_],f=n(g);o[f].references--}for(var d=c(l,e),i=0;i<t.length;i++){var p=t[i],u=n(p);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function c(r,s){var e=n(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var c=document.createElement("style");return n.setAttributes(c,n.attributes),n.insert(c,n.options),c}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function c(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function c(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,c){if(c.styleSheet)c.styleSheet.cssText=n;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},_=this.callout.current;return _&&(l.callout={dom:_,rect:_.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:_}=e;if(l){const g=window.innerHeight-n.minPagePadding,f=l.rect.height,d=_.rect.bottom;let i=d+f-a.rect.top,p=d+l.rect.height;if(i<=0||p>=g)return;if(p+=a.rect.height,p<=g&&(i+=c),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(i),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const _=this.originalStyle[l];typeof _=="string"&&(t.dom.style[l]=_)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},_=f=>{var d,i;return{root:b({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"root")),beak:b({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:b({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:b({backgroundColor:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((i=f.contentPadding)!=null?i:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=_;class g extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:i,focusTargetSiblingOnTabPress:p,target:u}=this.props;if(p&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}i==null||i(d)}render(){return r.default.createElement(s.Callout,S(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=g},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(i,p,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(p,u);(!h||("get"in h?!p.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return p[u]}}),Object.defineProperty(i,y,h)}:function(i,p,u,y){y===void 0&&(y=u),i[y]=p[u]}),r=this&&this.__setModuleDefault||(Object.create?function(i,p){Object.defineProperty(i,"default",{enumerable:!0,value:p})}:function(i,p){i.default=p}),s=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var p={};if(i!=null)for(var u in i)u!=="default"&&Object.prototype.hasOwnProperty.call(i,u)&&c(p,i,u);return r(p,i),p};Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),_=n("./src/components/Icons.tsx");(0,_.initIcons)(),o.default={title:"Dropdowns/Callout"};const g=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:p,iconProps:{iconName:_.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:p,iconProps:{iconName:_.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},d=()=>e.default.createElement("div",null,e.default.createElement(g,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));o.Callout=d}}]);})();
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function c(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,c){if(c.styleSheet)c.styleSheet.cssText=n;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},_=this.callout.current;return _&&(l.callout={dom:_,rect:_.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:_}=e;if(l){const g=window.innerHeight-n.minPagePadding,f=l.rect.height,d=_.rect.bottom;let i=d+f-a.rect.top,p=d+l.rect.height;if(i<=0||p>=g)return;if(p+=a.rect.height,p<=g&&(i+=c),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(i),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const _=this.originalStyle[l];typeof _=="string"&&(t.dom.style[l]=_)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},_=f=>{var d,i;return{root:b({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"root")),beak:b({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:b({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:b({backgroundColor:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((i=f.contentPadding)!=null?i:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=_;class g extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:i,focusTargetSiblingOnTabPress:p,target:u}=this.props;if(p&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}i==null||i(d)}render(){return r.default.createElement(s.Callout,S(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=g},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(i,p,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(p,u);(!h||("get"in h?!p.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return p[u]}}),Object.defineProperty(i,y,h)}:function(i,p,u,y){y===void 0&&(y=u),i[y]=p[u]}),r=this&&this.__setModuleDefault||(Object.create?function(i,p){Object.defineProperty(i,"default",{enumerable:!0,value:p})}:function(i,p){i.default=p}),s=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var p={};if(i!=null)for(var u in i)u!=="default"&&Object.prototype.hasOwnProperty.call(i,u)&&c(p,i,u);return r(p,i),p};Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),_=n("./src/components/Icons.tsx");(0,_.initIcons)(),o.default={title:"Dropdowns/Callout"};const g=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:p,iconProps:{iconName:_.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:p,iconProps:{iconName:_.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},d=()=>e.default.createElement("div",null,e.default.createElement(g,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));o.Callout=d}}]);})();
package/storybook/{UICalloutCollisionTransform-story.741a4d8c.iframe.bundle.js → UICalloutCollisionTransform-story.15d048db.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[244],{"./stories/UICalloutCollisionTransform.story.tsx":function(g,n,c){var k=this&&this.__createBinding||(Object.create?function(e,a,o,l){l===void 0&&(l=o);var i=Object.getOwnPropertyDescriptor(a,o);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[o]}}),Object.defineProperty(e,l,i)}:function(e,a,o,l){l===void 0&&(l=o),e[l]=a[o]}),m=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),d=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&k(a,e,o);return m(a,e),a};Object.defineProperty(n,"__esModule",{value:!0}),n.collisionTransformInDialog=void 0;const t=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=c("./src/components/index.tsx"),f=c("./test/__mock__/select-data.ts");(0,s.initIcons)(),n.default={title:"Dialogs/Dialogs"};var r;(function(e){e.ComboBox="ComboBox",e.Dropdown="Dropdown",e.Callout="Callout"})(r||(r={}));const E=Object.values(r).map(e=>({key:e,text:e})),D=e=>{const a=t.default.useRef(null),o=t.default.useRef(null),l=t.default.useRef(new s.CalloutCollisionTransform(a,o)),{id:i}=e,[u,y]=(0,t.useState)(!1);return t.default.createElement(t.default.Fragment,null,t.default.createElement("div",{ref:a},t.default.createElement(s.UITextInput,{id:i,onClick:()=>{y(!u)}})),t.default.createElement(s.UICallout,{target:`#${i}`,hidden:!u,isBeakVisible:!1,onDismiss:()=>{y(!u),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:o}},t.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},_=(e,a)=>{const o=[];for(let l=0;l<6;l++){let i;if(e===r.Callout)i=t.default.createElement(D,{key:l,id:`Dummy-${l}`});else{const u=e===r.ComboBox?s.UIComboBox:s.UIDropdown;i=t.default.createElement(u,{key:l,label:"Dummy",highlight:!0,options:f.data,multiSelect:!0,calloutCollisionTransformation:a})}o.push(i)}return o},I=()=>{const[e,a]=(0,t.useState)(!1),[o,l]=(0,t.useState)(!0),[i,u]=(0,t.useState)(r.ComboBox),y=()=>{a(!e)};return t.default.createElement(t.default.Fragment,null,t.default.createElement("h3",null,"Settings"),t.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},t.default.createElement(s.UICheckbox,{label:"Transformation is enabled",checked:o,onChange:()=>{l(!o)},styles:{label:{alignItems:"center"}}}),t.default.createElement(s.UIDropdown,{label:"Inner components",options:E,selectedKey:i,onChange:(h,p)=>{const C=p==null?void 0:p.key;typeof C=="string"&&u(C||r.ComboBox)}})),t.default.createElement(s.UIDefaultButton,{onClick:y,primary:!0},"Open Dialog"),t.default.createElement(s.UIDialog,{isOpen:e,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:x.ContextualMenu,keepInBounds:!0}},onCancel:y,onDismiss:y},_(r[i],o)))};n.collisionTransformInDialog=I},"./test/__mock__/select-data.ts":(g,n,c)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.groupsData=n.shortData=n.data=void 0;const k=c("./src/components/index.tsx");n.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],n.shortData=[n.data[0],n.data[1],n.data[2],n.data[3],n.data[4]];const m={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};n.groupsData=[];for(const d in m){n.groupsData.push({key:d,text:d.charAt(0).toUpperCase()+d.slice(1),itemType:k.UISelectableOptionMenuItemType.Header});const t=m[d];for(const x of t){const s=n.data.find(f=>f.key===x);s&&n.groupsData.push(s)}}}}]);})();
1
+ "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[244],{"./stories/UICalloutCollisionTransform.story.tsx":function(g,n,c){var k=this&&this.__createBinding||(Object.create?function(e,a,o,l){l===void 0&&(l=o);var i=Object.getOwnPropertyDescriptor(a,o);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[o]}}),Object.defineProperty(e,l,i)}:function(e,a,o,l){l===void 0&&(l=o),e[l]=a[o]}),m=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),d=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&k(a,e,o);return m(a,e),a};Object.defineProperty(n,"__esModule",{value:!0}),n.collisionTransformInDialog=void 0;const t=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=c("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=c("./src/components/index.tsx"),f=c("./test/__mock__/select-data.ts");(0,s.initIcons)(),n.default={title:"Dialogs/Dialogs"};var r;(function(e){e.ComboBox="ComboBox",e.Dropdown="Dropdown",e.Callout="Callout"})(r||(r={}));const E=Object.values(r).map(e=>({key:e,text:e})),D=e=>{const a=t.default.useRef(null),o=t.default.useRef(null),l=t.default.useRef(new s.CalloutCollisionTransform(a,o)),{id:i}=e,[u,y]=(0,t.useState)(!1);return t.default.createElement(t.default.Fragment,null,t.default.createElement("div",{ref:a},t.default.createElement(s.UITextInput,{id:i,onClick:()=>{y(!u)}})),t.default.createElement(s.UICallout,{target:`#${i}`,hidden:!u,isBeakVisible:!1,onDismiss:()=>{y(!u),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:o}},t.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},_=(e,a)=>{const o=[];for(let l=0;l<6;l++){let i;if(e===r.Callout)i=t.default.createElement(D,{key:l,id:`Dummy-${l}`});else{const u=e===r.ComboBox?s.UIComboBox:s.UIDropdown;i=t.default.createElement(u,{key:l,label:"Dummy",highlight:!0,options:f.data,multiSelect:!0,calloutCollisionTransformation:a})}o.push(i)}return o},I=()=>{const[e,a]=(0,t.useState)(!1),[o,l]=(0,t.useState)(!0),[i,u]=(0,t.useState)(r.ComboBox),y=()=>{a(!e)};return t.default.createElement(t.default.Fragment,null,t.default.createElement("h3",null,"Settings"),t.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},t.default.createElement(s.UICheckbox,{label:"Transformation is enabled",checked:o,onChange:()=>{l(!o)},styles:{label:{alignItems:"center"}}}),t.default.createElement(s.UIDropdown,{label:"Inner components",options:E,selectedKey:i,onChange:(h,p)=>{const C=p==null?void 0:p.key;typeof C=="string"&&u(C||r.ComboBox)}})),t.default.createElement(s.UIDefaultButton,{onClick:y,primary:!0},"Open Dialog"),t.default.createElement(s.UIDialog,{isOpen:e,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:x.ContextualMenu,keepInBounds:!0}},onCancel:y,onDismiss:y},_(r[i],o)))};n.collisionTransformInDialog=I},"./test/__mock__/select-data.ts":(g,n,c)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.groupsData=n.shortData=n.data=void 0;const k=c("./src/components/index.tsx");n.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],n.shortData=[n.data[0],n.data[1],n.data[2],n.data[3],n.data[4]];const m={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};n.groupsData=[];for(const d in m){n.groupsData.push({key:d,text:d.charAt(0).toUpperCase()+d.slice(1),itemType:k.UISelectableOptionMenuItemType.Header});const t=m[d];for(const x of t){const s=n.data.find(f=>f.key===x);s&&n.groupsData.push(s)}}}}]);})();