@sap-ux/ui-components 1.11.8 → 1.11.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +9 -9
- package/storybook/{140.b8d89353.iframe.bundle.js → 169.3cef0c60.iframe.bundle.js} +1 -1
- package/storybook/{577.bfc457ab.iframe.bundle.js → 307.ab8f2ee3.iframe.bundle.js} +1 -1
- package/storybook/{950.c27075c0.iframe.bundle.js → 308.5ab1aa63.iframe.bundle.js} +1 -1
- package/storybook/405.e6e8e366.iframe.bundle.js +1 -0
- package/storybook/494.20258d1f.iframe.bundle.js +1 -0
- package/storybook/{499.5304ebf8.iframe.bundle.js → 580.6fb1ab45.iframe.bundle.js} +1 -1
- package/storybook/{144.c0dd24cf.iframe.bundle.js → 735.be7b0e60.iframe.bundle.js} +1 -1
- package/storybook/{405.ac758081.iframe.bundle.js → 763.3fb2f7c2.iframe.bundle.js} +1 -1
- package/storybook/{429.eb630f3d.iframe.bundle.js → 765.9b16ec42.iframe.bundle.js} +2 -2
- package/storybook/{259.ec219ed1.iframe.bundle.js → 909.9d7e2463.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +3 -3
- package/storybook/main.7c5b86df.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.a410f43d.iframe.bundle.js +2 -0
- package/storybook/sb-manager/{chunk-V4IURIJR.js → chunk-L4KFTAB4.js} +12 -12
- package/storybook/sb-manager/index.js +1 -1
- package/storybook/sb-manager/runtime.js +1 -1
- package/storybook/21.1401431b.iframe.bundle.js +0 -1
- package/storybook/76.e77af89c.iframe.bundle.js +0 -1
- package/storybook/main.50039023.iframe.bundle.js +0 -1
- package/storybook/runtime~main.ba83a7c6.iframe.bundle.js +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sap-ux/ui-components",
|
|
3
|
-
"version": "1.11.
|
|
3
|
+
"version": "1.11.11",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "SAP UI Components Library",
|
|
6
6
|
"repository": {
|
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
"react-dom": ">=16.14.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@babel/core": "7.22.
|
|
34
|
+
"@babel/core": "7.22.20",
|
|
35
35
|
"@babel/helper-define-map": "7.18.6",
|
|
36
|
-
"@babel/preset-env": "7.22.
|
|
37
|
-
"@babel/preset-react": "7.22.
|
|
38
|
-
"@babel/preset-typescript": "7.22.
|
|
39
|
-
"@storybook/react": "7.4.
|
|
40
|
-
"@storybook/react-webpack5": "7.4.
|
|
36
|
+
"@babel/preset-env": "7.22.20",
|
|
37
|
+
"@babel/preset-react": "7.22.15",
|
|
38
|
+
"@babel/preset-typescript": "7.22.15",
|
|
39
|
+
"@storybook/react": "7.4.2",
|
|
40
|
+
"@storybook/react-webpack5": "7.4.2",
|
|
41
41
|
"@testing-library/jest-dom": "5.17.0",
|
|
42
42
|
"@testing-library/react": "12.1.5",
|
|
43
43
|
"@types/enzyme": "3.10.13",
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
"require-from-string": "2.0.2",
|
|
64
64
|
"sass": "1.66.1",
|
|
65
65
|
"sass-loader": "13.3.2",
|
|
66
|
-
"storybook": "7.4.
|
|
66
|
+
"storybook": "7.4.2",
|
|
67
67
|
"storybook-addon-turbo-build": "2.0.1",
|
|
68
68
|
"style-loader": "3.3.3",
|
|
69
69
|
"ts-loader": "9.4.4",
|
|
70
|
-
"typescript": "4.9.
|
|
70
|
+
"typescript": "4.9.5"
|
|
71
71
|
},
|
|
72
72
|
"scripts": {
|
|
73
73
|
"clean": "rimraf --glob dist coverage *.tsbuildinfo storybook",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[140],{"../../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,l,r)=>{var b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(b);c.push([P.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}",""]),P.exports=c},"../../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,l,r)=>{var b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(b);c.push([P.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)}",""]),P.exports=c},"../../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,l,r)=>{var b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(b);c.push([P.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)}',""]),P.exports=c},"./src/components/UISection/UISection.tsx":function(P,l,r){"use strict";var b=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISection=l.UISectionLayout=void 0;const u=b(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));r("./src/components/UISection/UISection.scss");var c;(function(a){a.Standard="standard",a.Extended="extended"})(c=l.UISectionLayout||(l.UISectionLayout={}));class m extends u.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){const p=this.props.scrollable===void 0||this.props.scrollable,h={},S=this.props.layout||c.Standard;return"height"in this.props&&(h.height=this.props.height),u.default.createElement("div",{className:`section${this.props.className?" "+this.props.className:""} section--${S}${p?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:h,ref:this.props.rootRef},this.props.title&&u.default.createElement("div",{className:"section__header"},u.default.createElement("div",null,u.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),u.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}l.UISection=m},"./src/components/UISection/UISections.tsx":function(P,l,r){"use strict";var b=Object.defineProperty,u=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,a=(f,e,t)=>e in f?b(f,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):f[e]=t,p=(f,e)=>{for(var t in e||(e={}))c.call(e,t)&&a(f,t,e[t]);if(u)for(var t of u(e))m.call(e,t)&&a(f,t,e[t]);return f},h=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISections=l.ANIMATION_TIME=void 0;const S=h(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),z=r("./src/components/UISection/UISection.tsx"),O=r("./src/components/UISection/UISplitter.tsx");r("./src/components/UISection/UISections.scss"),l.ANIMATION_TIME=300;const v="sections--animated";class E extends S.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=S.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 n=0;if(t.forEach((_,d)=>{if(typeof _=="object"&&_.size===void 0){const y=this.getSectionPosition(_);_.size=Math.abs(this.rootSize-y.end-y.start)}d!==o&&(n+=(typeof _=="object"?_.size:_)||0)}),n=e-n,typeof t[0]!="object"){s=[];let _=0;t.forEach((d,y)=>{d=o!==y?d:n,s.push({percentage:!1,size:d,start:_}),_+=d||0})}const i=s[o];return i&&(i.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,o;let n=t.animate,i,_=0;if(Array.isArray(e.animation)){i=E.getVisibleSections(e.children);let d;for(let y=0;y<e.animation.length;y++)(i==null?void 0:i.includes(y))!==((s=t.visibleSections)==null?void 0:s.includes(y))&&(d=d||e.animation[y]);d!==void 0&&(n=d)}else n=e.animation;return(o=e.sizes)==null||o.forEach((d,y)=>{d===void 0&&(_=y)}),{animate:n,visibleSections:i,dynamicSection:_}}validateStateMinSizes(e){var t,s;let o=0,n=!1;const i=[];for(let y=0;y<this.props.children.length;y++){const I=e[y].size||0,g=this.getMinSectionSize(y);g>I&&(n=!0),o+=g,i.push({size:I,minSize:g,spareSize:I-g})}const _=this.getRootSize();if(n&&_>=o){const y=this.calculateSectionSizes(i);for(let I=0;I<e.length;I++)e[I]=y[I]}const d=_<o;d!==this.isFullScreen&&(this.isFullScreen=d,(s=(t=this.props).onToggleFullscreen)==null||s.call(t,d))}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)=>{E.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(v);for(let s=0;s<e.childNodes.length;s++){const o=this.getMinSectionSize(s),n=this.getMinSectionSize(s===0?1:0),i=e.children[s],_=Math.max(o,e[this.domSizeProperty]-n);t.push({size:i[this.domSizeProperty],dom:i,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 n=this.getMinSectionSize(o),i=t[o];let _=i.size+(o===0?e:-e);if(n===i.maxSize)continue;_<n?(e=this.correctBoundaryPosition(e,n,_,o===0),_=n):_>i.maxSize&&(e=this.correctBoundaryPosition(e,i.maxSize,_,o===0),_=i.maxSize);const d={percentage:!1},y=t[o+1],I=y?y.size-e:0;o>0?(d.size=_,d.start=s,i.dom.style[this.startPositionProperty]=s+"px"):(d.start=0,i.dom.style[this.startPositionProperty]="0px"),d.end=I,i.dom.style[this.endPositionProperty]=I+"px",i.section=d,s+=_}return!1}correctBoundaryPosition(e,t,s,o){const n=t-s;return e+(o?n:-n)}onSplitterResizeEnd(){var e,t;const s=this.rootRef.current;s&&this.isAnimationEnabled()&&s.classList.add(v);const o=this.resizeSections.map(n=>n.section);o.some(n=>n.end!==void 0||n.start!==void 0||n.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&&E.isSectionVisible(e)).length}getSizePercents(e,t,s=!1){const{sizes:o=[],sizesAsPercents:n}=this.props;let i=o[e];if(i===void 0&&e===this.state.dynamicSection){let _=100;o.every(d=>{d&&(_-=d)}),i=_}return i&&n?s?100-i:i: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){const t={visible:!0,style:{}},s=this.getVisibleChildrenCount(),o=this.state.sizes&&this.state.sizes[e];if(s===this.props.children.length&&o)t.style=p(p({},o.start!==void 0&&{[this.startPositionProperty]:o.start+"px"}),o.end!==void 0&&{[this.endPositionProperty]:o.end+"px"}),o.size!==void 0&&(o.start===void 0||o.end===void 0)&&(t.style[this.sizeProperty]=o.size+"px");else{const n=this.getSectionSize(e,s);if(n)t.style=p(p({},t.style),n);else{const i=this.getSizePercents(e,s,!0);t.style={[this.startPositionProperty]:this.getPositionStyleValue(s,`${e*i}%`),[this.endPositionProperty]:this.getPositionStyleValue(s,`${(s-(e+1))*i}%`)}}}return t}getHiddenSectionStyle(e){const t={visible:!1};let s=this.state.sizes&&this.state.sizes[e];!s&&this.props.splitterType===O.UISplitterType.Toggle&&this.props.sizes&&this.props.sizes[e]&&(s={size:this.props.sizes[e],percentage:!1});let o,n=0;if(s)o="px",s.size?n=s.size:(s==null?void 0:s.start)!==void 0&&(s==null?void 0:s.end)!==void 0&&(n=this.getRootSize()-s.end-s.start);else{const _=this.props.children.length,d=this.getSectionSize(e,_);d&&d.width?(n=parseFloat(d.width.toString()),o="px"):(n=this.getSizePercents(e,_),o="%")}const i=-n+o;return t.style={[this.endPositionProperty]:e===0?"100%":i,[this.startPositionProperty]:e===0?i:"100%"},t}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=` ${v}`;return t+=`${this.isAnimationEnabled()?s:""}`,t+=`${e?" sections--full":""}`,t}getSection(e,t){const s=this.props.children[e],o=E.isSectionVisible(s)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!o)return;const n=this.props.splitterType||O.UISplitterType.Resize,i=this.props.splitterLayoutType||O.UISplitterLayoutType.Standard;let _=this.props.splitter&&e>0;const d=this.getVisibleChildrenCount()===1;return d&&!this.isAnimationEnabled()&&(_=!1),S.default.createElement("div",{key:e,className:`sections__item${_?" sections__item--"+n:""}${o.visible?"":" sections__item--hidden"}`,style:o.style},_&&s&&S.default.createElement(O.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||d,type:n,title:this.props.splitterTitle,splitterLayoutType:i}),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 n of t)if(n!==e){if(n.spareSize>0){const i=Math.min(n.spareSize,o);s+=i,n.spareSize-=i,n.size-=i,o-=i}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},n=e[s],i=e[s+1],_=i?i.size:0;s>0?(o.size=n.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=[];let t=0;for(let s=0;s<this.props.children.length;s++){const o=this.props.children[s],n=!E.isSectionVisible(o);n||t++;const i=this.getSection(s,n);i&&e.push(i)}return S.default.createElement("div",{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:p({},this.props.height&&{height:this.props.height})},e)}}l.UISections=E,E.Section=z.UISection},"./src/components/UISection/UISplitter.tsx":function(P,l,r){"use strict";var b=Object.defineProperty,u=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,a=(e,t,s)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,p=(e,t)=>{for(var s in t||(t={}))c.call(t,s)&&a(e,s,t[s]);if(u)for(var s of u(t))m.call(t,s)&&a(e,s,t[s]);return e},h=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISplitter=l.UISplitterLayoutType=l.UISplitterType=void 0;const S=h(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));r("./src/components/UISection/UISplitter.scss");const z=r("./src/components/Icons.tsx"),O=r("./src/components/UIIcon/index.tsx");var v;(function(e){e.Resize="resize",e.Toggle="toggle"})(v=l.UISplitterType||(l.UISplitterType={}));var E;(function(e){e.Standard="standard",e.Compact="compact"})(E=l.UISplitterLayoutType||(l.UISplitterLayoutType={}));class f extends S.default.Component{constructor(t){super(t),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=S.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 ${t.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(t){this.mousedownPosition.x=t.clientX,this.mousedownPosition.y=t.clientY,this.updateSplitterEvents(!0),t.stopPropagation()}doMousemoveResize(t){const s=this.props.vertical?"clientY":"clientX",o=this.props.vertical?"y":"x",n=t[s]-this.mousedownPosition[o];this.doResize(n)}doResize(t){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(t)){const o=this.rootRef.current;o&&(o.style[s]=`${t-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(t){t?(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)),t&&this.props.onResizeStart?this.props.onResizeStart():!t&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(t,s=E.Standard){return t===v.Toggle?z.UiIcons.ArrowLeft:s===E.Compact?z.UiIcons.Grabber:z.UiIcons.VerticalGrip}onKeyDown(t){if(this.props.type===v.Resize){let o=0;if(["ArrowLeft","ArrowUp"].includes(t.key)?o=-10:["ArrowRight","ArrowDown"].includes(t.key)&&(o=10),o===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(o),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===v.Toggle&&t.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:t,vertical:s,hidden:o,splitterLayoutType:n}=this.props;let i=`splitter splitter--${t}`;return i+=` ${s?"splitter--vertical":"splitter--horizontal"}`,o&&t===v.Resize&&(i+=" splitter--hidden"),i+=` ${n===E.Standard?"splitter--standard":"splitter--compact"}`,i}render(){const{type:t,vertical:s,hidden:o,title:n,splitterLayoutType:i}=this.props,_=i===E.Standard?this.size:this.compactSize,d=t===v.Toggle?-_:-_/2,y=t===v.Toggle?"button":"separator",I=s?"horizontal":"vertical";let g;return t===v.Toggle&&(g=!o),S.default.createElement("div",{ref:this.rootRef,role:y,"aria-orientation":I,"aria-pressed":g,title:n,tabIndex:t===v.Toggle?0:-1,onKeyDown:this.onKeyDown.bind(this),style:p(p({},s&&{height:_,top:d}),!s&&{width:_,left:d}),onMouseDown:t===v.Resize?T=>this.startSplitterMove(T):void 0,onClick:t===v.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},S.default.createElement("div",{className:"splitter__grip"},S.default.createElement(O.UIIcon,{iconName:this.getIcon(t,i)})))}}l.UISplitter=f},"./src/components/UISection/index.tsx":function(P,l,r){"use strict";var b=this&&this.__createBinding||(Object.create?function(c,m,a,p){p===void 0&&(p=a);var h=Object.getOwnPropertyDescriptor(m,a);(!h||("get"in h?!m.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return m[a]}}),Object.defineProperty(c,p,h)}:function(c,m,a,p){p===void 0&&(p=a),c[p]=m[a]}),u=this&&this.__exportStar||function(c,m){for(var a in c)a!=="default"&&!Object.prototype.hasOwnProperty.call(m,a)&&b(m,c,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(r("./src/components/UISection/UISections.tsx"),l),u(r("./src/components/UISection/UISection.tsx"),l),u(r("./src/components/UISection/UISplitter.tsx"),l)},"./src/components/UIToggle/UIToggle.tsx":function(P,l,r){"use strict";var b=Object.defineProperty,u=Object.defineProperties,c=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,h=(i,_,d)=>_ in i?b(i,_,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[_]=d,S=(i,_)=>{for(var d in _||(_={}))a.call(_,d)&&h(i,d,_[d]);if(m)for(var d of m(_))p.call(_,d)&&h(i,d,_[d]);return i},z=(i,_)=>u(i,c(_)),O=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(l,"__esModule",{value:!0}),l.UIToggle=l.UIToggleSize=void 0;const v=O(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),f=r("./src/helper/ValidationMessage/index.tsx");var e;(function(i){i.Standard="Standard",i.Small="Small"})(e=l.UIToggleSize||(l.UIToggleSize={}));const t=new Map([[e.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),s=.4,o={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 n extends v.default.Component{constructor(_){super(_)}getMarginBottom(_){const{inlineLabel:d}=this.props;if(_)return d?0:4}render(){const{inlineLabelLeft:_,labelFlexGrow:d,size:y,inlineLabel:I}=this.props,g=t.get(y||e.Standard),T=(0,f.getMessageInfo)(this.props),j=A=>({root:z(S({},d&&{flexGrow:1}),{margin:g==null?void 0:g.margin,marginBottom:this.getMarginBottom(T.message)}),label:z(S(S(S({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:g==null?void 0:g.label.fontSize,padding:g==null?void 0:g.label.padding},I&&{marginLeft:10}),_&&{order:0,marginLeft:0,marginRight:10}),d&&{flexGrow:1}),{opacity:this.props.disabled?s:"inherit"}),pill:z(S({height:g==null?void 0:g.height,width:g==null?void 0:g.width,padding:g==null?void 0:g.padding,background:o.pill.checked.background,borderColor:o.pill.borderColor,borderStyle:"solid",":hover":{background:o.pill.checked.hover.background,borderColor:o.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:o.thumb.background},":disabled":{background:o.pill.checked.background,borderColor:o.pill.borderColor,opacity:s}},!A.checked&&{background:o.pill.unchecked.background,borderStyle:"dashed",":hover":{background:o.pill.unchecked.hover.background,borderColor:o.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:o.thumb.background},":disabled":{background:o.pill.unchecked.background,borderColor:o.pill.borderColor,opacity:s}}),{selectors:{":focus::after":{border:"none !important",outline:o.pill.focus.outline}}}),thumb:{height:g==null?void 0:g.circle.height,width:g==null?void 0:g.circle.width,borderWidth:g==null?void 0:g.circle.borderWidth,background:o.thumb.background,":hover":{backgroundColor:o.thumb.background}}}),M=v.default.createElement(E.Toggle,z(S({},this.props),{styles:j}));return T.message?v.default.createElement(f.MessageWrapper,{message:T},M):M}}l.UIToggle=n},"./src/components/UIToggle/index.tsx":function(P,l,r){"use strict";var b=this&&this.__createBinding||(Object.create?function(c,m,a,p){p===void 0&&(p=a);var h=Object.getOwnPropertyDescriptor(m,a);(!h||("get"in h?!m.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return m[a]}}),Object.defineProperty(c,p,h)}:function(c,m,a,p){p===void 0&&(p=a),c[p]=m[a]}),u=this&&this.__exportStar||function(c,m){for(var a in c)a!=="default"&&!Object.prototype.hasOwnProperty.call(m,a)&&b(m,c,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(r("./src/components/UIToggle/UIToggle.tsx"),l)},"./src/components/UISection/UISection.scss":(P,l,r)=>{"use strict";r.r(l),r.d(l,{default:()=>n});var b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=r.n(b),c=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=r.n(c),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=r.n(a),h=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=r.n(h),z=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=r.n(z),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=r.n(v),f=r("../../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"),e=r.n(f),t={};for(const i in f)i!=="default"&&(t[i]=()=>f[i]);r.d(l,t);var s={};s.styleTagTransform=E(),s.setAttributes=S(),s.insert=p().bind(null,"head"),s.domAPI=m(),s.insertStyleElement=O();var o=u()(e(),s);const n=e()&&e().locals?e().locals:void 0},"./src/components/UISection/UISections.scss":(P,l,r)=>{"use strict";r.r(l),r.d(l,{default:()=>n});var b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=r.n(b),c=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=r.n(c),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=r.n(a),h=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=r.n(h),z=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=r.n(z),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=r.n(v),f=r("../../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"),e=r.n(f),t={};for(const i in f)i!=="default"&&(t[i]=()=>f[i]);r.d(l,t);var s={};s.styleTagTransform=E(),s.setAttributes=S(),s.insert=p().bind(null,"head"),s.domAPI=m(),s.insertStyleElement=O();var o=u()(e(),s);const n=e()&&e().locals?e().locals:void 0},"./src/components/UISection/UISplitter.scss":(P,l,r)=>{"use strict";r.r(l),r.d(l,{default:()=>n});var b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=r.n(b),c=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=r.n(c),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=r.n(a),h=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=r.n(h),z=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=r.n(z),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=r.n(v),f=r("../../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"),e=r.n(f),t={};for(const i in f)i!=="default"&&(t[i]=()=>f[i]);r.d(l,t);var s={};s.styleTagTransform=E(),s.setAttributes=S(),s.insert=p().bind(null,"head"),s.domAPI=m(),s.insertStyleElement=O();var o=u()(e(),s);const n=e()&&e().locals?e().locals:void 0}}]);})();
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[169],{"../../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,l,r)=>{var b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(b);c.push([P.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}",""]),P.exports=c},"../../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,l,r)=>{var b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(b);c.push([P.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)}",""]),P.exports=c},"../../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,l,r)=>{var b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(b);c.push([P.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)}',""]),P.exports=c},"./src/components/UISection/UISection.tsx":function(P,l,r){"use strict";var b=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISection=l.UISectionLayout=void 0;const u=b(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));r("./src/components/UISection/UISection.scss");var c;(function(a){a.Standard="standard",a.Extended="extended"})(c=l.UISectionLayout||(l.UISectionLayout={}));class m extends u.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){const p=this.props.scrollable===void 0||this.props.scrollable,h={},S=this.props.layout||c.Standard;return"height"in this.props&&(h.height=this.props.height),u.default.createElement("div",{className:`section${this.props.className?" "+this.props.className:""} section--${S}${p?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:h,ref:this.props.rootRef},this.props.title&&u.default.createElement("div",{className:"section__header"},u.default.createElement("div",null,u.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),u.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}l.UISection=m},"./src/components/UISection/UISections.tsx":function(P,l,r){"use strict";var b=Object.defineProperty,u=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,a=(f,e,t)=>e in f?b(f,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):f[e]=t,p=(f,e)=>{for(var t in e||(e={}))c.call(e,t)&&a(f,t,e[t]);if(u)for(var t of u(e))m.call(e,t)&&a(f,t,e[t]);return f},h=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISections=l.ANIMATION_TIME=void 0;const S=h(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),z=r("./src/components/UISection/UISection.tsx"),O=r("./src/components/UISection/UISplitter.tsx");r("./src/components/UISection/UISections.scss"),l.ANIMATION_TIME=300;const v="sections--animated";class E extends S.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=S.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 n=0;if(t.forEach((_,d)=>{if(typeof _=="object"&&_.size===void 0){const y=this.getSectionPosition(_);_.size=Math.abs(this.rootSize-y.end-y.start)}d!==o&&(n+=(typeof _=="object"?_.size:_)||0)}),n=e-n,typeof t[0]!="object"){s=[];let _=0;t.forEach((d,y)=>{d=o!==y?d:n,s.push({percentage:!1,size:d,start:_}),_+=d||0})}const i=s[o];return i&&(i.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,o;let n=t.animate,i,_=0;if(Array.isArray(e.animation)){i=E.getVisibleSections(e.children);let d;for(let y=0;y<e.animation.length;y++)(i==null?void 0:i.includes(y))!==((s=t.visibleSections)==null?void 0:s.includes(y))&&(d=d||e.animation[y]);d!==void 0&&(n=d)}else n=e.animation;return(o=e.sizes)==null||o.forEach((d,y)=>{d===void 0&&(_=y)}),{animate:n,visibleSections:i,dynamicSection:_}}validateStateMinSizes(e){var t,s;let o=0,n=!1;const i=[];for(let y=0;y<this.props.children.length;y++){const I=e[y].size||0,g=this.getMinSectionSize(y);g>I&&(n=!0),o+=g,i.push({size:I,minSize:g,spareSize:I-g})}const _=this.getRootSize();if(n&&_>=o){const y=this.calculateSectionSizes(i);for(let I=0;I<e.length;I++)e[I]=y[I]}const d=_<o;d!==this.isFullScreen&&(this.isFullScreen=d,(s=(t=this.props).onToggleFullscreen)==null||s.call(t,d))}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)=>{E.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(v);for(let s=0;s<e.childNodes.length;s++){const o=this.getMinSectionSize(s),n=this.getMinSectionSize(s===0?1:0),i=e.children[s],_=Math.max(o,e[this.domSizeProperty]-n);t.push({size:i[this.domSizeProperty],dom:i,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 n=this.getMinSectionSize(o),i=t[o];let _=i.size+(o===0?e:-e);if(n===i.maxSize)continue;_<n?(e=this.correctBoundaryPosition(e,n,_,o===0),_=n):_>i.maxSize&&(e=this.correctBoundaryPosition(e,i.maxSize,_,o===0),_=i.maxSize);const d={percentage:!1},y=t[o+1],I=y?y.size-e:0;o>0?(d.size=_,d.start=s,i.dom.style[this.startPositionProperty]=s+"px"):(d.start=0,i.dom.style[this.startPositionProperty]="0px"),d.end=I,i.dom.style[this.endPositionProperty]=I+"px",i.section=d,s+=_}return!1}correctBoundaryPosition(e,t,s,o){const n=t-s;return e+(o?n:-n)}onSplitterResizeEnd(){var e,t;const s=this.rootRef.current;s&&this.isAnimationEnabled()&&s.classList.add(v);const o=this.resizeSections.map(n=>n.section);o.some(n=>n.end!==void 0||n.start!==void 0||n.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&&E.isSectionVisible(e)).length}getSizePercents(e,t,s=!1){const{sizes:o=[],sizesAsPercents:n}=this.props;let i=o[e];if(i===void 0&&e===this.state.dynamicSection){let _=100;o.every(d=>{d&&(_-=d)}),i=_}return i&&n?s?100-i:i: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){const t={visible:!0,style:{}},s=this.getVisibleChildrenCount(),o=this.state.sizes&&this.state.sizes[e];if(s===this.props.children.length&&o)t.style=p(p({},o.start!==void 0&&{[this.startPositionProperty]:o.start+"px"}),o.end!==void 0&&{[this.endPositionProperty]:o.end+"px"}),o.size!==void 0&&(o.start===void 0||o.end===void 0)&&(t.style[this.sizeProperty]=o.size+"px");else{const n=this.getSectionSize(e,s);if(n)t.style=p(p({},t.style),n);else{const i=this.getSizePercents(e,s,!0);t.style={[this.startPositionProperty]:this.getPositionStyleValue(s,`${e*i}%`),[this.endPositionProperty]:this.getPositionStyleValue(s,`${(s-(e+1))*i}%`)}}}return t}getHiddenSectionStyle(e){const t={visible:!1};let s=this.state.sizes&&this.state.sizes[e];!s&&this.props.splitterType===O.UISplitterType.Toggle&&this.props.sizes&&this.props.sizes[e]&&(s={size:this.props.sizes[e],percentage:!1});let o,n=0;if(s)o="px",s.size?n=s.size:(s==null?void 0:s.start)!==void 0&&(s==null?void 0:s.end)!==void 0&&(n=this.getRootSize()-s.end-s.start);else{const _=this.props.children.length,d=this.getSectionSize(e,_);d&&d.width?(n=parseFloat(d.width.toString()),o="px"):(n=this.getSizePercents(e,_),o="%")}const i=-n+o;return t.style={[this.endPositionProperty]:e===0?"100%":i,[this.startPositionProperty]:e===0?i:"100%"},t}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=` ${v}`;return t+=`${this.isAnimationEnabled()?s:""}`,t+=`${e?" sections--full":""}`,t}getSection(e,t){const s=this.props.children[e],o=E.isSectionVisible(s)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!o)return;const n=this.props.splitterType||O.UISplitterType.Resize,i=this.props.splitterLayoutType||O.UISplitterLayoutType.Standard;let _=this.props.splitter&&e>0;const d=this.getVisibleChildrenCount()===1;return d&&!this.isAnimationEnabled()&&(_=!1),S.default.createElement("div",{key:e,className:`sections__item${_?" sections__item--"+n:""}${o.visible?"":" sections__item--hidden"}`,style:o.style},_&&s&&S.default.createElement(O.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||d,type:n,title:this.props.splitterTitle,splitterLayoutType:i}),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 n of t)if(n!==e){if(n.spareSize>0){const i=Math.min(n.spareSize,o);s+=i,n.spareSize-=i,n.size-=i,o-=i}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},n=e[s],i=e[s+1],_=i?i.size:0;s>0?(o.size=n.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=[];let t=0;for(let s=0;s<this.props.children.length;s++){const o=this.props.children[s],n=!E.isSectionVisible(o);n||t++;const i=this.getSection(s,n);i&&e.push(i)}return S.default.createElement("div",{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:p({},this.props.height&&{height:this.props.height})},e)}}l.UISections=E,E.Section=z.UISection},"./src/components/UISection/UISplitter.tsx":function(P,l,r){"use strict";var b=Object.defineProperty,u=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,a=(e,t,s)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,p=(e,t)=>{for(var s in t||(t={}))c.call(t,s)&&a(e,s,t[s]);if(u)for(var s of u(t))m.call(t,s)&&a(e,s,t[s]);return e},h=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISplitter=l.UISplitterLayoutType=l.UISplitterType=void 0;const S=h(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));r("./src/components/UISection/UISplitter.scss");const z=r("./src/components/Icons.tsx"),O=r("./src/components/UIIcon/index.tsx");var v;(function(e){e.Resize="resize",e.Toggle="toggle"})(v=l.UISplitterType||(l.UISplitterType={}));var E;(function(e){e.Standard="standard",e.Compact="compact"})(E=l.UISplitterLayoutType||(l.UISplitterLayoutType={}));class f extends S.default.Component{constructor(t){super(t),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=S.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 ${t.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(t){this.mousedownPosition.x=t.clientX,this.mousedownPosition.y=t.clientY,this.updateSplitterEvents(!0),t.stopPropagation()}doMousemoveResize(t){const s=this.props.vertical?"clientY":"clientX",o=this.props.vertical?"y":"x",n=t[s]-this.mousedownPosition[o];this.doResize(n)}doResize(t){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(t)){const o=this.rootRef.current;o&&(o.style[s]=`${t-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(t){t?(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)),t&&this.props.onResizeStart?this.props.onResizeStart():!t&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(t,s=E.Standard){return t===v.Toggle?z.UiIcons.ArrowLeft:s===E.Compact?z.UiIcons.Grabber:z.UiIcons.VerticalGrip}onKeyDown(t){if(this.props.type===v.Resize){let o=0;if(["ArrowLeft","ArrowUp"].includes(t.key)?o=-10:["ArrowRight","ArrowDown"].includes(t.key)&&(o=10),o===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(o),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===v.Toggle&&t.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:t,vertical:s,hidden:o,splitterLayoutType:n}=this.props;let i=`splitter splitter--${t}`;return i+=` ${s?"splitter--vertical":"splitter--horizontal"}`,o&&t===v.Resize&&(i+=" splitter--hidden"),i+=` ${n===E.Standard?"splitter--standard":"splitter--compact"}`,i}render(){const{type:t,vertical:s,hidden:o,title:n,splitterLayoutType:i}=this.props,_=i===E.Standard?this.size:this.compactSize,d=t===v.Toggle?-_:-_/2,y=t===v.Toggle?"button":"separator",I=s?"horizontal":"vertical";let g;return t===v.Toggle&&(g=!o),S.default.createElement("div",{ref:this.rootRef,role:y,"aria-orientation":I,"aria-pressed":g,title:n,tabIndex:t===v.Toggle?0:-1,onKeyDown:this.onKeyDown.bind(this),style:p(p({},s&&{height:_,top:d}),!s&&{width:_,left:d}),onMouseDown:t===v.Resize?T=>this.startSplitterMove(T):void 0,onClick:t===v.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},S.default.createElement("div",{className:"splitter__grip"},S.default.createElement(O.UIIcon,{iconName:this.getIcon(t,i)})))}}l.UISplitter=f},"./src/components/UISection/index.tsx":function(P,l,r){"use strict";var b=this&&this.__createBinding||(Object.create?function(c,m,a,p){p===void 0&&(p=a);var h=Object.getOwnPropertyDescriptor(m,a);(!h||("get"in h?!m.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return m[a]}}),Object.defineProperty(c,p,h)}:function(c,m,a,p){p===void 0&&(p=a),c[p]=m[a]}),u=this&&this.__exportStar||function(c,m){for(var a in c)a!=="default"&&!Object.prototype.hasOwnProperty.call(m,a)&&b(m,c,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(r("./src/components/UISection/UISections.tsx"),l),u(r("./src/components/UISection/UISection.tsx"),l),u(r("./src/components/UISection/UISplitter.tsx"),l)},"./src/components/UIToggle/UIToggle.tsx":function(P,l,r){"use strict";var b=Object.defineProperty,u=Object.defineProperties,c=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,h=(i,_,d)=>_ in i?b(i,_,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[_]=d,S=(i,_)=>{for(var d in _||(_={}))a.call(_,d)&&h(i,d,_[d]);if(m)for(var d of m(_))p.call(_,d)&&h(i,d,_[d]);return i},z=(i,_)=>u(i,c(_)),O=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(l,"__esModule",{value:!0}),l.UIToggle=l.UIToggleSize=void 0;const v=O(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),f=r("./src/helper/ValidationMessage/index.tsx");var e;(function(i){i.Standard="Standard",i.Small="Small"})(e=l.UIToggleSize||(l.UIToggleSize={}));const t=new Map([[e.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),s=.4,o={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 n extends v.default.Component{constructor(_){super(_)}getMarginBottom(_){const{inlineLabel:d}=this.props;if(_)return d?0:4}render(){const{inlineLabelLeft:_,labelFlexGrow:d,size:y,inlineLabel:I}=this.props,g=t.get(y||e.Standard),T=(0,f.getMessageInfo)(this.props),j=A=>({root:z(S({},d&&{flexGrow:1}),{margin:g==null?void 0:g.margin,marginBottom:this.getMarginBottom(T.message)}),label:z(S(S(S({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:g==null?void 0:g.label.fontSize,padding:g==null?void 0:g.label.padding},I&&{marginLeft:10}),_&&{order:0,marginLeft:0,marginRight:10}),d&&{flexGrow:1}),{opacity:this.props.disabled?s:"inherit"}),pill:z(S({height:g==null?void 0:g.height,width:g==null?void 0:g.width,padding:g==null?void 0:g.padding,background:o.pill.checked.background,borderColor:o.pill.borderColor,borderStyle:"solid",":hover":{background:o.pill.checked.hover.background,borderColor:o.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:o.thumb.background},":disabled":{background:o.pill.checked.background,borderColor:o.pill.borderColor,opacity:s}},!A.checked&&{background:o.pill.unchecked.background,borderStyle:"dashed",":hover":{background:o.pill.unchecked.hover.background,borderColor:o.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:o.thumb.background},":disabled":{background:o.pill.unchecked.background,borderColor:o.pill.borderColor,opacity:s}}),{selectors:{":focus::after":{border:"none !important",outline:o.pill.focus.outline}}}),thumb:{height:g==null?void 0:g.circle.height,width:g==null?void 0:g.circle.width,borderWidth:g==null?void 0:g.circle.borderWidth,background:o.thumb.background,":hover":{backgroundColor:o.thumb.background}}}),M=v.default.createElement(E.Toggle,z(S({},this.props),{styles:j}));return T.message?v.default.createElement(f.MessageWrapper,{message:T},M):M}}l.UIToggle=n},"./src/components/UIToggle/index.tsx":function(P,l,r){"use strict";var b=this&&this.__createBinding||(Object.create?function(c,m,a,p){p===void 0&&(p=a);var h=Object.getOwnPropertyDescriptor(m,a);(!h||("get"in h?!m.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return m[a]}}),Object.defineProperty(c,p,h)}:function(c,m,a,p){p===void 0&&(p=a),c[p]=m[a]}),u=this&&this.__exportStar||function(c,m){for(var a in c)a!=="default"&&!Object.prototype.hasOwnProperty.call(m,a)&&b(m,c,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(r("./src/components/UIToggle/UIToggle.tsx"),l)},"./src/components/UISection/UISection.scss":(P,l,r)=>{"use strict";r.r(l),r.d(l,{default:()=>n});var b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=r.n(b),c=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=r.n(c),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=r.n(a),h=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=r.n(h),z=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=r.n(z),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=r.n(v),f=r("../../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"),e=r.n(f),t={};for(const i in f)i!=="default"&&(t[i]=()=>f[i]);r.d(l,t);var s={};s.styleTagTransform=E(),s.setAttributes=S(),s.insert=p().bind(null,"head"),s.domAPI=m(),s.insertStyleElement=O();var o=u()(e(),s);const n=e()&&e().locals?e().locals:void 0},"./src/components/UISection/UISections.scss":(P,l,r)=>{"use strict";r.r(l),r.d(l,{default:()=>n});var b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=r.n(b),c=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=r.n(c),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=r.n(a),h=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=r.n(h),z=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=r.n(z),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=r.n(v),f=r("../../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"),e=r.n(f),t={};for(const i in f)i!=="default"&&(t[i]=()=>f[i]);r.d(l,t);var s={};s.styleTagTransform=E(),s.setAttributes=S(),s.insert=p().bind(null,"head"),s.domAPI=m(),s.insertStyleElement=O();var o=u()(e(),s);const n=e()&&e().locals?e().locals:void 0},"./src/components/UISection/UISplitter.scss":(P,l,r)=>{"use strict";r.r(l),r.d(l,{default:()=>n});var b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=r.n(b),c=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=r.n(c),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=r.n(a),h=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=r.n(h),z=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=r.n(z),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=r.n(v),f=r("../../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"),e=r.n(f),t={};for(const i in f)i!=="default"&&(t[i]=()=>f[i]);r.d(l,t);var s={};s.styleTagTransform=E(),s.setAttributes=S(),s.insert=p().bind(null,"head"),s.domAPI=m(),s.insertStyleElement=O();var o=u()(e(),s);const n=e()&&e().locals?e().locals:void 0}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[577],{"../../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/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,'.ts-ContextualMenu-callout{box-shadow:none;background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:0}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:0;background:var(--vscode-menu-background, var(--vscode-input-background));transform:translateZ(0)}.ts-ContextualMenu{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu .ms-ContextualMenu-item>div,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{min-height:22px;height:auto}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{font-size:13px;color:var(--vscode-editorSuggestWidget-foreground);padding:0px 8px;padding-right:3px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-disabled,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-disabled{opacity:.2}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button{padding-right:0;width:calc(100% - 22px)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button+span{display:none}.ts-ContextualMenu .ms-ContextualMenu-item .ms-ContextualMenu-splitMenu{padding:0;width:22px;min-width:22px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header{padding:0px 8px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-linkContent,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{height:22px;line-height:22px}.ts-ContextualMenu .ms-ContextualMenu-itemText{margin:0}.ts-ContextualMenu .ms-ContextualMenu-icon{display:flex;width:12px;height:12px;margin:0 6px 0 0}.ts-ContextualMenu .ms-ContextualMenu-icon svg{width:100%;height:100%}.ts-ContextualMenu .ms-ContextualMenu-divider{background-color:var(--vscode-editorWidget-border)}',""]),g.exports=l},"../../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/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,".ts-Menu-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-highlightForeground);font-weight:bold}.ts-ComboBox--selected .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}",""]),g.exports=l},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(g,t,e){"use strict";var M=Object.defineProperty,d=Object.defineProperties,l=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,a=(o,n,m)=>n in o?M(o,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):o[n]=m,c=(o,n)=>{for(var m in n||(n={}))s.call(n,m)&&a(o,m,n[m]);if(u)for(var m of u(n))_.call(n,m)&&a(o,m,n[m]);return o},f=(o,n)=>d(o,l(n)),C=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const r=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIContextualMenuItemType",{enumerable:!0,get:function(){return p.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return p.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return p.IContextualMenuItem}});var x=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"IContextualMenuItem",{enumerable:!0,get:function(){return x.IContextualMenuItem}});const v=e("./src/components/Icons.tsx");e("./src/components/UIContextualMenu/UIContextualMenu.scss");const y={iconName:v.UiIcons.ArrowDown};function i(){return{root:{minWidth:190,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=i;function I(){return{checkmarkIcon:{color:"var(--vscode-foreground)",maxHeight:18,fontSize:16,lineHeight:18,margin:0},icon:{marginLeft:0,marginRight:6},label:{fontFamily:"var(--vscode-font-family)",lineHeight:18,height:18},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=I;function b(o){return{root:{animationFillMode:"none",transform:"rotate(0.0001deg)",maxWidth:o}}}t.getUIcontextualMenuCalloutStyles=b;function h(o){return o.map(n=>(n.itemProps||(n.itemProps={}),n.itemProps.styles?n.itemProps.styles=c(c({},I()),n.itemProps.styles):n.itemProps.styles=I(),n.submenuIconProps||(n.submenuIconProps=y),n!=null&&n.iconProps&&(n.onRenderContent=(m,E)=>r.default.createElement(r.default.Fragment,null,E.renderItemName(m),E.renderItemIcon(m))),n))}const P=o=>{const n=o.className?` ${o.className}`:"";return r.default.createElement(p.ContextualMenu,f(c({},o),{className:`ts-ContextualMenu${n}`,items:h(o.items),isBeakVisible:!1,calloutProps:c({className:"ts-ContextualMenu-callout",styles:b(o.maxWidth)},o.calloutProps),styles:c(c({},i()),o.styles),onRenderSubMenu:m=>m?r.default.createElement(t.UIContextualMenu,c({},m)):null}))};t.UIContextualMenu=P},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(g,t,e){"use strict";var M=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const d=M(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class l extends d.default.Component{render(){let s=this.props.text,_=this.props.query;const a=[];if(s&&_){s=s.toString(),_=_.toLowerCase();const c=s.toLowerCase(),f=_.length;let C=0,r=c.indexOf(_);const p=x=>x?a.push(x):null;for(;r!==-1;)p(d.default.createElement("span",{key:"text-"+C},s.substring(C,r))),p(d.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+r},s.substr(r,f))),C=r+f,r=c.indexOf(_,r+f),r===-1&&p(d.default.createElement("span",{key:"text-"+C},s.substring(C,c.length)))}return a.length===0&&a.push(s),d.default.createElement("div",{className:"ts-Menu-option"},a)}}t.UIHighlightMenuOption=l},"./src/components/UIContextualMenu/index.tsx":function(g,t,e){"use strict";var M=this&&this.__createBinding||(Object.create?function(l,u,s,_){_===void 0&&(_=s);var a=Object.getOwnPropertyDescriptor(u,s);(!a||("get"in a?!u.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return u[s]}}),Object.defineProperty(l,_,a)}:function(l,u,s,_){_===void 0&&(_=s),l[_]=u[s]}),d=this&&this.__exportStar||function(l,u){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(u,s)&&M(u,l,s)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),d(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)},"./src/components/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=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/UIContextualMenu/UIContextualMenu.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=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/UIContextualMenu/UIHighlightMenuOption.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0}}]);})();
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[307],{"../../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/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,'.ts-ContextualMenu-callout{box-shadow:none;background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:0}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:0;background:var(--vscode-menu-background, var(--vscode-input-background));transform:translateZ(0)}.ts-ContextualMenu{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu .ms-ContextualMenu-item>div,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{min-height:22px;height:auto}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{font-size:13px;color:var(--vscode-editorSuggestWidget-foreground);padding:0px 8px;padding-right:3px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-disabled,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-disabled{opacity:.2}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button{padding-right:0;width:calc(100% - 22px)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button+span{display:none}.ts-ContextualMenu .ms-ContextualMenu-item .ms-ContextualMenu-splitMenu{padding:0;width:22px;min-width:22px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header{padding:0px 8px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-linkContent,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{height:22px;line-height:22px}.ts-ContextualMenu .ms-ContextualMenu-itemText{margin:0}.ts-ContextualMenu .ms-ContextualMenu-icon{display:flex;width:12px;height:12px;margin:0 6px 0 0}.ts-ContextualMenu .ms-ContextualMenu-icon svg{width:100%;height:100%}.ts-ContextualMenu .ms-ContextualMenu-divider{background-color:var(--vscode-editorWidget-border)}',""]),g.exports=l},"../../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/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,".ts-Menu-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-highlightForeground);font-weight:bold}.ts-ComboBox--selected .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}",""]),g.exports=l},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(g,t,e){"use strict";var M=Object.defineProperty,d=Object.defineProperties,l=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,a=(o,n,m)=>n in o?M(o,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):o[n]=m,c=(o,n)=>{for(var m in n||(n={}))s.call(n,m)&&a(o,m,n[m]);if(u)for(var m of u(n))_.call(n,m)&&a(o,m,n[m]);return o},f=(o,n)=>d(o,l(n)),C=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const r=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIContextualMenuItemType",{enumerable:!0,get:function(){return p.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return p.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return p.IContextualMenuItem}});var x=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"IContextualMenuItem",{enumerable:!0,get:function(){return x.IContextualMenuItem}});const v=e("./src/components/Icons.tsx");e("./src/components/UIContextualMenu/UIContextualMenu.scss");const y={iconName:v.UiIcons.ArrowDown};function i(){return{root:{minWidth:190,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=i;function I(){return{checkmarkIcon:{color:"var(--vscode-foreground)",maxHeight:18,fontSize:16,lineHeight:18,margin:0},icon:{marginLeft:0,marginRight:6},label:{fontFamily:"var(--vscode-font-family)",lineHeight:18,height:18},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=I;function b(o){return{root:{animationFillMode:"none",transform:"rotate(0.0001deg)",maxWidth:o}}}t.getUIcontextualMenuCalloutStyles=b;function h(o){return o.map(n=>(n.itemProps||(n.itemProps={}),n.itemProps.styles?n.itemProps.styles=c(c({},I()),n.itemProps.styles):n.itemProps.styles=I(),n.submenuIconProps||(n.submenuIconProps=y),n!=null&&n.iconProps&&(n.onRenderContent=(m,E)=>r.default.createElement(r.default.Fragment,null,E.renderItemName(m),E.renderItemIcon(m))),n))}const P=o=>{const n=o.className?` ${o.className}`:"";return r.default.createElement(p.ContextualMenu,f(c({},o),{className:`ts-ContextualMenu${n}`,items:h(o.items),isBeakVisible:!1,calloutProps:c({className:"ts-ContextualMenu-callout",styles:b(o.maxWidth)},o.calloutProps),styles:c(c({},i()),o.styles),onRenderSubMenu:m=>m?r.default.createElement(t.UIContextualMenu,c({},m)):null}))};t.UIContextualMenu=P},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(g,t,e){"use strict";var M=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const d=M(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class l extends d.default.Component{render(){let s=this.props.text,_=this.props.query;const a=[];if(s&&_){s=s.toString(),_=_.toLowerCase();const c=s.toLowerCase(),f=_.length;let C=0,r=c.indexOf(_);const p=x=>x?a.push(x):null;for(;r!==-1;)p(d.default.createElement("span",{key:"text-"+C},s.substring(C,r))),p(d.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+r},s.substr(r,f))),C=r+f,r=c.indexOf(_,r+f),r===-1&&p(d.default.createElement("span",{key:"text-"+C},s.substring(C,c.length)))}return a.length===0&&a.push(s),d.default.createElement("div",{className:"ts-Menu-option"},a)}}t.UIHighlightMenuOption=l},"./src/components/UIContextualMenu/index.tsx":function(g,t,e){"use strict";var M=this&&this.__createBinding||(Object.create?function(l,u,s,_){_===void 0&&(_=s);var a=Object.getOwnPropertyDescriptor(u,s);(!a||("get"in a?!u.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return u[s]}}),Object.defineProperty(l,_,a)}:function(l,u,s,_){_===void 0&&(_=s),l[_]=u[s]}),d=this&&this.__exportStar||function(l,u){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(u,s)&&M(u,l,s)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),d(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)},"./src/components/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=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/UIContextualMenu/UIContextualMenu.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=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/UIContextualMenu/UIHighlightMenuOption.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[950],{"../../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/UIToggleGroup/UIToggleGroup.scss":(I,s,e)=>{var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=g(b);d.push([I.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),I.exports=d},"../../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/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(I,s,e)=>{var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=g(b);d.push([I.id,'.ui-toggle-group-option{height:22px;width:22px;border-radius:1px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),I.exports=d},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,_=(a,p,n)=>p in a?b(a,p,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[p]=n,i=(a,p)=>{for(var n in p||(p={}))d.call(p,n)&&_(a,n,p[n]);if(g)for(var n of g(p))l.call(p,n)&&_(a,n,p[n]);return a},c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const f=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class E extends f.default.Component{constructor(p){super(p)}render(){return f.default.createElement(y.FocusTrapZone,i({},this.props),this.props.children)}}s.UIFocusTrapZone=E},"./src/components/UIFocusZone/UIFocusZone.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,_=(a,p,n)=>p in a?b(a,p,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[p]=n,i=(a,p)=>{for(var n in p||(p={}))d.call(p,n)&&_(a,n,p[n]);if(g)for(var n of g(p))l.call(p,n)&&_(a,n,p[n]);return a},c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const f=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return y.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return y.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return y.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return y.FocusZoneTabbableElements}});class E extends f.default.Component{constructor(p){super(p)}render(){return f.default.createElement(y.FocusZone,i({},this.props),this.props.children)}}s.UIFocusZone=E},"./src/components/UIFocusZone/index.tsx":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),g(e("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(o,t,r)=>t in o?b(o,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[t]=r,f=(o,t)=>{for(var r in t||(t={}))_.call(t,r)&&c(o,r,t[r]);if(l)for(var r of l(t))i.call(t,r)&&c(o,r,t[r]);return o},y=(o,t)=>g(o,d(t)),E=this&&this.__createBinding||(Object.create?function(o,t,r,v){v===void 0&&(v=r);var P=Object.getOwnPropertyDescriptor(t,r);(!P||("get"in P?!t.__esModule:P.writable||P.configurable))&&(P={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(o,v,P)}:function(o,t,r,v){v===void 0&&(v=r),o[v]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}:function(o,t){o.default=t}),p=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var r in o)r!=="default"&&Object.prototype.hasOwnProperty.call(o,r)&&E(t,o,r);return a(t,o),t};Object.defineProperty(s,"__esModule",{value:!0}),s.UIToggleGroup=void 0;const n=p(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),j=e("./src/components/UILabel/index.tsx"),O=e("./src/components/UIFocusZone/index.tsx"),m=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class u extends n.Component{constructor(t){super(t),this.labelId=this.props.labelId?this.props.labelId:(0,m.getUIId)("ui-toggle-group-option-"),this.onClick=(r,v)=>{var P,D;let T=!1;v&&v.itemKey&&(this.setState({options:this.state.options.map((U,M,A)=>U.key===v.itemKey?(T=!A[M].selected,y(f({},U),{selected:T,focused:A[M].focused})):y(f({},U),{selected:!1,focused:!1}))}),this.props.onChange&&((D=(P=this.props).onChange)==null||D.call(P,v.itemKey,T)))},this.onFocus=(r,v)=>{v&&v.itemKey&&this.setState({options:this.state.options.map(P=>P.key===v.itemKey?y(f({},P),{focused:!0}):y(f({},P),{focused:!1}))})},this.onBlur=(r,v)=>{this.setState({options:this.state.options.map(P=>y(f({},P),{focused:!1}))})},this.state={options:this.props.options.map(r=>r.key===this.props.selectedKey?y(f({},r),{selected:!0}):f({},r))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(j.UILabel,y(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),n.createElement(O.UIFocusZone,{as:"div",direction:O.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(t=>n.createElement(h.UIToggleGroupOption,y(f({itemKey:t.key},t),{key:t.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:t.selected,disabled:t.disabled||this.props.disabled})))))}}s.UIToggleGroup=u},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(I,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(m,u,o)=>u in m?b(m,u,{enumerable:!0,configurable:!0,writable:!0,value:o}):m[u]=o,f=(m,u)=>{for(var o in u||(u={}))_.call(u,o)&&c(m,o,u[o]);if(l)for(var o of l(u))i.call(u,o)&&c(m,o,u[o]);return m},y=(m,u)=>g(m,d(u)),E=this&&this.__createBinding||(Object.create?function(m,u,o,t){t===void 0&&(t=o);var r=Object.getOwnPropertyDescriptor(u,o);(!r||("get"in r?!u.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return u[o]}}),Object.defineProperty(m,t,r)}:function(m,u,o,t){t===void 0&&(t=o),m[t]=u[o]}),a=this&&this.__setModuleDefault||(Object.create?function(m,u){Object.defineProperty(m,"default",{enumerable:!0,value:u})}:function(m,u){m.default=u}),p=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var u={};if(m!=null)for(var o in m)o!=="default"&&Object.prototype.hasOwnProperty.call(m,o)&&E(u,m,o);return a(u,m),u};Object.defineProperty(s,"__esModule",{value:!0}),s.UIToggleGroupOption=void 0;const n=p(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=e("./src/components/UIIcon/index.tsx"),j=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class O extends n.Component{constructor(u){super(u),this.onClick=o=>{var t,r;(r=(t=this.props).onClick)==null||r.call(t,o,this.props)},this.onBlur=o=>{var t,r;(r=(t=this.props).onBlur)==null||r.call(t,o,this.props)},this.onFocus=o=>{var t,r;(r=(t=this.props).onFocus)==null||r.call(t,o,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const u=this.props.labelId?this.props.labelId:(0,j.getUIId)("ui-toggle-group-option-");return n.createElement("button",y(f(y(f({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(o=>!!o).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":u}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),n.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&n.createElement("span",f({id:u,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(h.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}s.UIToggleGroupOption=O},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(I,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),s),g(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),s)},"./src/components/UIToggleGroup/index.ts":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),s),g(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),s)},"./src/components/UIToggleGroup/UIToggleGroup.scss":(I,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>u});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),g=e.n(b),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=e.n(_),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(y),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(a),n=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/UIToggleGroup/UIToggleGroup.scss"),h=e.n(n),j={};for(const o in n)o!=="default"&&(j[o]=()=>n[o]);e.d(s,j);var O={};O.styleTagTransform=p(),O.setAttributes=f(),O.insert=i().bind(null,"head"),O.domAPI=l(),O.insertStyleElement=E();var m=g()(h(),O);const u=h()&&h().locals?h().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(I,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>u});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),g=e.n(b),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=e.n(_),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(y),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(a),n=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/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),h=e.n(n),j={};for(const o in n)o!=="default"&&(j[o]=()=>n[o]);e.d(s,j);var O={};O.styleTagTransform=p(),O.setAttributes=f(),O.insert=i().bind(null,"head"),O.domAPI=l(),O.insertStyleElement=E();var m=g()(h(),O);const u=h()&&h().locals?h().locals:void 0}}]);})();
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[308],{"../../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/UIToggleGroup/UIToggleGroup.scss":(I,s,e)=>{var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=g(b);d.push([I.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),I.exports=d},"../../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/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(I,s,e)=>{var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=g(b);d.push([I.id,'.ui-toggle-group-option{height:22px;width:22px;border-radius:1px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),I.exports=d},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,_=(a,p,n)=>p in a?b(a,p,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[p]=n,i=(a,p)=>{for(var n in p||(p={}))d.call(p,n)&&_(a,n,p[n]);if(g)for(var n of g(p))l.call(p,n)&&_(a,n,p[n]);return a},c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const f=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class E extends f.default.Component{constructor(p){super(p)}render(){return f.default.createElement(y.FocusTrapZone,i({},this.props),this.props.children)}}s.UIFocusTrapZone=E},"./src/components/UIFocusZone/UIFocusZone.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,_=(a,p,n)=>p in a?b(a,p,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[p]=n,i=(a,p)=>{for(var n in p||(p={}))d.call(p,n)&&_(a,n,p[n]);if(g)for(var n of g(p))l.call(p,n)&&_(a,n,p[n]);return a},c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const f=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return y.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return y.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return y.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return y.FocusZoneTabbableElements}});class E extends f.default.Component{constructor(p){super(p)}render(){return f.default.createElement(y.FocusZone,i({},this.props),this.props.children)}}s.UIFocusZone=E},"./src/components/UIFocusZone/index.tsx":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),g(e("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(o,t,r)=>t in o?b(o,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[t]=r,f=(o,t)=>{for(var r in t||(t={}))_.call(t,r)&&c(o,r,t[r]);if(l)for(var r of l(t))i.call(t,r)&&c(o,r,t[r]);return o},y=(o,t)=>g(o,d(t)),E=this&&this.__createBinding||(Object.create?function(o,t,r,v){v===void 0&&(v=r);var P=Object.getOwnPropertyDescriptor(t,r);(!P||("get"in P?!t.__esModule:P.writable||P.configurable))&&(P={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(o,v,P)}:function(o,t,r,v){v===void 0&&(v=r),o[v]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}:function(o,t){o.default=t}),p=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var r in o)r!=="default"&&Object.prototype.hasOwnProperty.call(o,r)&&E(t,o,r);return a(t,o),t};Object.defineProperty(s,"__esModule",{value:!0}),s.UIToggleGroup=void 0;const n=p(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),j=e("./src/components/UILabel/index.tsx"),O=e("./src/components/UIFocusZone/index.tsx"),m=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class u extends n.Component{constructor(t){super(t),this.labelId=this.props.labelId?this.props.labelId:(0,m.getUIId)("ui-toggle-group-option-"),this.onClick=(r,v)=>{var P,D;let T=!1;v&&v.itemKey&&(this.setState({options:this.state.options.map((U,M,A)=>U.key===v.itemKey?(T=!A[M].selected,y(f({},U),{selected:T,focused:A[M].focused})):y(f({},U),{selected:!1,focused:!1}))}),this.props.onChange&&((D=(P=this.props).onChange)==null||D.call(P,v.itemKey,T)))},this.onFocus=(r,v)=>{v&&v.itemKey&&this.setState({options:this.state.options.map(P=>P.key===v.itemKey?y(f({},P),{focused:!0}):y(f({},P),{focused:!1}))})},this.onBlur=(r,v)=>{this.setState({options:this.state.options.map(P=>y(f({},P),{focused:!1}))})},this.state={options:this.props.options.map(r=>r.key===this.props.selectedKey?y(f({},r),{selected:!0}):f({},r))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(j.UILabel,y(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),n.createElement(O.UIFocusZone,{as:"div",direction:O.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(t=>n.createElement(h.UIToggleGroupOption,y(f({itemKey:t.key},t),{key:t.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:t.selected,disabled:t.disabled||this.props.disabled})))))}}s.UIToggleGroup=u},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(I,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(m,u,o)=>u in m?b(m,u,{enumerable:!0,configurable:!0,writable:!0,value:o}):m[u]=o,f=(m,u)=>{for(var o in u||(u={}))_.call(u,o)&&c(m,o,u[o]);if(l)for(var o of l(u))i.call(u,o)&&c(m,o,u[o]);return m},y=(m,u)=>g(m,d(u)),E=this&&this.__createBinding||(Object.create?function(m,u,o,t){t===void 0&&(t=o);var r=Object.getOwnPropertyDescriptor(u,o);(!r||("get"in r?!u.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return u[o]}}),Object.defineProperty(m,t,r)}:function(m,u,o,t){t===void 0&&(t=o),m[t]=u[o]}),a=this&&this.__setModuleDefault||(Object.create?function(m,u){Object.defineProperty(m,"default",{enumerable:!0,value:u})}:function(m,u){m.default=u}),p=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var u={};if(m!=null)for(var o in m)o!=="default"&&Object.prototype.hasOwnProperty.call(m,o)&&E(u,m,o);return a(u,m),u};Object.defineProperty(s,"__esModule",{value:!0}),s.UIToggleGroupOption=void 0;const n=p(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=e("./src/components/UIIcon/index.tsx"),j=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class O extends n.Component{constructor(u){super(u),this.onClick=o=>{var t,r;(r=(t=this.props).onClick)==null||r.call(t,o,this.props)},this.onBlur=o=>{var t,r;(r=(t=this.props).onBlur)==null||r.call(t,o,this.props)},this.onFocus=o=>{var t,r;(r=(t=this.props).onFocus)==null||r.call(t,o,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const u=this.props.labelId?this.props.labelId:(0,j.getUIId)("ui-toggle-group-option-");return n.createElement("button",y(f(y(f({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(o=>!!o).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":u}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),n.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&n.createElement("span",f({id:u,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(h.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}s.UIToggleGroupOption=O},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(I,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),s),g(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),s)},"./src/components/UIToggleGroup/index.ts":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),s),g(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),s)},"./src/components/UIToggleGroup/UIToggleGroup.scss":(I,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>u});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),g=e.n(b),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=e.n(_),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(y),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(a),n=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/UIToggleGroup/UIToggleGroup.scss"),h=e.n(n),j={};for(const o in n)o!=="default"&&(j[o]=()=>n[o]);e.d(s,j);var O={};O.styleTagTransform=p(),O.setAttributes=f(),O.insert=i().bind(null,"head"),O.domAPI=l(),O.insertStyleElement=E();var m=g()(h(),O);const u=h()&&h().locals?h().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(I,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>u});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),g=e.n(b),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=e.n(_),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(y),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(a),n=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/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),h=e.n(n),j={};for(const o in n)o!=="default"&&(j[o]=()=>n[o]);e.d(s,j);var O={};O.styleTagTransform=p(),O.setAttributes=f(),O.insert=i().bind(null,"head"),O.domAPI=l(),O.insertStyleElement=E();var m=g()(h(),O);const u=h()&&h().locals?h().locals:void 0}}]);})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[405],{"../../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/UITreeDropdown/UITreeDropdown.scss":(M,u,n)=>{var w=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),v=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=v(w);c.push([M.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),M.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(M,u,n){"use strict";var w=Object.defineProperty,v=Object.defineProperties,c=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,m=(l,i,e)=>i in l?w(l,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[i]=e,E=(l,i)=>{for(var e in i||(i={}))d.call(i,e)&&m(l,e,i[e]);if(p)for(var e of p(i))h.call(i,e)&&m(l,e,i[e]);return l},C=(l,i)=>v(l,c(i)),R=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(u,"__esModule",{value:!0}),u.UITreeDropdown=u.EdgePosition=u.UIDirectionalHint=void 0;const _=R(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),U=R(n("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),g=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(u,"UIDirectionalHint",{enumerable:!0,get:function(){return g.DirectionalHint}});const P=n("./src/components/UIInput/index.tsx"),S=n("./src/components/UIContextualMenu/index.tsx"),y=n("./src/components/UIButton/UIIconButton.tsx"),j=n("./src/components/Icons.tsx"),x=n("./src/helper/ValidationMessage/index.tsx");n("./src/components/UITreeDropdown/UITreeDropdown.scss");const f={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var T;(function(l){l.First="First",l.Last="Last"})(T=u.EdgePosition||(u.EdgePosition={}));const O={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class K extends _.default.Component{constructor(i){super(i),this.UITreeDropdownRef=_.default.createRef(),this.UITreeDropdownFocusZoneRef=_.default.createRef(),this.inputRef=_.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const t=this.mapValuesToContextMenu(e);this.setState({originalItems:t,items:t})}},this.buildSubItems=e=>(e.children&&e.children.length&&(e.children=e.children.map(t=>{const s=new RegExp(e.value,"ig"),o=t.value.search(s)===-1?`${e.value}${this.state.valueSeparator}${t.value}`:t.value;return C(E({},t),{split:!1,value:o})})),e),this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{if(s.children&&s.children.length){s.split=!0;const o=this.getRefId(s.value,t);this.submenuRefs[o]||(this.submenuRefs[o]=_.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[o],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:g.FocusZoneTabbableElements.none,onFocus:()=>{var a,r,b,I;const D=(a=this.defaultSubmenuFocus)==null?void 0:a.parent;D&&D.item.value===s.value&&D.level===t&&this.focusItemWithValue(this.state.value,(I=(b=(r=this.defaultSubmenuFocus)==null?void 0:r.parent)==null?void 0:b.item.subMenuProps)==null?void 0:I.items)}}}}return C(E({},s),{key:s.value,text:s.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(s.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.setState({hasSelected:!0,value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,t)=>{var s;this.UITreeDropdownFocusZoneRef&&(t===O.Enter?this.focusItemWithValue(this.state.value,this.state.items):(s=this.UITreeDropdownFocusZoneRef.current)==null||s.focus(!0),e.preventDefault())},this.handleRenderContent=(e,t)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),t?t.renderItemName(e):null),this.handleRenderMenuList=(e,t)=>{let s=[];return e!=null&&e.items&&(s=e.items.map(o=>{var a;return o.className=o.value===this.props.value?"is-selected":"",o.text=this.highlightQuery(o.label,this.state.query),this.applySubmenuPosition(o),(a=o.subMenuProps)==null||a.items.map(r=>(r.className=r.value===this.props.value?"is-selected":"",r)),E({},o)})),t?t(C(E({},e),{items:s})):null},this.toggleMenu=(e,t)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const s=t==null?void 0:t.key;t&&setTimeout(()=>{t.persist(),this.focusDropdown(t,s)},0)},this.highlightQuery=(e,t)=>_.default.createElement(S.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var s;const o=new RegExp(e,"ig");return(s=t==null?void 0:t.children)!=null&&s.length?t.children.filter(a=>this.filterElement(e,a)).length>0:t!=null&&t.value?t.value.search(o)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target,s=this.state.originalItems.filter(o=>this.filterElement(t.value,o));this.setState({hasSelected:!1,value:t.value,items:s,query:t.value,valueChanged:!0}),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===O.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState({items:this.state.originalItems,query:""}),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var t;(t=e.subMenuProps)!=null&&t.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const t=`${f.callout}${this.state.uiidInput}`,s=document.querySelector(`.${t}`);return e&&s?s.nextSibling:s},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const t=e.querySelector(`.${f.scrollArea}`);this.submenuOffset=0,t&&t.scrollHeight>t.clientHeight&&(this.submenuOffset=t.offsetWidth-t.clientWidth)}},this.onFocusElementChanged=e=>{const t=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&t.length>0&&this.setState({value:e.value?e.value:t[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var t;this.lastKeyDown=e.key;const s=document.activeElement;if([O.ArrowDown,O.ArrowUp].includes(e.key)&&s){const o=this.getEdgePosition(s),a=o.includes(T.First)&&e.key===O.ArrowUp,r=o.includes(T.Last)&&e.key===O.ArrowDown;(a||r)&&(a&&s.closest(`.${f.callout}${this.state.uiidInput}`)&&((t=this.inputRef.current)==null||t.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const t=e.closest("ul"),s=e.closest("li"),o=[];return t&&s&&(t.children[0]===s&&o.push(T.First),t.children[t.children.length-1]===s&&o.push(T.Last)),o},this.findItemByValue=(e,t=[],s,o=0)=>{var a,r;let b;for(let I=0;I<t.length;I++){const D=t[I],A={item:D,index:I,parent:s,level:o};if(D.value===e?b=A:(r=(a=D.subMenuProps)==null?void 0:a.items)!=null&&r.length&&(b=this.findItemByValue(e,D.subMenuProps.items,A,o+1)),b)break}return b},this.getItemTarget=(e,t)=>{let s;const o=e.querySelector(".ms-ContextualMenu-list");return o&&o.childNodes[t.index]&&(s=o.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),o=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&o){let a;if(s.parent){const r=this.getItemTarget(o,s.parent);r&&(this.defaultSubmenuFocus=s,r.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else a=this.getItemTarget(o,s);if(a)a.focus();else{const r=o.querySelector(`.${f.scrollArea}`);r==null||r.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:this.props.value||"",isHidden:!0,originalItems:[],items:[],valueSeparator:this.props.valueSeparator||".",uiidInput:U.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,g.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let i=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(i+=" disabled"),this.props.readOnly&&(i+=" readonly"),i}render(){const i=(0,x.getMessageInfo)(this.props);let e=!0;return this.props.useTargetWidth&&(e=!1),_.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&_.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),_.default.createElement("div",{className:this.getClassNames()},_.default.createElement(P.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:t=>{t.target.select()},errorMessage:i.message}),_.default.createElement(y.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:j.UiIcons.ArrowDown},onClick:()=>{var t;this.state.isHidden&&((t=this.inputRef.current)==null||t.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&_.default.createElement(S.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:e,useTargetAsMinWidth:!0,onRestoreFocus:t=>{var s;(s=t.originalElement)==null||s.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:g.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${f.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}u.UITreeDropdown=K},"./src/components/UITreeDropdown/index.tsx":function(M,u,n){"use strict";var w=this&&this.__createBinding||(Object.create?function(c,p,d,h){h===void 0&&(h=d);var m=Object.getOwnPropertyDescriptor(p,d);(!m||("get"in m?!p.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return p[d]}}),Object.defineProperty(c,h,m)}:function(c,p,d,h){h===void 0&&(h=d),c[h]=p[d]}),v=this&&this.__exportStar||function(c,p){for(var d in c)d!=="default"&&!Object.prototype.hasOwnProperty.call(p,d)&&w(p,c,d)};Object.defineProperty(u,"__esModule",{value:!0}),v(n("./src/components/UITreeDropdown/UITreeDropdown.tsx"),u)},"./src/components/UITreeDropdown/UITreeDropdown.scss":(M,u,n)=>{"use strict";n.r(u),n.d(u,{default:()=>x});var w=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),v=n.n(w),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),p=n.n(c),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=n.n(d),m=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),E=n.n(m),C=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),R=n.n(C),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),U=n.n(_),g=n("../../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/UITreeDropdown/UITreeDropdown.scss"),P=n.n(g),S={};for(const f in g)f!=="default"&&(S[f]=()=>g[f]);n.d(u,S);var y={};y.styleTagTransform=U(),y.setAttributes=E(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=R();var j=v()(P(),y);const x=P()&&P().locals?P().locals:void 0}}]);})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[494],{"./src/components/UIButton/UIActionButton.tsx":function(y,e,n){var p=Object.defineProperty,b=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(r,t,o)=>t in r?p(r,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[t]=o,f=(r,t)=>{for(var o in t||(t={}))u.call(t,o)&&d(r,o,t[o]);if(a)for(var o of a(t))i.call(t,o)&&d(r,o,t[o]);return r},h=(r,t)=>b(r,_(t)),v=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIActionButton=void 0;const l=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=n("./src/components/UIContextualMenu/index.tsx");class s extends l.default.Component{constructor(t){super(t),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 l.default.createElement(g.ActionButton,h(f({},this.props),{styles:this.setStyle(),menuAs:m.UIContextualMenu}))}}e.UIActionButton=s},"./src/components/UIButton/UIDefaultButton.tsx":function(y,e,n){var p=Object.defineProperty,b=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(t,o,c)=>o in t?p(t,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):t[o]=c,f=(t,o)=>{for(var c in o||(o={}))u.call(o,c)&&d(t,c,o[c]);if(a)for(var c of a(o))i.call(o,c)&&d(t,c,o[c]);return t},h=(t,o)=>b(t,_(o)),v=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDefaultButton=void 0;const l=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=n("./src/components/UIContextualMenu/index.tsx"),s=n("./src/components/UIInput/index.tsx");class r extends l.default.Component{constructor(o){super(o),this.setStyle=c=>{const I={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"};return{root:h(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:"var(--vscode-button-secondaryForeground, #ffffff)"},c.primary&&{backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:"var(--vscode-button-foreground)"}),{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:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:"var(--vscode-button-secondaryForeground, #ffffff)"},c.primary&&{opacity:"0.5 !important",color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:"var(--vscode-button-secondaryForeground, #ffffff)",backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}}},c.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)"}}}),icon:f({height:16,lineHeight:16,marginLeft:-3,color:"var(--vscode-button-secondaryForeground)",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}}},c.primary&&{color:"var(--vscode-button-foreground)",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}),menuIcon:{selectors:f({"svg > path":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}},c.primary&&{"svg > path":{fill:"var(--vscode-button-foreground)"}})},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:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:"var(--vscode-button-foreground)",selectors:{"&:hover":{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)"}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:"var(--vscode-button-secondaryForeground, #ffffff)"},c.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{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)"},"&:hover":{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)"}}}}},splitButtonDivider:I,splitButtonDividerDisabled:I}}}render(){return l.default.createElement(g.DefaultButton,h(f({},this.props),{styles:this.setStyle(this.props),menuAs:m.UIContextualMenu}))}}e.UIDefaultButton=r},"./src/components/UIButton/UIIconButton.tsx":function(y,e,n){var p=Object.defineProperty,b=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(t,o,c)=>o in t?p(t,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):t[o]=c,f=(t,o)=>{for(var c in o||(o={}))u.call(o,c)&&d(t,c,o[c]);if(a)for(var c of a(o))i.call(o,c)&&d(t,c,o[c]);return t},h=(t,o)=>b(t,_(o)),v=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIconButton=e.UIIconButtonSizes=void 0;const l=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=n("./src/components/UIContextualMenu/index.tsx");var s;(function(t){t.Default="Default",t.Wide="Wide"})(s=e.UIIconButtonSizes||(e.UIIconButtonSizes={}));class r extends l.default.Component{constructor(o){super(o),this.setStyle=c=>{const B=(c.sizeType||s.Default)===s.Default?16:26;return{root:{minWidth:"initial",height:16,width:B,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:B},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:B},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:B,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(o){return`var(${o}, var(--vscode-menubar-selectionBackground))`}render(){return l.default.createElement(g.IconButton,h(f({},this.props),{styles:this.setStyle(this.props),menuAs:m.UIContextualMenu}))}}e.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(y,e,n){var p=Object.defineProperty,b=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(s,r,t)=>r in s?p(s,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[r]=t,f=(s,r)=>{for(var t in r||(r={}))u.call(r,t)&&d(s,t,r[t]);if(a)for(var t of a(r))i.call(r,t)&&d(s,t,r[t]);return s},h=(s,r)=>b(s,_(r)),v=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISmallButton=void 0;const l=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class m extends l.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:h(f({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")},t.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:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({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")}}},t.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,t){return`var(${r}, ${t})`}render(){return l.default.createElement(g.DefaultButton,h(f({},this.props),{styles:this.setStyle(this.props)}))}}e.UISmallButton=m},"./src/components/UIButton/UISplitButton.tsx":function(y,e,n){var p=this&&this.__createBinding||(Object.create?function(v,l,g,m){m===void 0&&(m=g);var s=Object.getOwnPropertyDescriptor(l,g);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[g]}}),Object.defineProperty(v,m,s)}:function(v,l,g,m){m===void 0&&(m=g),v[m]=l[g]}),b=this&&this.__setModuleDefault||(Object.create?function(v,l){Object.defineProperty(v,"default",{enumerable:!0,value:l})}:function(v,l){v.default=l}),_=this&&this.__importStar||function(v){if(v&&v.__esModule)return v;var l={};if(v!=null)for(var g in v)g!=="default"&&Object.prototype.hasOwnProperty.call(v,g)&&p(l,v,g);return b(l,v),l};Object.defineProperty(e,"__esModule",{value:!0}),e.UISplitButton=void 0;const a=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=n("./src/components/UIButton/UIDefaultButton.tsx"),i=n("./src/components/UIContextualMenu/index.tsx"),d=n("./src/components/Icons.tsx"),f=n("./src/utilities/index.ts");class h extends a.Component{constructor(l){super(l),this.id=this.props.id?this.props.id:(0,f.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(g,m)=>{m&&m.key&&this.props.callback(m.key)},this.state={menu:{items:l.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}render(){return a.createElement(u.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:d.UiIcons.ArrowDown},menuAs:i.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}e.UISplitButton=h},"./src/components/UIButton/index.tsx":function(y,e,n){var p=this&&this.__createBinding||(Object.create?function(a,u,i,d){d===void 0&&(d=i);var f=Object.getOwnPropertyDescriptor(u,i);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[i]}}),Object.defineProperty(a,d,f)}:function(a,u,i,d){d===void 0&&(d=i),a[d]=u[i]}),b=this&&this.__exportStar||function(a,u){for(var i in a)i!=="default"&&!Object.prototype.hasOwnProperty.call(u,i)&&p(u,a,i)};Object.defineProperty(e,"__esModule",{value:!0}),e.UIButtonInterface=void 0;const _=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_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 _.IButton}}),b(n("./src/components/UIButton/UIActionButton.tsx"),e),b(n("./src/components/UIButton/UIDefaultButton.tsx"),e),b(n("./src/components/UIButton/UIIconButton.tsx"),e),b(n("./src/components/UIButton/UISplitButton.tsx"),e),b(n("./src/components/UIButton/UISmallButton.tsx"),e)},"./src/utilities/Focus.ts":(y,e,n)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0;const p=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_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 p.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return p.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return p.setFocusVisibility}})},"./src/utilities/Id.ts":(y,e,n)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const p=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_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 p.getId}})},"./src/utilities/Keys.ts":(y,e,n)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const p=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_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 p.KeyCodes}})},"./src/utilities/index.ts":function(y,e,n){var p=this&&this.__createBinding||(Object.create?function(_,a,u,i){i===void 0&&(i=u);var d=Object.getOwnPropertyDescriptor(a,u);(!d||("get"in d?!a.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return a[u]}}),Object.defineProperty(_,i,d)}:function(_,a,u,i){i===void 0&&(i=u),_[i]=a[u]}),b=this&&this.__exportStar||function(_,a){for(var u in _)u!=="default"&&!Object.prototype.hasOwnProperty.call(a,u)&&p(a,_,u)};Object.defineProperty(e,"__esModule",{value:!0}),b(n("./src/utilities/Focus.ts"),e),b(n("./src/utilities/Id.ts"),e),b(n("./src/utilities/Keys.ts"),e)}}]);})();
|