@sap-ux/ui-components 1.16.3 → 1.17.1

package/storybook/498.b66847ca.iframe.bundle.js

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

package/storybook/550.b4a6dc6e.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{(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)=>_ in l?h(l,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):l[_]=n,p=(l,_)=>{for(var n in _||(_={}))s.call(_,n)&&i(l,n,_[n]);if(t)for(var n of t(_))d.call(_,n)&&i(l,n,_[n]);return l},w=(l,_)=>u(l,a(_)),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,_)=>typeof l=="object"&&typeof l[_]=="object"?l[_]:{},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:(_=l.calloutMinWidth)!=null?_:300,boxSizing:"border-box",padding:O.get((n=l.contentPadding)!=null?n:m.None)},y(l.styles,"calloutMain")),container:y(l.styles,"container")}};o.getCalloutStyle=C;class S extends f.default.Component{constructor(_){super(_),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(_){const{onKeyDown:n,focusTargetSiblingOnTabPress:r,target:c}=this.props;if(r&&_.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,!_.shiftKey)&&(_.stopPropagation(),_.preventDefault())}n==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)=>n in _?h(_,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):_[n]=r,p=(_,n)=>{for(var r in n||(n={}))s.call(n,r)&&i(_,r,n[r]);if(t)for(var r of t(n))d.call(n,r)&&i(_,r,n[r]);return _},w=(_,n)=>u(_,a(n)),E=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};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(n){super(n),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(n){return{root:{minWidth:n.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(n){const{className:r,readOnly:c,disabled:v}=this.props,P=n.message?m.MESSAGE_TYPES_CLASSNAME_MAP.get(n.type):void 0;let T=`ts-SelectBox${n.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:n,disabled:r}=this.props,c={};return n&&!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 n=(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:[n.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(n),errorMessage:n.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.0ef9fb08.iframe.bundle.js

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