@sap-ux/ui-components 1.15.3 → 1.15.5

package/storybook/498.47bc40f4.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[498],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(T,c,i)=>{var E=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),P=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),m=P(E);m.push([T.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}",""]),T.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(T,c,i)=>{var E=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),P=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),m=P(E);m.push([T.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)}",""]),T.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(T,c,i)=>{var E=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),P=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),m=P(E);m.push([T.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)}',""]),T.exports=m},"./src/components/UISection/UISection.tsx":function(T,c,i){"use strict";var E=Object.defineProperty,P=Object.defineProperties,m=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,S=(r,n,d)=>n in r?E(r,n,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[n]=d,g=(r,n)=>{for(var d in n||(n={}))h.call(n,d)&&S(r,d,n[d]);if(v)for(var d of v(n))y.call(n,d)&&S(r,d,n[d]);return r},I=(r,n)=>P(r,m(n)),M=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(c,"__esModule",{value:!0}),c.UISection=c.UISectionLayout=void 0;const f=M(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),O=i("../../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");i("./src/components/UISection/UISection.scss");var z;(function(r){r.Standard="standard",r.Extended="extended"})(z||(c.UISectionLayout=z={}));class p extends f.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){const n=this.props.scrollable===void 0||this.props.scrollable,d={},e=this.props.layout||z.Standard;"height"in this.props&&(d.height=this.props.height);const t=(0,O.getNativeProps)(this.props,O.divProperties,["onScroll","className","children"]);return f.default.createElement("div",I(g({},t),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${n?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:d,ref:this.props.rootRef}),this.props.title&&f.default.createElement("div",{className:"section__header"},f.default.createElement("div",null,f.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),f.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}c.UISection=p},"./src/components/UISection/UISections.tsx":function(T,c,i){"use strict";var E=Object.defineProperty,P=Object.defineProperties,m=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,S=(d,e,t)=>e in d?E(d,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[e]=t,g=(d,e)=>{for(var t in e||(e={}))h.call(e,t)&&S(d,t,e[t]);if(v)for(var t of v(e))y.call(e,t)&&S(d,t,e[t]);return d},I=(d,e)=>P(d,m(e)),M=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(c,"__esModule",{value:!0}),c.UISections=c.ANIMATION_TIME=void 0;const f=M(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),O=i("../../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"),z=i("./src/components/UISection/UISection.tsx"),p=i("./src/components/UISection/UISplitter.tsx");i("./src/components/UISection/UISections.scss"),c.ANIMATION_TIME=300;const r="sections--animated";class n extends f.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=f.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,t){let s=t;const o=this.getDynamicSectionIndex();let l=0;if(t.forEach((_,u)=>{if(typeof _=="object"&&_.size===void 0){const b=this.getSectionPosition(_);_.size=Math.abs(this.rootSize-b.end-b.start)}u!==o&&(l+=(typeof _=="object"?_.size:_)||0)}),l=e-l,typeof t[0]!="object"){s=[];let _=0;t.forEach((u,b)=>{u=o!==b?u:l,s.push({percentage:!1,size:u,start:_}),_+=u||0})}const a=s[o];return a&&(a.size=l),this.recalculatePositions(s),this.validateStateMinSizes(s),s}componentDidMount(){const{sizesAsPercents:e,sizes:t}=this.props;this.rootSize=this.getRootSize(),!e&&t&&this.setState({sizes:this.updateStateSizes(this.rootSize,t)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,t){var s,o;let l=t.animate,a,_=0;if(Array.isArray(e.animation)){a=n.getVisibleSections(e.children);let u;for(let b=0;b<e.animation.length;b++)(a==null?void 0:a.includes(b))!==((s=t.visibleSections)==null?void 0:s.includes(b))&&(u=u||e.animation[b]);u!==void 0&&(l=u)}else l=e.animation;return(o=e.sizes)==null||o.forEach((u,b)=>{u===void 0&&(_=b)}),{animate:l,visibleSections:a,dynamicSection:_}}validateStateMinSizes(e){var t,s;let o=0,l=!1;const a=[];for(let b=0;b<this.props.children.length;b++){const j=e[b].size||0,A=this.getMinSectionSize(b);A>j&&(l=!0),o+=A,a.push({size:j,minSize:A,spareSize:j-A})}const _=this.getRootSize();if(l&&_>=o){const b=this.calculateSectionSizes(a);for(let j=0;j<e.length;j++)e[j]=b[j]}const u=_<o;u!==this.isFullScreen&&(this.isFullScreen=u,(s=(t=this.props).onToggleFullscreen)==null||s.call(t,u))}onWindowResize(){let{sizes:e}=this.state;const t=this.getRootSize();e&&(e=this.updateStateSizes(t,e),this.ignoreAnimation=!0,this.setState({sizes:e})),this.rootSize=t}static getVisibleSections(e){const t=[];return e.forEach((s,o)=>{n.isSectionVisible(s)||t.push(o)}),t}static isSectionVisible(e){return e&&e.type===z.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,t=[];if(e&&e.childNodes){e.classList.remove(r);for(let s=0;s<e.childNodes.length;s++){const o=this.getMinSectionSize(s),l=this.getMinSectionSize(s===0?1:0),a=e.children[s],_=Math.max(o,e[this.domSizeProperty]-l);t.push({size:a[this.domSizeProperty],dom:a,maxSize:_,section:this.resizeSections[s]?this.resizeSections[s].section:{percentage:!1}})}}this.resizeSections=t}onSplitterResize(e){const t=e!==0?this.resizeSections:[];let s=0;for(let o=0;o<t.length;o++){const l=this.getMinSectionSize(o),a=t[o];let _=a.size+(o===0?e:-e);if(l===a.maxSize)continue;_<l?(e=this.correctBoundaryPosition(e,l,_,o===0),_=l):_>a.maxSize&&(e=this.correctBoundaryPosition(e,a.maxSize,_,o===0),_=a.maxSize);const u={percentage:!1},b=t[o+1],j=b?b.size-e:0;o>0?(u.size=_,u.start=s,a.dom.style[this.startPositionProperty]=s+"px"):(u.start=0,a.dom.style[this.startPositionProperty]="0px"),u.end=j,a.dom.style[this.endPositionProperty]=j+"px",a.section=u,s+=_}return!1}correctBoundaryPosition(e,t,s,o){const l=t-s;return e+(o?l:-l)}onSplitterResizeEnd(){var e,t;const s=this.rootRef.current;s&&this.isAnimationEnabled()&&s.classList.add(r);const o=this.resizeSections.map(l=>l.section);o.some(l=>l.end!==void 0||l.start!==void 0||l.size!==void 0)&&this.setState({sizes:o}),(t=(e=this.props).onResize)==null||t.call(e,o)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&n.isSectionVisible(e)).length}getSizePercents(e,t,s=!1){const{sizes:o=[],sizesAsPercents:l}=this.props;let a=o[e];if(a===void 0&&e===this.state.dynamicSection){let _=100;o.every(u=>{u&&(_-=u)}),a=_}return a&&l?s?100-a:a:t>0?100/t:0}getSectionSize(e,t){if(this.props.sizesAsPercents||!this.props.sizes||t<2||e>=this.props.sizes.length&&e>=t)return;const s={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(s[this.startPositionProperty]=0),e===this.props.sizes.length-1?s[this.endPositionProperty]=0:this.props.sizes[e+1]&&(s[this.endPositionProperty]=this.props.sizes[e+1]+"px"),s}getPositionStyleValue(e,t){return e===1?"0%":t}getVisibleSectionStyle(e){var t;const s={visible:!0,style:{}},o=this.getVisibleChildrenCount(),l=(t=this.state.sizes)==null?void 0:t[e];if(o===this.props.children.length&&l)s.style=g(g({},l.start!==void 0&&{[this.startPositionProperty]:l.start+"px"}),l.end!==void 0&&{[this.endPositionProperty]:l.end+"px"}),l.size!==void 0&&(l.start===void 0||l.end===void 0)&&(s.style[this.sizeProperty]=l.size+"px");else{const a=this.getSectionSize(e,o);if(a)s.style=g(g({},s.style),a);else{const _=this.getSizePercents(e,o,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(o,`${e*_}%`),[this.endPositionProperty]:this.getPositionStyleValue(o,`${(o-(e+1))*_}%`)}}}return s}getHiddenSectionStyle(e){var t,s;const o={visible:!1};let l=(t=this.state.sizes)==null?void 0:t[e];!l&&this.props.splitterType===p.UISplitterType.Toggle&&((s=this.props.sizes)!=null&&s[e])&&(l={size:this.props.sizes[e],percentage:!1});let a,_=0;if(l)a="px",l.size?_=l.size:(l==null?void 0:l.start)!==void 0&&(l==null?void 0:l.end)!==void 0&&(_=this.getRootSize()-l.end-l.start);else{const b=this.props.children.length,j=this.getSectionSize(e,b);j&&j.width?(_=parseFloat(j.width.toString()),a="px"):(_=this.getSizePercents(e,b),a="%")}const u=-_+a;return o.style={[this.endPositionProperty]:e===0?"100%":u,[this.startPositionProperty]:e===0?u:"100%"},o}getMinSectionSize(e){const t=this.props.minSectionSize;let s=0;return t&&(s=Array.isArray(t)?t[e]:t),s}getClassNames(e){let t=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const s=` ${r}`;return t+=`${this.isAnimationEnabled()?s:""}`,t+=`${e?" sections--full":""}`,t}getSection(e,t){const s=this.props.children[e],o=n.isSectionVisible(s)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!o)return;const l=this.props.splitterType||p.UISplitterType.Resize,a=this.props.splitterLayoutType||p.UISplitterLayoutType.Standard;let _=this.props.splitter&&e>0;const u=this.getVisibleChildrenCount()===1;return u&&!this.isAnimationEnabled()&&(_=!1),f.default.createElement("div",{key:e,className:`sections__item${_?" sections__item--"+l:""}${o.visible?"":" sections__item--hidden"}`,style:o.style},_&&s&&f.default.createElement(p.UISplitter,{vertical:this.props.vertical,onResize:this.onSplitterResize.bind(this),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:t||u,type:l,title:this.props.splitterTitle,splitterLayoutType:a}),s)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0||this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){return{start:e.start||0,end:e.end||0}}getSpareSize(e,t){let s=0,o=e.minSize-e.size;for(const l of t)if(l!==e){if(l.spareSize>0){const a=Math.min(l.spareSize,o);s+=a,l.spareSize-=a,l.size-=a,o-=a}if(o<=0)break}return s}calculateSectionSizes(e){for(const s of e)if(s.size<s.minSize){const o=this.getSpareSize(s,e);o&&(s.size+=o)}const t=[];for(let s=0;s<e.length;s++){const o={percentage:!1},l=e[s],a=e[s+1],_=a?a.size:0;s>0?(o.size=l.size,o.start=void 0):o.start=0,o.end=_,t.push(o)}return t}recalculatePositions(e){let t=0;e.forEach(o=>{o.start=t,t+=o.size||0});let s=0;for(let o=e.length-1;o>=0;o--)e[o].end=s,s+=e[o].size||0}getRootSize(){const e=this.rootRef.current;return(e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])||0}render(){const e=(0,O.getNativeProps)(this.props,O.divProperties,["className","children"]),t=[];let s=0;for(let o=0;o<this.props.children.length;o++){const l=this.props.children[o],a=!n.isSectionVisible(l);a||s++;const _=this.getSection(o,a);_&&t.push(_)}return f.default.createElement("div",I(g({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(s===1)}`,style:g({},this.props.height&&{height:this.props.height})}),t)}}c.UISections=n,n.Section=z.UISection},"./src/components/UISection/UISplitter.tsx":function(T,c,i){"use strict";var E=Object.defineProperty,P=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,h=(p,r,n)=>r in p?E(p,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):p[r]=n,y=(p,r)=>{for(var n in r||(r={}))m.call(r,n)&&h(p,n,r[n]);if(P)for(var n of P(r))v.call(r,n)&&h(p,n,r[n]);return p},S=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(c,"__esModule",{value:!0}),c.UISplitter=c.UISplitterLayoutType=c.UISplitterType=void 0;const g=S(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));i("./src/components/UISection/UISplitter.scss");const I=i("./src/components/Icons.tsx"),M=i("./src/components/UIIcon/index.tsx");var f;(function(p){p.Resize="resize",p.Toggle="toggle"})(f||(c.UISplitterType=f={}));var O;(function(p){p.Standard="standard",p.Compact="compact"})(O||(c.UISplitterLayoutType=O={}));class z extends g.default.Component{constructor(r){super(r),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=g.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 ${r.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(r){this.mousedownPosition.x=r.clientX,this.mousedownPosition.y=r.clientY,this.updateSplitterEvents(!0),r.stopPropagation()}doMousemoveResize(r){const n=this.props.vertical?"clientY":"clientX",d=this.props.vertical?"y":"x",e=r[n]-this.mousedownPosition[d];this.doResize(e)}doResize(r){const n=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(r)){const d=this.rootRef.current;d&&(d.style[n]=`${r-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(r){r?(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)),r&&this.props.onResizeStart?this.props.onResizeStart():!r&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(r,n=O.Standard){return r===f.Toggle?I.UiIcons.ArrowLeft:n===O.Compact?I.UiIcons.Grabber:I.UiIcons.VerticalGrip}onKeyDown(r){if(this.props.type===f.Resize){let d=0;if(["ArrowLeft","ArrowUp"].includes(r.key)?d=-10:["ArrowRight","ArrowDown"].includes(r.key)&&(d=10),d===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(d),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===f.Toggle&&r.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:r,vertical:n,hidden:d,splitterLayoutType:e}=this.props;let t=`splitter splitter--${r}`;return t+=` ${n?"splitter--vertical":"splitter--horizontal"}`,d&&r===f.Resize&&(t+=" splitter--hidden"),t+=` ${e===O.Standard?"splitter--standard":"splitter--compact"}`,t}render(){const{type:r,vertical:n,hidden:d,title:e,splitterLayoutType:t}=this.props,s=t===O.Standard?this.size:this.compactSize,o=r===f.Toggle?-s:-s/2,l=r===f.Toggle?"button":"separator",a=n?"horizontal":"vertical";let _;return r===f.Toggle&&(_=!d),g.default.createElement("div",{ref:this.rootRef,role:l,"aria-orientation":a,"aria-pressed":_,title:e,tabIndex:r===f.Toggle?0:-1,onKeyDown:this.onKeyDown.bind(this),style:y(y({},n&&{height:s,top:o}),!n&&{width:s,left:o}),onMouseDown:r===f.Resize?u=>this.startSplitterMove(u):void 0,onClick:r===f.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},g.default.createElement("div",{className:"splitter__grip"},g.default.createElement(M.UIIcon,{iconName:this.getIcon(r,t)})))}}c.UISplitter=z},"./src/components/UISection/index.tsx":function(T,c,i){"use strict";var E=this&&this.__createBinding||(Object.create?function(m,v,h,y){y===void 0&&(y=h);var S=Object.getOwnPropertyDescriptor(v,h);(!S||("get"in S?!v.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return v[h]}}),Object.defineProperty(m,y,S)}:function(m,v,h,y){y===void 0&&(y=h),m[y]=v[h]}),P=this&&this.__exportStar||function(m,v){for(var h in m)h!=="default"&&!Object.prototype.hasOwnProperty.call(v,h)&&E(v,m,h)};Object.defineProperty(c,"__esModule",{value:!0}),P(i("./src/components/UISection/UISections.tsx"),c),P(i("./src/components/UISection/UISection.tsx"),c),P(i("./src/components/UISection/UISplitter.tsx"),c)},"./src/components/UIToggle/UIToggle.tsx":function(T,c,i){"use strict";var E=Object.defineProperty,P=Object.defineProperties,m=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,S=(t,s,o)=>s in t?E(t,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[s]=o,g=(t,s)=>{for(var o in s||(s={}))h.call(s,o)&&S(t,o,s[o]);if(v)for(var o of v(s))y.call(s,o)&&S(t,o,s[o]);return t},I=(t,s)=>P(t,m(s)),M=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(c,"__esModule",{value:!0}),c.UIToggle=c.UIToggleSize=void 0;const f=M(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),O=i("../../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"),z=i("./src/helper/ValidationMessage/index.tsx");var p;(function(t){t.Standard="Standard",t.Small="Small"})(p||(c.UIToggleSize=p={}));const r=new Map([[p.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),n=.4,d={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 f.default.Component{constructor(s){super(s)}getMarginBottom(s){const{inlineLabel:o}=this.props;if(s)return o?0:4}render(){const{inlineLabelLeft:s,labelFlexGrow:o,size:l,inlineLabel:a}=this.props,_=r.get(l||p.Standard),u=(0,z.getMessageInfo)(this.props),b=A=>({root:I(g({},o&&{flexGrow:1}),{margin:_==null?void 0:_.margin,marginBottom:this.getMarginBottom(u.message)}),label:I(g(g(g({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:_==null?void 0:_.label.fontSize,padding:_==null?void 0:_.label.padding},a&&{marginLeft:10}),s&&{order:0,marginLeft:0,marginRight:10}),o&&{flexGrow:1}),{opacity:this.props.disabled?n:"inherit"}),pill:I(g({height:_==null?void 0:_.height,width:_==null?void 0:_.width,padding:_==null?void 0:_.padding,background:d.pill.checked.background,borderColor:d.pill.borderColor,borderStyle:"solid",":hover":{background:d.pill.checked.hover.background,borderColor:d.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:d.thumb.background},":disabled":{background:d.pill.checked.background,borderColor:d.pill.borderColor,opacity:n}},!A.checked&&{background:d.pill.unchecked.background,borderStyle:"dashed",":hover":{background:d.pill.unchecked.hover.background,borderColor:d.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:d.thumb.background},":disabled":{background:d.pill.unchecked.background,borderColor:d.pill.borderColor,opacity:n}}),{selectors:{":focus::after":{border:"none !important",outline:d.pill.focus.outline}}}),thumb:{height:_==null?void 0:_.circle.height,width:_==null?void 0:_.circle.width,borderWidth:_==null?void 0:_.circle.borderWidth,background:d.thumb.background,":hover":{backgroundColor:d.thumb.background}}}),j=f.default.createElement(O.Toggle,I(g({},this.props),{styles:b}));return u.message?f.default.createElement(z.MessageWrapper,{message:u},j):j}}c.UIToggle=e},"./src/components/UIToggle/index.tsx":function(T,c,i){"use strict";var E=this&&this.__createBinding||(Object.create?function(m,v,h,y){y===void 0&&(y=h);var S=Object.getOwnPropertyDescriptor(v,h);(!S||("get"in S?!v.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return v[h]}}),Object.defineProperty(m,y,S)}:function(m,v,h,y){y===void 0&&(y=h),m[y]=v[h]}),P=this&&this.__exportStar||function(m,v){for(var h in m)h!=="default"&&!Object.prototype.hasOwnProperty.call(v,h)&&E(v,m,h)};Object.defineProperty(c,"__esModule",{value:!0}),P(i("./src/components/UIToggle/UIToggle.tsx"),c)},"./src/components/UISection/UISection.scss":(T,c,i)=>{"use strict";i.r(c),i.d(c,{default:()=>e});var E=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),P=i.n(E),m=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),v=i.n(m),h=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),y=i.n(h),S=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=i.n(S),I=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),M=i.n(I),f=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),O=i.n(f),z=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),p=i.n(z),r={};for(const t in z)t!=="default"&&(r[t]=()=>z[t]);i.d(c,r);var n={};n.styleTagTransform=O(),n.setAttributes=g(),n.insert=y().bind(null,"head"),n.domAPI=v(),n.insertStyleElement=M();var d=P()(p(),n);const e=p()&&p().locals?p().locals:void 0},"./src/components/UISection/UISections.scss":(T,c,i)=>{"use strict";i.r(c),i.d(c,{default:()=>e});var E=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),P=i.n(E),m=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),v=i.n(m),h=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),y=i.n(h),S=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=i.n(S),I=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),M=i.n(I),f=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),O=i.n(f),z=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),p=i.n(z),r={};for(const t in z)t!=="default"&&(r[t]=()=>z[t]);i.d(c,r);var n={};n.styleTagTransform=O(),n.setAttributes=g(),n.insert=y().bind(null,"head"),n.domAPI=v(),n.insertStyleElement=M();var d=P()(p(),n);const e=p()&&p().locals?p().locals:void 0},"./src/components/UISection/UISplitter.scss":(T,c,i)=>{"use strict";i.r(c),i.d(c,{default:()=>e});var E=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),P=i.n(E),m=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),v=i.n(m),h=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),y=i.n(h),S=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=i.n(S),I=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),M=i.n(I),f=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),O=i.n(f),z=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),p=i.n(z),r={};for(const t in z)t!=="default"&&(r[t]=()=>z[t]);i.d(c,r);var n={};n.styleTagTransform=O(),n.setAttributes=g(),n.insert=y().bind(null,"head"),n.domAPI=v(),n.insertStyleElement=M();var d=P()(p(),n);const e=p()&&p().locals?p().locals:void 0}}]);})();

package/storybook/550.6b4ff2e7.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[550],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(D,o,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),a=u(h);a.push([D.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),D.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(D,o,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),a=u(h);a.push([D.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)}",""]),D.exports=a},"./src/components/UICallout/CalloutCollisionTransform.ts":(D,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},h=20;class u{constructor(t,s,d=e){this.originalStyle={},this.source=t,this.callout=s,this.props=d,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${t}px`,s}getElements(){const t=this.source.current,s=t==null?void 0:t.closest(this.props.container);if(s&&t){const d=s==null?void 0:s.querySelector(this.props.target);if(d){const i={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:d,rect:d.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},p=this.callout.current;return p&&(i.callout={dom:p,rect:p.getBoundingClientRect()}),i}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:s,target:d,callout:i,source:p}=t;if(i){const w=window.innerHeight-e.minPagePadding,E=i.rect.height,f=p.rect.bottom;let g=f+E-d.rect.top,b=f+i.rect.height;if(g<=0||b>=w)return;if(b+=d.rect.height,b<=w&&(g+=h),this.props.absolute){const m=s.dom.style;this.originalStyle={transform:m.transform,position:m.position,top:m.top,left:m.left},m.transform="",m.position="absolute",m.top=`${s.rect.top}px`,m.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(g),d.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:s,target:d}=t;for(const i in this.originalStyle){const p=this.originalStyle[i];typeof p=="string"&&(s.dom.style[i]=p)}this.originalStyle={},this.placeholder&&(d.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(t){const s=this.getElements();return!!(t.type==="focus"&&(s!=null&&s.target.dom.contains(t.target)))}}o.CalloutCollisionTransform=u},"./src/components/UICallout/UICallout.tsx":function(D,o,e){"use strict";var h=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,i=(l,n,_)=>n in l?h(l,n,{enumerable:!0,configurable:!0,writable:!0,value:_}):l[n]=_,p=(l,n)=>{for(var _ in n||(n={}))s.call(n,_)&&i(l,_,n[_]);if(t)for(var _ of t(n))d.call(n,_)&&i(l,_,n[_]);return l},w=(l,n)=>u(l,a(n)),E=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const f=E(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=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"),b=e("./src/utilities/index.ts");e("./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 m;(function(l){l.None="None",l.Standard="Standard"})(m||(o.UICalloutContentPadding=m={}));const O=new Map([[m.Standard,8]]),y=(l,n)=>typeof l=="object"&&typeof l[n]=="object"?l[n]:{},C=l=>{var n;return{root:p({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:o.CALLOUT_STYLES.borderRadius},y(l.styles,"root")),beak:p({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},y(l.styles,"beak")),beakCurtain:p({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},y(l.styles,"beakCurtain")),calloutMain:p({backgroundColor:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(n=l.calloutMinWidth)!=null?n:300,boxSizing:"border-box",padding:O.get(l.contentPadding||m.None)},y(l.styles,"calloutMain")),container:y(l.styles,"container")}};o.getCalloutStyle=C;class S extends f.default.Component{constructor(n){super(n),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(n){const{onKeyDown:_,focusTargetSiblingOnTabPress:r,target:c}=this.props;if(r&&n.key==="Tab"&&c){let v=null;if(typeof c=="string"){const P=(0,g.getDocument)();v=P==null?void 0:P.querySelector(c)}else"getBoundingClientRect"in c&&(0,b.isHTMLElement)(c)&&(v=c);v&&(0,b.focusToSibling)(v,!n.shiftKey)&&(n.stopPropagation(),n.preventDefault())}_==null||_(n)}render(){return f.default.createElement(g.Callout,w(p({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=S},"./src/components/UICallout/index.tsx":function(D,o,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,t,s,d){d===void 0&&(d=s);var i=Object.getOwnPropertyDescriptor(t,s);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(a,d,i)}:function(a,t,s,d){d===void 0&&(d=s),a[d]=t[s]}),u=this&&this.__exportStar||function(a,t){for(var s in a)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&h(t,a,s)};Object.defineProperty(o,"__esModule",{value:!0}),u(e("./src/components/UICallout/CalloutCollisionTransform.ts"),o),u(e("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIDropdown/UIDropdown.tsx":function(D,o,e){"use strict";var h=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,i=(n,_,r)=>_ in n?h(n,_,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[_]=r,p=(n,_)=>{for(var r in _||(_={}))s.call(_,r)&&i(n,r,_[r]);if(t)for(var r of t(_))d.call(_,r)&&i(n,r,_[r]);return n},w=(n,_)=>u(n,a(_)),E=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDropdown=o.UIDropdownMenuItemType=o.UIDropdownOption=void 0;const f=E(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=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(o,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return g.DropdownMenuItemType}}),Object.defineProperty(o,"UIDropdownOption",{enumerable:!0,get:function(){return g.IDropdownOption}});const b=e("./src/components/UIIcon/index.tsx"),m=e("./src/helper/ValidationMessage/index.tsx"),O=e("./src/components/UILabel/index.tsx"),y=e("./src/components/UIDropdown/utils.ts"),C=e("./src/components/UICallout/index.tsx");e("./src/components/UIDropdown/UIDropdown.scss");const S="var(--vscode-inputValidation-errorBorder)";class l extends f.default.Component{constructor(_){super(_),this.dropdownDomRef=f.default.createRef(),this.menuDomRef=f.default.createRef(),this.calloutCollisionTransform=new C.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>f.default.createElement(b.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=r=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(r);{const{multiSelectDelimiter:c=", "}=this.props;if(r){const v=r.map(P=>P.text).join(c);return f.default.createElement(f.default.Fragment,null,v)}else return f.default.createElement(f.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(r=>({isOpen:!r.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(r=>({isOpen:!r.isOpen})),this.props.onHandleOpen())})},this.onChange=(r,c,v)=>{this.props.multiSelect&&this.props.onHandleChange&&c&&v&&this.props.onHandleChange(c,v)},this.stopEventPropagation=r=>{r.stopPropagation()},this.onRenderOption=(r,c)=>f.default.createElement(f.default.Fragment,null,c==null?void 0:c(r),(r==null?void 0:r.itemType)!==g.DropdownMenuItemType.Header&&f.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(r,c)=>c&&r?(r.title===void 0&&(r.title=r.text),c(r)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(_){return{root:{minWidth:_.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(_){const{className:r,readOnly:c,disabled:v}=this.props,P=_.message?m.MESSAGE_TYPES_CLASSNAME_MAP.get(_.type):void 0;let T=`ts-SelectBox${_.message?" ts-SelectBox--"+P:""}`;return c&&!v&&(T+=" ts-SelectBox--readonly"),v&&(T+=" ts-SelectBox--disabled"),r&&(T+=` ${r}`),(0,y.isDropdownEmpty)(this.props)&&(T+=" ts-SelectBox--empty"),T}getAccessibilityProps(){const{readOnly:_,disabled:r}=this.props,c={};return _&&!r?(c.tabIndex=0,c["data-is-focusable"]=!0,c["aria-disabled"]=void 0,c["aria-readonly"]=!0):r&&(c.tabIndex=0,c["data-is-focusable"]=!0),c}render(){const _=(0,m.getMessageInfo)(this.props),r=this.getAccessibilityProps(),c=()=>p({},{label:p(p(p({},O.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:S,paddingRight:12}}}),errorMessage:[_.style]});return f.default.createElement(g.Dropdown,w(p(p({ref:this.dropdownDomRef,calloutProps:p({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,y.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:g.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},r),this.props),{styles:c,className:this.getClassNames(_),errorMessage:_.message}))}}o.UIDropdown=l},"./src/components/UIDropdown/index.tsx":function(D,o,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,t,s,d){d===void 0&&(d=s);var i=Object.getOwnPropertyDescriptor(t,s);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(a,d,i)}:function(a,t,s,d){d===void 0&&(d=s),a[d]=t[s]}),u=this&&this.__exportStar||function(a,t){for(var s in a)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&h(t,a,s)};Object.defineProperty(o,"__esModule",{value:!0}),u(e("./src/components/UIDropdown/UIDropdown.tsx"),o),u(e("./src/components/UIDropdown/utils.ts"),o)},"./src/components/UIDropdown/utils.ts":(D,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.getCalloutCollisionTransformationProps=o.isDropdownEmpty=void 0;function e(u){var a;const{selectedKey:t}=u;return Array.isArray(t)?t.length===0:"text"in u&&u.text||"selectedKeys"in u&&((a=u.selectedKeys)!=null&&a.length)?!1:!t}o.isDropdownEmpty=e;function h(u,a,t){if(a&&t)return{preventDismissOnEvent:u.preventDismissOnEvent,layerProps:{onLayerDidMount:u.applyTransformation,onLayerWillUnmount:u.resetTransformation}}}o.getCalloutCollisionTransformationProps=h},"./src/components/UIDropdown/UIDropdown.scss":(D,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>S});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=e.n(i),w=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(w),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=e.n(f),b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),m=e.n(b),O={};for(const l in b)l!=="default"&&(O[l]=()=>b[l]);e.d(o,O);var y={};y.styleTagTransform=g(),y.setAttributes=p(),y.insert=d().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=E();var C=u()(m(),y);const S=m()&&m().locals?m().locals:void 0},"./src/styles/_shadows.scss":(D,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>S});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=e.n(i),w=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(w),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=e.n(f),b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),m=e.n(b),O={};for(const l in b)l!=="default"&&(O[l]=()=>b[l]);e.d(o,O);var y={};y.styleTagTransform=g(),y.setAttributes=p(),y.insert=d().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=E();var C=u()(m(),y);const S=m()&&m().locals?m().locals:void 0}}]);})();

package/storybook/703.30327e17.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[703],{"./src/components/UIButton/UIActionButton.tsx":function(y,e,r){var d=Object.defineProperty,f=Object.defineProperties,p=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,v=(n,o,t)=>o in n?d(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,b=(n,o)=>{for(var t in o||(o={}))a.call(o,t)&&v(n,t,o[t]);if(u)for(var t of u(o))c.call(o,t)&&v(n,t,o[t]);return n},S=(n,o)=>f(n,p(o)),g=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIActionButton=void 0;const i=g(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),_=r("./src/components/UIContextualMenu/index.tsx");class s extends i.default.Component{constructor(o){super(o),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return i.default.createElement(m.ActionButton,S(b({},this.props),{styles:this.setStyle(),menuAs:_.UIContextualMenu}))}}e.UIActionButton=s},"./src/components/UIButton/UIDefaultButton.tsx":function(y,e,r){var d=Object.defineProperty,f=Object.defineProperties,p=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,v=(o,t,l)=>t in o?d(o,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[t]=l,b=(o,t)=>{for(var l in t||(t={}))a.call(t,l)&&v(o,l,t[l]);if(u)for(var l of u(t))c.call(t,l)&&v(o,l,t[l]);return o},S=(o,t)=>f(o,p(t)),g=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDefaultButton=e.BASE_STYLES=void 0;const i=g(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),_=r("./src/components/UIContextualMenu/index.tsx"),s=r("./src/components/UIInput/index.tsx");e.BASE_STYLES={color:"var(--vscode-button-foreground)",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:"var(--vscode-button-border, var(--vscode-button-background))",borderColor:"var(--vscode-button-border, var(--vscode-contrastBorder, var(--vscode-button-background)))",hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, var(--vscode-button-hoverBackground)))"},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",disabledBorderColor:"var(--vscode-button-border, var(--vscode-button-secondaryBackground, #5f6a79))",borderColor:"var(--vscode-button-border, var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79)))",hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",hoverBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, var(--vscode-button-secondaryHoverBackground, #4c5561)))",color:"var(--vscode-button-secondaryForeground, #ffffff)"}};class n extends i.default.Component{constructor(t){super(t),this.setStyle=l=>{const B={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"};return{root:S(b({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:e.BASE_STYLES.secondary.backgroundColor,borderColor:e.BASE_STYLES.secondary.borderColor,color:e.BASE_STYLES.secondary.color},l.primary&&{backgroundColor:e.BASE_STYLES.primary.backgroundColor,borderColor:e.BASE_STYLES.primary.borderColor,color:e.BASE_STYLES.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:b({opacity:"0.5 !important",backgroundColor:e.BASE_STYLES.secondary.backgroundColor,borderColor:e.BASE_STYLES.secondary.disabledBorderColor,color:e.BASE_STYLES.secondary.color},l.primary&&{opacity:"0.5 !important",color:e.BASE_STYLES.color,backgroundColor:e.BASE_STYLES.primary.backgroundColor,borderColor:e.BASE_STYLES.primary.disabledBorderColor}),rootHovered:b({color:e.BASE_STYLES.secondary.color,backgroundColor:e.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:e.BASE_STYLES.secondary.hoverBorderColor,selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.secondary.color}}},l.primary&&{color:e.BASE_STYLES.color,backgroundColor:e.BASE_STYLES.primary.hoverBackgroundColor,borderColor:e.BASE_STYLES.primary.hoverBorderColor,selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.color}}}),icon:b({height:16,lineHeight:16,marginLeft:-3,color:e.BASE_STYLES.secondary.color,selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.secondary.color}}},l.primary&&{color:e.BASE_STYLES.color,selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.color}}}),menuIcon:{selectors:b({"svg > path":{fill:e.BASE_STYLES.secondary.color}},l.primary&&{"svg > path":{fill:e.BASE_STYLES.color}})},splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${s.COMMON_INPUT_STYLES.borderRadius}px ${s.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:e.BASE_STYLES.primary.backgroundColor,borderColor:e.BASE_STYLES.primary.borderColor,color:e.BASE_STYLES.color,selectors:{"&:hover":{color:e.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:b({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:e.BASE_STYLES.secondary.backgroundColor,color:e.BASE_STYLES.secondary.color},l.primary&&{color:e.BASE_STYLES.color,backgroundColor:e.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:e.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.color},"&:hover":{color:e.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:e.BASE_STYLES.color}}}}},splitButtonDivider:B,splitButtonDividerDisabled:B,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}render(){return i.default.createElement(m.DefaultButton,S(b({},this.props),{styles:this.setStyle(this.props),menuAs:_.UIContextualMenu}))}}e.UIDefaultButton=n},"./src/components/UIButton/UIIconButton.tsx":function(y,e,r){var d=Object.defineProperty,f=Object.defineProperties,p=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,v=(o,t,l)=>t in o?d(o,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[t]=l,b=(o,t)=>{for(var l in t||(t={}))a.call(t,l)&&v(o,l,t[l]);if(u)for(var l of u(t))c.call(t,l)&&v(o,l,t[l]);return o},S=(o,t)=>f(o,p(t)),g=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIconButton=e.UIIconButtonSizes=void 0;const i=g(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),_=r("./src/components/UIContextualMenu/index.tsx");var s;(function(o){o.Default="Default",o.Wide="Wide"})(s||(e.UIIconButtonSizes=s={}));class n extends i.default.Component{constructor(t){super(t),this.setStyle=l=>{const h=(l.sizeType||s.Default)===s.Default?16:26;return{root:{minWidth:"initial",height:16,width:h,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:h},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:h},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:h,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(t){return`var(${t}, var(--vscode-menubar-selectionBackground))`}render(){return i.default.createElement(m.IconButton,S(b({},this.props),{styles:this.setStyle(this.props),menuAs:_.UIContextualMenu}))}}e.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx":function(y,e,r){var d=Object.defineProperty,f=Object.defineProperties,p=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,v=(s,n,o)=>n in s?d(s,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[n]=o,b=(s,n)=>{for(var o in n||(n={}))a.call(n,o)&&v(s,o,n[o]);if(u)for(var o of u(n))c.call(n,o)&&v(s,o,n[o]);return s},S=(s,n)=>f(s,p(n)),g=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISmallButton=void 0;const i=g(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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");class _ extends i.default.Component{constructor(n){super(n),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=o=>({root:S(b({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},o.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:b({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},o.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:b({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},o.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(n){return`var(${n})`}getColorwithFallback(n,o){return`var(${n}, ${o})`}render(){return i.default.createElement(m.DefaultButton,S(b({},this.props),{styles:this.setStyle(this.props)}))}}e.UISmallButton=_},"./src/components/UIButton/UISplitButton.tsx":function(y,e,r){var d=this&&this.__createBinding||(Object.create?function(g,i,m,_){_===void 0&&(_=m);var s=Object.getOwnPropertyDescriptor(i,m);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[m]}}),Object.defineProperty(g,_,s)}:function(g,i,m,_){_===void 0&&(_=m),g[_]=i[m]}),f=this&&this.__setModuleDefault||(Object.create?function(g,i){Object.defineProperty(g,"default",{enumerable:!0,value:i})}:function(g,i){g.default=i}),p=this&&this.__importStar||function(g){if(g&&g.__esModule)return g;var i={};if(g!=null)for(var m in g)m!=="default"&&Object.prototype.hasOwnProperty.call(g,m)&&d(i,g,m);return f(i,g),i};Object.defineProperty(e,"__esModule",{value:!0}),e.UISplitButton=void 0;const u=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=r("./src/components/UIButton/UIDefaultButton.tsx"),c=r("./src/components/UIContextualMenu/index.tsx"),v=r("./src/components/Icons.tsx"),b=r("./src/utilities/index.ts");class S extends u.Component{constructor(i){super(i),this.id=this.props.id?this.props.id:(0,b.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(m,_)=>{_!=null&&_.key&&this.props.callback(_.key)},this.state={menu:{items:i.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(i,m){return{menu:{items:i.menuItems,onItemClick:m.menu.onItemClick}}}render(){return u.createElement(a.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:v.UiIcons.ArrowDown},menuAs:c.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}e.UISplitButton=S},"./src/components/UIButton/index.tsx":function(y,e,r){var d=this&&this.__createBinding||(Object.create?function(u,a,c,v){v===void 0&&(v=c);var b=Object.getOwnPropertyDescriptor(a,c);(!b||("get"in b?!a.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return a[c]}}),Object.defineProperty(u,v,b)}:function(u,a,c,v){v===void 0&&(v=c),u[v]=a[c]}),f=this&&this.__exportStar||function(u,a){for(var c in u)c!=="default"&&!Object.prototype.hasOwnProperty.call(a,c)&&d(a,u,c)};Object.defineProperty(e,"__esModule",{value:!0}),e.UIButtonInterface=void 0;const p=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");Object.defineProperty(e,"UIButtonInterface",{enumerable:!0,get:function(){return p.IButton}}),f(r("./src/components/UIButton/UIActionButton.tsx"),e),f(r("./src/components/UIButton/UIDefaultButton.tsx"),e),f(r("./src/components/UIButton/UIIconButton.tsx"),e),f(r("./src/components/UIButton/UISplitButton.tsx"),e),f(r("./src/components/UIButton/UISmallButton.tsx"),e)},"./src/utilities/Dom.ts":(y,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLInputElement=e.isHTMLElement=void 0;function r(f){return"title"in f}e.isHTMLElement=r;function d(f){return"value"in f&&"tagName"in f&&f.tagName==="INPUT"}e.isHTMLInputElement=d},"./src/utilities/Focus.ts":(y,e,r)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.focusToSibling=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0;const d=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");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return d.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return d.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return d.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return d.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return d.getPreviousElement}});function f(p,u){const a=(0,d.getDocument)();if(a){let c=null;if(u?c=(0,d.getNextElement)(a.body,p,!1,!1,!0,!0):c=(0,d.getPreviousElement)(a.body,p,!1,!1,!0,!0),c)return c.focus(),c}return null}e.focusToSibling=f},"./src/utilities/Id.ts":(y,e,r)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const d=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");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts":(y,e,r)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const d=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");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts":function(y,e,r){var d=this&&this.__createBinding||(Object.create?function(p,u,a,c){c===void 0&&(c=a);var v=Object.getOwnPropertyDescriptor(u,a);(!v||("get"in v?!u.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return u[a]}}),Object.defineProperty(p,c,v)}:function(p,u,a,c){c===void 0&&(c=a),p[c]=u[a]}),f=this&&this.__exportStar||function(p,u){for(var a in p)a!=="default"&&!Object.prototype.hasOwnProperty.call(u,a)&&d(u,p,a)};Object.defineProperty(e,"__esModule",{value:!0}),f(r("./src/utilities/Dom.ts"),e),f(r("./src/utilities/Focus.ts"),e),f(r("./src/utilities/Id.ts"),e),f(r("./src/utilities/Keys.ts"),e)}}]);})();