@sap-ux/ui-components 1.26.10 → 1.26.12
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/dist/components/Icons.d.ts +3 -1
- package/dist/components/Icons.d.ts.map +1 -1
- package/dist/components/Icons.js +31 -0
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIDialog/UIDialog.d.ts +1 -1
- package/dist/components/UIDialog/UIDialog.d.ts.map +1 -1
- package/package.json +1 -1
- package/storybook/102.b4be6e96.iframe.bundle.js +7 -0
- package/storybook/112.d83dc5ba.iframe.bundle.js +1 -0
- package/storybook/263.28b3ed84.iframe.bundle.js +1 -0
- package/storybook/361.68ae243e.iframe.bundle.js +1 -0
- package/storybook/{596.86c87bb7.iframe.bundle.js → 559.62175a29.iframe.bundle.js} +1 -1
- package/storybook/569.072cfeae.iframe.bundle.js +1 -0
- package/storybook/{380.837e94a1.iframe.bundle.js → 602.cb21b075.iframe.bundle.js} +3 -3
- package/storybook/627.a0bc1ea5.iframe.bundle.js +1 -0
- package/storybook/74.f0a1a2e2.iframe.bundle.js +1 -0
- package/storybook/764.25246889.iframe.bundle.js +1 -0
- package/storybook/UIActionCallout-story.88353622.iframe.bundle.js +2 -0
- package/storybook/UIButton-story.486efc0a.iframe.bundle.js +2 -0
- package/storybook/UICallout-story.178ded94.iframe.bundle.js +2 -0
- package/storybook/UICheckbox-story.f343145c.iframe.bundle.js +2 -0
- package/storybook/UIContextualMenu-story.935b032a.iframe.bundle.js +2 -0
- package/storybook/UICreateSelect-story.6ffbed78.iframe.bundle.js +2 -0
- package/storybook/UIDatePicker-story.afabdde2.iframe.bundle.js +2 -0
- package/storybook/UIDialog-story.e8f8924a.iframe.bundle.js +2 -0
- package/storybook/UILink-story.37ba6d2f.iframe.bundle.js +2 -0
- package/storybook/UILoader-story.22d09ff0.iframe.bundle.js +6 -0
- package/storybook/UITextInput-story.e3013924.iframe.bundle.js +2 -0
- package/storybook/UIToggle-story.94565150.iframe.bundle.js +2 -0
- package/storybook/UIToggleGroup-story.d6eff54e.iframe.bundle.js +2 -0
- package/storybook/UITooltip-story.8fd1724e.iframe.bundle.js +1 -0
- package/storybook/UITreedropdown-story.a4fa4534.iframe.bundle.js +2 -0
- package/storybook/iframe.html +2 -2
- package/storybook/main.ef66141f.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.9c72df2c.iframe.bundle.js → runtime~main.cc6820e0.iframe.bundle.js} +2 -2
- package/storybook/116.42f6b272.iframe.bundle.js +0 -1
- package/storybook/211.15d66fba.iframe.bundle.js +0 -7
- package/storybook/459.3b1519ab.iframe.bundle.js +0 -1
- package/storybook/47.f76c6244.iframe.bundle.js +0 -1
- package/storybook/547.27e99a44.iframe.bundle.js +0 -1
- package/storybook/624.120e4466.iframe.bundle.js +0 -1
- package/storybook/947.d5923e23.iframe.bundle.js +0 -1
- package/storybook/948.5a4d956a.iframe.bundle.js +0 -1
- package/storybook/UIActionCallout-story.68c14d22.iframe.bundle.js +0 -2
- package/storybook/UIButton-story.83d47d50.iframe.bundle.js +0 -2
- package/storybook/UICallout-story.dd5dae94.iframe.bundle.js +0 -2
- package/storybook/UICheckbox-story.82809a76.iframe.bundle.js +0 -2
- package/storybook/UIContextualMenu-story.b9981e0a.iframe.bundle.js +0 -2
- package/storybook/UICreateSelect-story.2c186913.iframe.bundle.js +0 -2
- package/storybook/UIDatePicker-story.1cc3d42c.iframe.bundle.js +0 -2
- package/storybook/UIDialog-story.430f718f.iframe.bundle.js +0 -2
- package/storybook/UILink-story.694d4c36.iframe.bundle.js +0 -2
- package/storybook/UILoader-story.3acec53d.iframe.bundle.js +0 -6
- package/storybook/UITextInput-story.952d8f0f.iframe.bundle.js +0 -2
- package/storybook/UIToggle-story.07ef2dd0.iframe.bundle.js +0 -2
- package/storybook/UIToggleGroup-story.ea8a8f06.iframe.bundle.js +0 -2
- package/storybook/UITooltip-story.a99da1ec.iframe.bundle.js +0 -1
- package/storybook/UITreedropdown-story.882e2709.iframe.bundle.js +0 -2
- package/storybook/main.3d1216fe.iframe.bundle.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var M=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var U=(p,o,e)=>o in p?M(p,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[o]=e,b=(p,o)=>{for(var e in o||(o={}))B.call(o,e)&&U(p,e,o[e]);if(P)for(var e of P(o))C.call(o,e)&&U(p,e,o[e]);return p},h=(p,o)=>D(p,A(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[459],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":(p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),p.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),p.exports=l},"./src/components/UIToggleGroup/UIToggleGroup.scss":(p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(p,o,e){"use strict";var g=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=n},"./src/components/UIFocusZone/UIFocusZone.tsx":function(p,o,e){"use strict";var g=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return l.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return l.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return l.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return l.FocusZoneTabbableElements}});class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=n},"./src/components/UIFocusZone/index.tsx":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}:function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]}),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(r,s,_,u){u===void 0&&(u=_);var i=Object.getOwnPropertyDescriptor(s,_);(!i||("get"in i?!s.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return s[_]}}),Object.defineProperty(r,u,i)}:function(r,s,_,u){u===void 0&&(u=_),r[u]=s[_]}),m=this&&this.__setModuleDefault||(Object.create?function(r,s){Object.defineProperty(r,"default",{enumerable:!0,value:s})}:function(r,s){r.default=s}),l=this&&this.__importStar||function(){var r=function(s){return r=Object.getOwnPropertyNames||function(_){var u=[];for(var i in _)Object.prototype.hasOwnProperty.call(_,i)&&(u[u.length]=i);return u},r(s)};return function(s){if(s&&s.__esModule)return s;var _={};if(s!=null)for(var u=r(s),i=0;i<u.length;i++)u[i]!=="default"&&g(_,s,u[i]);return m(_,s),_}}();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroup=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),c=e("./src/components/UIFocusZone/index.tsx"),f=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class a extends n.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,f.getUIId)("ui-toggle-group-option-"),this.onClick=(_,u)=>{let i=!1;u!=null&&u.itemKey&&this.setState(I=>{var T,E;const y={options:I.options.map((O,j,v)=>O.key===u.itemKey?(i=!v[j].selected,h(b({},O),{selected:i,focused:v[j].focused})):h(b({},O),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(T=this.props).onChange)==null||E.call(T,u.itemKey,i)),y})},this.onFocus=(_,u)=>{u!=null&&u.itemKey&&this.setState(i=>({options:i.options.map(I=>I.key===u.itemKey?h(b({},I),{focused:!0}):h(b({},I),{focused:!1}))}))},this.onBlur=(_,u)=>{this.setState(i=>({options:i.options.map(I=>h(b({},I),{focused:!1}))}))},this.state={options:this.props.options.map(_=>_.key===this.props.selectedKey?h(b({},_),{selected:!0}):b({},_))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(d.UILabel,h(b({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(c.UIFocusZone,{as:"div",direction:c.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>n.createElement(t.UIToggleGroupOption,h(b({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled||this.props.disabled})))))}}o.UIToggleGroup=a},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(f,a,r,s){s===void 0&&(s=r);var _=Object.getOwnPropertyDescriptor(a,r);(!_||("get"in _?!a.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(f,s,_)}:function(f,a,r,s){s===void 0&&(s=r),f[s]=a[r]}),m=this&&this.__setModuleDefault||(Object.create?function(f,a){Object.defineProperty(f,"default",{enumerable:!0,value:a})}:function(f,a){f.default=a}),l=this&&this.__importStar||function(){var f=function(a){return f=Object.getOwnPropertyNames||function(r){var s=[];for(var _ in r)Object.prototype.hasOwnProperty.call(r,_)&&(s[s.length]=_);return s},f(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var s=f(a),_=0;_<s.length;_++)s[_]!=="default"&&g(r,a,s[_]);return m(r,a),r}}();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroupOption=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class c extends n.Component{constructor(a){super(a),this.onClick=r=>{var s,_;(_=(s=this.props).onClick)==null||_.call(s,r,this.props)},this.onBlur=r=>{var s,_;(_=(s=this.props).onBlur)==null||_.call(s,r,this.props)},this.onFocus=r=>{var s,_;(_=(s=this.props).onFocus)==null||_.call(s,r,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const a=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return n.createElement("button",h(b(h(b({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(r=>!!r).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":a}),{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",b({id:a,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(t.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}o.UIToggleGroupOption=c},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}:function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]}),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),o)},"./src/components/UIToggleGroup/index.ts":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}:function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]}),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),o)}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var A=Object.defineProperty,j=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(u,i,o)=>i in u?A(u,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[i]=o,M=(u,i)=>{for(var o in i||(i={}))W.call(i,o)&&x(u,o,i[o]);if(U)for(var o of U(i))B.call(i,o)&&x(u,o,i[o]);return u},T=(u,i)=>j(u,K(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[47],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{var D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),c=r(D);c.push([u.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}',""]),u.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>e});var D=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),h=o.n(C),g={};for(const t in C)t!=="default"&&(g[t]=()=>C[t]);o.d(i,g);var m={};m.styleTagTransform=b(),m.setAttributes=S(),m.insert=p().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(h(),m);const e=h()&&h().locals?h().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(i,"__esModule",{value:!0}),i.UITreeDropdown=i.EdgePosition=i.UIDirectionalHint=void 0;const r=D(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=D(o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIDirectionalHint",{enumerable:!0,get:function(){return d.DirectionalHint}});const _=o("./src/components/UIInput/index.tsx"),p=o("./src/components/UIContextualMenu/index.tsx"),f=o("./src/components/UIButton/UIIconButton.tsx"),S=o("./src/components/Icons.tsx"),R=o("./src/helper/ValidationMessage/index.tsx");o("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var w;(function(h){h.First="First",h.Last="Last"})(w||(i.EdgePosition=w={}));const b={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class C extends r.default.Component{constructor(g){var m,y;super(g),this.UITreeDropdownRef=r.default.createRef(),this.UITreeDropdownFocusZoneRef=r.default.createRef(),this.inputRef=r.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=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(s=>{const n=new RegExp(e.value,"ig"),l=s.value.search(n)===-1?`${e.value}${this.state.valueSeparator}${s.value}`:s.value;return T(M({},s),{split:!1,value:l})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{var n;if((n=s.children)!=null&&n.length){s.split=!0;const l=this.getRefId(s.value,t);this.submenuRefs[l]||(this.submenuRefs[l]=r.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[l],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:d.FocusZoneTabbableElements.none,onFocus:()=>{var O,E,v,P;const a=(O=this.defaultSubmenuFocus)==null?void 0:O.parent;a&&a.item.value===s.value&&a.level===t&&this.focusItemWithValue(this.state.value,(P=(v=(E=this.defaultSubmenuFocus)==null?void 0:E.parent)==null?void 0:v.item.subMenuProps)==null?void 0:P.items)}}}}return T(M({},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.hasSelected=!0,this.setState({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===b.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(n=>{var l;return n.className=n.value===this.props.value?"is-selected":"",n.text=this.highlightQuery(n.label,this.state.query),this.applySubmenuPosition(n),(l=n.subMenuProps)==null||l.items.map(a=>(a.className=a.value===this.props.value?"is-selected":"",a)),M({},n)})),t?t(T(M({},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)=>r.default.createElement(p.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var n;const s=new RegExp(e,"ig");return(n=t==null?void 0:t.children)!=null&&n.length?t.children.filter(l=>this.filterElement(e,l)).length>0:t!=null&&t.value?t.value.search(s)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.hasSelected=!1,this.setState(s=>({value:t.value,items:s.originalItems.filter(n=>this.filterElement(t.value,n)),query:t.value,valueChanged:!0})),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===b.Escape?this.resetValue():this.hasSelected||this.props.onParameterValueChange(""),this.setState(t=>({items:t.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=`${I.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(`.${I.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 s;this.lastKeyDown=e.key;const t=document.activeElement;if([b.ArrowDown,b.ArrowUp].includes(e.key)&&t){const n=this.getEdgePosition(t),l=n.includes(w.First)&&e.key===b.ArrowUp,a=n.includes(w.Last)&&e.key===b.ArrowDown;(l||a)&&(l&&t.closest(`.${I.callout}${this.state.uiidInput}`)&&((s=this.inputRef.current)==null||s.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"),n=[];return t&&s&&(t.children[0]===s&&n.push(w.First),t.children[t.children.length-1]===s&&n.push(w.Last)),n},this.findItemByValue=(e,t=[],s,n=0)=>{var a,O;let l;for(let E=0;E<t.length;E++){const v=t[E],P={item:v,index:E,parent:s,level:n};if(v.value===e?l=P:(O=(a=v.subMenuProps)==null?void 0:a.items)!=null&&O.length&&(l=this.findItemByValue(e,v.subMenuProps.items,P,n+1)),l)break}return l},this.getItemTarget=(e,t)=>{let s;const n=e.querySelector(".ms-ContextualMenu-list");return n!=null&&n.childNodes[t.index]&&(s=n.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),n=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&n){let l;if(s.parent){const a=this.getItemTarget(n,s.parent);a&&(this.defaultSubmenuFocus=s,a.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else l=this.getItemTarget(n,s);if(l)l.focus();else{const a=n.querySelector(`.${I.scrollArea}`);a==null||a.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",value:(m=this.props.value)!=null?m:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(y=this.props.valueSeparator)!=null?y:".",uiidInput:c.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.hasSelected=!!this.props.value,this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,d.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let g=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(g+=" disabled"),this.props.readOnly&&(g+=" readonly"),g}render(){const g=(0,R.getMessageInfo)(this.props);let m=!0;return this.props.useTargetWidth&&(m=!1),r.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&r.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),r.default.createElement("div",{className:this.getClassNames()},r.default.createElement(_.UITextInput,T(M({},this.props),{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:y=>{y.target.select()},errorMessage:g.message})),r.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:S.UiIcons.ArrowDown},onClick:()=>{var y;this.state.isHidden&&((y=this.inputRef.current)==null||y.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&r.default.createElement(p.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:m,useTargetAsMinWidth:!0,onRestoreFocus:y=>{var e;(e=y.originalElement)==null||e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:d.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}i.UITreeDropdown=C},"./src/components/UITreeDropdown/index.tsx":function(u,i,o){"use strict";var D=this&&this.__createBinding||(Object.create?function(c,d,_,p){p===void 0&&(p=_);var f=Object.getOwnPropertyDescriptor(d,_);(!f||("get"in f?!d.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return d[_]}}),Object.defineProperty(c,p,f)}:function(c,d,_,p){p===void 0&&(p=_),c[p]=d[_]}),r=this&&this.__exportStar||function(c,d){for(var _ in c)_!=="default"&&!Object.prototype.hasOwnProperty.call(d,_)&&D(d,c,_)};Object.defineProperty(i,"__esModule",{value:!0}),r(o("./src/components/UITreeDropdown/UITreeDropdown.tsx"),i)}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var S=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var M=(p,r,t)=>r in p?S(p,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[r]=t,C=(p,r)=>{for(var t in r||(r={}))R.call(r,t)&&M(p,t,r[t]);if(k)for(var t of k(r))j.call(r,t)&&M(p,t,r[t]);return p},v=(p,r)=>T(p,L(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[547],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,r,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),d=a(b);d.push([p.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=d},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,r,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),d=a(b);d.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .option-no-data{font-size:12px;font-weight:normal;height:26px;line-height:26px;padding-left:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=d},"./src/components/UIComboBox/Callout.scss":(p,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(d),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),D=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(c),w=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=t.n(w),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),g=t.n(x),f={};for(const e in x)e!=="default"&&(f[e]=()=>x[e]);t.d(r,f);var o={};o.styleTagTransform=I(),o.setAttributes=D(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=y();var s=a()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(d),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),D=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(c),w=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=t.n(w),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),g=t.n(x),f={};for(const e in x)e!=="default"&&(f[e]=()=>x[e]);t.d(r,f);var o={};o.styleTagTransform=I(),o.setAttributes=D(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=y();var s=a()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,r,t){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=t("./src/helper/ValidationMessage/index.tsx");class l extends a.default.Component{constructor(u){super(u),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(D,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[d.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[d.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[d.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[d.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},D.message&&{marginBottom:2}],input:{[`.${d.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[d.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const u=(0,_.getMessageInfo)(this.props),D=a.default.createElement(d.Checkbox,v(C({},this.props),{styles:c=>C(C({},this.setStyle(u,c)),this.props.styles)}));return u.message?a.default.createElement(_.MessageWrapper,{message:u},D):D}}r.UICheckbox=l},"./src/components/UICheckbox/index.tsx":function(p,r,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(d,m,u)}:function(d,_,l,m){m===void 0&&(m=l),d[m]=_[l]}),a=this&&this.__exportStar||function(d,_){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,d,l)};Object.defineProperty(r,"__esModule",{value:!0}),a(t("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,r,t){"use strict";var b=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIComboBox=r.UIComboBoxLoaderType=r.UISelectableOptionMenuItemType=r.UIOnRenderComboBoxLabelProps=r.UIComboBoxRef=r.UISelectableOption=r.UIComboBoxOption=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(r,"UIComboBoxRef",{enumerable:!0,get:function(){return d.IComboBox}}),Object.defineProperty(r,"UIComboBoxOption",{enumerable:!0,get:function(){return d.IComboBoxOption}}),Object.defineProperty(r,"UISelectableOption",{enumerable:!0,get:function(){return d.ISelectableOption}}),Object.defineProperty(r,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return d.IOnRenderComboBoxLabelProps}}),Object.defineProperty(r,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return d.SelectableOptionMenuItemType}});const _=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const l=t("./src/components/UILoader/index.tsx"),m=t("./src/components/Icons.tsx"),u=t("./src/helper/ValidationMessage/index.tsx"),D=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),y=t("./src/components/UICallout/index.tsx"),w=t("./src/utilities/index.ts"),I=t("./src/components/types.ts");var x;(function(f){f.List="List",f.Input="Input"})(x||(r.UIComboBoxLoaderType=x={}));class g extends a.default.Component{constructor(o){var s,n;super(o),this.comboBox=a.default.createRef(),this.comboboxDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.selectedElement=a.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new y.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this._onRenderItem=(e,i)=>{if(i&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const h=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:a.default.createElement("div",{key:e.key,ref:h?this.selectedElement:void 0,className:`${h?"ts-ComboBox--selected":""}`},i(e))}return null},this.onRenderItem=(e,i)=>this.props.onRenderItem?this.props.onRenderItem(e,this._onRenderItem.bind(this,e,i)):this._onRenderItem(e,i),this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(e,i)=>e&&e.itemType!==d.SelectableOptionMenuItemType.Header?a.default.createElement(_.UIHighlightMenuOption,{text:e.text,query:this.query}):i?i(e):null,this.onRenderOption=(e,i)=>this.props.onRenderOption?this.props.onRenderOption(e,this._onRenderOption.bind(this,e,i)):this._onRenderOption(e,i),this.handleChange=(e,i)=>{i&&this.props.onHandleChange&&this.props.onHandleChange(i.key)},this.onRenderList=(e,i)=>{const{onRenderList:h,externalSearchProps:B,options:O}=this.props;if(h)return h(e,i);if(this.isLoaderApplied(x.List)){const P={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement("div",{className:"option-loading"},a.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:P}))}else if(B!=null&&B.noDataLabel&&(!O.length||this.isListHidden))return a.default.createElement("div",{className:"option-no-data"},B.noDataLabel);return i==null?void 0:i(e)},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),this.onRenderList=this.onRenderList.bind(this),this.onInputValueChange=this.onInputValueChange.bind(this),this.onExternalSearchDebounce=(0,w.debounce)(e=>{var i,h;return(h=(i=this.props.externalSearchProps)==null?void 0:i.onExternalSearch)==null?void 0:h.call(i,e)},(n=(s=o.externalSearchProps)==null?void 0:s.debounceTime)!=null?n:500),(0,d.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(o){return(o.options!==this.props.options||this.isLoaderChanged(this.props.isLoading,o.isLoading))&&this.query&&this.updateHiddenOptions(o.options,o.isLoading),!0}isLoaderChanged(o,s){return!!o!=!!s}updateHiddenOptions(o,s){this.isListHidden=!0;let n,e=!1;const i=()=>{n&&(n.hidden=!e)};for(const h of o)if(h.itemType===d.SelectableOptionMenuItemType.Header)i(),n=h,e=!1;else{const B=this.isLoaderApplied(x.List,s)||this.isOptionVisibleByQuery(h,this.query);h.hidden=!B,this.isListHidden&&!h.hidden&&(this.isListHidden=!1),e=B||e}i()}isOptionVisibleByQuery(o,s){let n;return this.props.customSearchFilter&&(n=this.props.customSearchFilter(s,o)),n===void 0&&(n=o.text.toLowerCase().includes(s),this.props.searchByKeyEnabled&&!n&&(n=o.key.toString().toLowerCase().includes(s))),n}setCaretPosition(o){if((0,w.isHTMLInputElement)(o.target)){const s=o.target,n=s.selectionEnd;n!==s.value.length&&window.requestAnimationFrame(()=>{s.selectionStart=n,s.selectionEnd=n})}}onInput(o){if(this.isListHidden=!1,(0,w.isHTMLInputElement)(o.target)){this.setCaretPosition(o);const s=o.target;this.query=s.value.trimStart().toLowerCase();const n=this.comboBox.current;n&&this.updateHiddenOptions(n.props.hoisted.currentOptions)}}onClick(o){this.setCaretPosition(o);const s=this.comboBox.current,n=s==null?void 0:s.state.isOpen,e=this.props.disabled;this.props.openMenuOnClick&&s&&!n&&!e&&s.focus(!0)}onKeyDown(o){let s=!1;const n=this.comboBox.current,e=n==null?void 0:n.state.isOpen;(o.which===d.KeyCodes.down||o.which===d.KeyCodes.up)&&(s=this._setCyclingNavigation(o.which===d.KeyCodes.down)),s?(o.preventDefault(),o.stopPropagation()):!this.ignoreOpenKeys.includes(o.key)&&n&&!e&&n.focus(!0)}reserQuery(){this.query="";for(const o of this.props.options)delete o.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(o,s){const n=this.props.options.length;for(;o>=0&&o<n;){if(this.props.options[o]&&!this.props.options[o].hidden)return{option:this.props.options[o],index:o};o=o+(s?1:-1)}return null}_setCyclingNavigation(o){const s=this.comboBox.current;if(s&&s.state.currentPendingValueValidIndex>=0){let n=s.state.currentPendingValueValidIndex;const e=this.props.options.length-1;n=n+(o?1:-1);let i=this.getNextVisibleItem(n,o);if(i)return!1;if(i=this.getNextVisibleItem(o?0:e,o),i)return s.setState({currentPendingValueValidIndex:i.index,currentPendingValue:i.option.text}),!0}return!1}calculateMenuMinWidth(){var s;const o=(s=this.comboBox.current)==null?void 0:s._comboBoxWrapper.current;o&&this.props.useComboBoxAsMenuMinWidth&&o.clientWidth!==this.state.minWidth&&this.setState({minWidth:o.clientWidth})}onPendingValueChanged(o,s,n){var e,i;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(e=this.props)!=null&&e.onPendingValueChanged&&((i=this.props)==null||i.onPendingValueChanged(o,s,n))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const o=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),o==null||o.focus(!0))}onMultiSelectChange(o,s,n,e){this.props.onChange&&o.type!=="blur"&&this.props.onChange(o,s,n,e)}onScrollToItem(){const o=this.selectedElement.current;if(!this.props.multiSelect||!o)return;const s=o.offsetParent;if(s){const n=s.clientHeight;if(s.scrollHeight>n){const i=o.offsetTop,h=i+o.clientHeight,B=s.scrollTop,O=B+n;if(!(i>=B&&h<=O)){const E=h>O?h-O:i-B;s.scrollTop=B+E}}}}getClassNames(o){const{readOnly:s,disabled:n}=this.props,e=o.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(o.type):void 0;let i=`ts-ComboBox${o.message?" ts-ComboBox--"+e:""}`;return s&&!n&&(i+=" ts-ComboBox--readonly"),n&&(i+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(i+=" ts-ComboBox--empty"),i}getAutofillProps(){const{highlight:o,readOnly:s,disabled:n}=this.props,e={};o&&(e.onKeyDownCapture=this.onKeyDown);const i="tabIndex"in this.props?this.props.tabIndex:void 0;return s&&!n?(e.readOnly=s,e.tabIndex=i,e["aria-disabled"]=void 0,e["aria-readonly"]=!0):n&&(e.disabled=void 0,e.readOnly=!0,e.tabIndex=i),e["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",e}isLoaderApplied(o,s=this.props.isLoading){return Array.isArray(s)?s.includes(o):!!s&&o===x.List}onRenderIcon(o,s){var n;if(this.isLoaderApplied(x.Input)){const e={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:e})}return(n=s==null?void 0:s(o))!=null?n:null}onInputValueChange(o){const{onInputValueChange:s,externalSearchProps:n}=this.props;if(s==null||s(o),n){const{onExternalSearch:e,onInputChange:i}=n;i==null||i(o),e&&this.onExternalSearchDebounce(o)}}render(){var n;const o=(0,u.getMessageInfo)(this.props);let s=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(s=!0),a.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(o)},a.default.createElement(d.ComboBox,v(C(v(C(C(C(v(C(v(C({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:s,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:C(C(C({},D.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:I.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[o.style]}},this.props),{calloutProps:C(C({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:C({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden&&!((n=this.props.externalSearchProps)!=null&&n.noDataLabel)?"none":void 0}})},this.props.calloutProps),(0,c.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform))}),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),{onRenderList:this.onRenderList}),this.props.multiSelect&&C({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:o.message,onInputValueChange:this.onInputValueChange})))}}r.UIComboBox=g,g.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,r,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(d,m,u)}:function(d,_,l,m){m===void 0&&(m=l),d[m]=_[l]}),a=this&&this.__exportStar||function(d,_){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,d,l)};Object.defineProperty(r,"__esModule",{value:!0}),a(t("./src/components/UIComboBox/UIComboBox.tsx"),r)}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,s,e)=>s in a?j(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,y=(a,s)=>{for(var e in s||(s={}))C.call(s,e)&&P(a,e,s[e]);if(v)for(var e of v(s))A.call(s,e)&&P(a,e,s[e]);return a},I=(a,s)=>h(a,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[624],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),a.exports=n},"./src/components/UIIcon/UIIcon.scss":(a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>O});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const O=b()&&b().locals?b().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>O});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const O=b()&&b().locals?b().locals:void 0},"./src/components/UIIcon/UIIcon.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends d.default.Component{constructor(r){super(r),this.setStyle=()=>({})}render(){const r=this.props.className?` ${this.props.className}`:"";return d.default.createElement(n.Icon,I(y({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}s.UIIcon=t},"./src/components/UIIcon/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),s)},"./src/components/UIInput/UITextInput.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITextInput=s.COMMON_INPUT_STYLES=s.ITextFieldProps=s.ITextField=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),r=e("./src/components/types.ts");var _=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"ITextField",{enumerable:!0,get:function(){return _.ITextField}}),Object.defineProperty(s,"ITextFieldProps",{enumerable:!0,get:function(){return _.ITextFieldProps}}),s.COMMON_INPUT_STYLES={borderRadius:2};const l={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class m extends d.default.Component{constructor(c){super(c),this.getStyles=u=>{const p=(0,t.getMessageInfo)(this.props);return{root:{height:"auto"},fieldGroup:[{backgroundColor:l.regular.backgroundColor,borderWidth:1,borderStyle:l.regular.borderStyle,borderColor:l.regular.borderColor,color:l.regular.color,borderRadius:s.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!u.multiline&&{height:24,maxHeight:24,minHeight:24},!u.disabled&&{selectors:{"&:hover":{borderColor:l.hover.borderColor}}},u.disabled&&{backgroundColor:l.disabled.backgroundColor,opacity:l.disabled.opacity,borderRadius:s.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:l.readOnly.borderStyle,backgroundColor:l.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},u.hasErrorMessage&&{borderColor:p.style.borderColor},u.focused&&{selectors:{":after":{border:this.getFocusBorder(p),borderRadius:s.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:l.regular.backgroundColor,color:l.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,selectors:{"::placeholder":{fontSize:13,color:"var(--vscode-input-placeholderForeground)"}}},!u.multiline&&{lineHeight:"normal"},u.multiline&&{minHeight:"60px",height:"auto",display:"flex"},u.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:l.readOnly.backgroundColor},u.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[y({marginTop:25},o.labelGlobalStyle),u.disabled&&{opacity:l.disabled.opacity},u.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[p.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(c){let u=l.focus.borderColor;return this.props.errorMessage&&c.style.borderColor&&(u=`var(${c.style.borderColor})`),`1px ${l.regular.borderStyle} ${u}`}onRenderDisabledInput(c,u){const p=this.props.disabled?I(y({},c),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):c;return(u==null?void 0:u(p))||null}onRenderInput(c,u){return this.props.onRenderInput?this.props.onRenderInput(c,p=>this.onRenderDisabledInput(p,u)):this.onRenderDisabledInput(c,u)}render(){const c=(0,t.getMessageInfo)(this.props),u=this.getStyles;return d.default.createElement(n.TextField,I(y({},this.props),{onRenderInput:this.onRenderInput,errorMessage:c.message,styles:u}))}}s.UITextInput=m},"./src/components/UIInput/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),s)},"./src/components/UILabel/UILabel.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/types.ts");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends d.default.Component{constructor(_){super(_)}render(){const _=l=>({root:[y({marginTop:25},s.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(n.Label,I(y({},this.props),{styles:_}))}}s.UILabel=o},"./src/components/UILabel/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),s)},"./src/components/types.ts":(a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.REQUIRED_LABEL_INDICATOR=void 0,s.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(s,"__esModule",{value:!0}),s.MESSAGE_ICONS_MAP=void 0,s.MessageWrapper=r;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),s.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[n.ErrorMessageType.Error,t.UiIcons.Error],[n.ErrorMessageType.Warning,t.UiIcons.Warning],[n.ErrorMessageType.Info,t.UiIcons.Info]]);function r(_){const{children:l,message:m}=_,g=m.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0,c=s.MESSAGE_ICONS_MAP.get(m.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${g}`},d.default.createElement("div",{className:"ts-message-target"},l),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:c}),d.default.createElement("span",null,m.message)))}},"./src/helper/ValidationMessage/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),s),d(e("./src/helper/ValidationMessage/utils.ts"),s)},"./src/helper/ValidationMessage/utils.ts":(a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.getMessageInfo=s.MESSAGE_TYPES_CLASSNAME_MAP=s.ErrorMessageType=void 0;var e;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(e||(s.ErrorMessageType=e={}));const i=(_,l)=>{const m=`1px solid ${l}`;return{backgroundColor:_,borderLeft:m,borderRight:m,borderBottom:m,borderColor:l}},d={error:I(y({color:"var(--vscode-input-foreground)"},i("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=y(y({},d.error),i("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=y(y({},d.error),i("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),s.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const n=_=>{let l;switch(_){case e.Warning:{l=d.warning;break}case e.Info:{l=d.info;break}default:{l=d.error;break}}return l},t=_=>{if(_){if(_.errorMessage)return e.Error;if(_.warningMessage)return e.Warning;if(_.infoMessage)return e.Info}return e.Error},o=_=>{const l=["errorMessage","warningMessage","infoMessage"];for(const m of l)if(_!=null&&_[m])return _[m]},r=_=>{const l=t(_);return{type:l,style:n(l),message:o(_)}};s.getMessageInfo=r}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var w=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(y,t,e)=>t in y?w(y,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):y[t]=e,b=(y,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(y,e,t[e]);if(P)for(var e of P(t))M.call(t,e)&&v(y,e,t[e]);return y},O=(y,t)=>C(y,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[947],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),a=u(h);a.push([y.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),y.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),a=u(h);a.push([y.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),y.exports=a},"./src/components/UIDropdown/UIDropdown.scss":(y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(c),d={};for(const E in c)E!=="default"&&(d[E]=()=>c[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=i(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=u()(s(),f);const g=s()&&s().locals?s().locals:void 0},"./src/styles/_shadows.scss":(y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(c),d={};for(const E in c)E!=="default"&&(d[E]=()=>c[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=i(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=u()(s(),f);const g=s()&&s().locals?s().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},h=20;class u{constructor(r,n,o=e){this.originalStyle={},this.source=r,this.callout=n,this.props=o,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const n=document.createElement("div");return n.classList.add("ts-Callout-transformation"),n.style.height=`${r}px`,n}getElements(){const r=this.source.current,n=r==null?void 0:r.closest(this.props.container);if(n&&r){const o=n==null?void 0:n.querySelector(this.props.target);if(o){const _={container:{dom:n,rect:n.getBoundingClientRect()},target:{dom:o,rect:o.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},i=this.callout.current;return i&&(_.callout={dom:i,rect:i.getBoundingClientRect()}),_}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o,callout:_,source:i}=r;if(_){const D=window.innerHeight-e.minPagePadding,l=_.rect.height,m=i.rect.bottom;let p=m+l-o.rect.top,c=m+_.rect.height;if(p<=0||c>=D)return;if(c+=o.rect.height,c<=D&&(p+=h),this.props.absolute){const s=n.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${n.rect.top}px`,s.left=`${n.rect.left}px`}this.placeholder=this.createPlaceholder(p),o.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o}=r;for(const _ in this.originalStyle){const i=this.originalStyle[_];typeof i=="string"&&(n.dom.style[_]=i)}this.originalStyle={},this.placeholder&&(o.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(r){const n=this.getElements();return!!(r.type==="focus"&&(n!=null&&n.target.dom.contains(r.target)))}}t.CalloutCollisionTransform=u},"./src/components/UICallout/UICallout.tsx":function(y,t,e){"use strict";var h=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const u=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var n;(function(l){l.None="None",l.Standard="Standard"})(n||(t.UICalloutContentPadding=n={}));const o=new Map([[n.Standard,8]]),_=(l,m)=>typeof l=="object"&&typeof l[m]=="object"?l[m]:{},i=l=>{var m,p;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},_(l.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},_(l.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},_(l.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(m=l.calloutMinWidth)!=null?m:300,boxSizing:"border-box",padding:o.get((p=l.contentPadding)!=null?p:n.None)},_(l.styles,"calloutMain")),container:_(l.styles,"container")}};t.getCalloutStyle=i;class D extends u.default.Component{constructor(m){super(m),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(m){const{onKeyDown:p,focusTargetSiblingOnTabPress:c,target:s}=this.props;if(c&&m.key==="Tab"&&s){let d=null;if(typeof s=="string"){const f=(0,a.getDocument)();d=f==null?void 0:f.querySelector(s)}else"getBoundingClientRect"in s&&(0,r.isHTMLElement)(s)&&(d=s);d&&(0,r.focusToSibling)(d,!m.shiftKey)&&(m.stopPropagation(),m.preventDefault())}p==null||p(m)}render(){return u.default.createElement(a.Callout,O(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=D},"./src/components/UICallout/index.tsx":function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}:function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]}),u=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),u(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),u(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(y,t,e){"use strict";var h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const u=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return a.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),n=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),_=e("./src/components/UIDropdown/utils.ts"),i=e("./src/components/UICallout/index.tsx"),D=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const l="var(--vscode-inputValidation-errorBorder)";class m extends u.default.Component{constructor(c){super(c),this.dropdownDomRef=u.default.createRef(),this.menuDomRef=u.default.createRef(),this.calloutCollisionTransform=new i.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>u.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=s=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(s);{const{multiSelectDelimiter:d=", "}=this.props;if(s){const f=s.map(S=>S.text).join(d);return u.default.createElement(u.default.Fragment,null,f)}else return u.default.createElement(u.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(s=>({isOpen:!s.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(s=>({isOpen:!s.isOpen})),this.props.onHandleOpen())})},this.onChange=(s,d,f)=>{this.props.multiSelect&&this.props.onHandleChange&&d&&f&&this.props.onHandleChange(d,f)},this.stopEventPropagation=s=>{s.stopPropagation()},this._onRenderOption=(s,d)=>u.default.createElement(u.default.Fragment,null,d==null?void 0:d(s),(s==null?void 0:s.itemType)!==a.DropdownMenuItemType.Header&&u.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(s,d)=>this.props.onRenderOption?this.props.onRenderOption(s,this._onRenderOption.bind(this,s,d)):this._onRenderOption(s,d),this._onRenderItem=(s,d)=>d&&s?(s.title===void 0&&(s.title=s.text),d(s)):null,this.onRenderItem=(s,d)=>this.props.onRenderItem?this.props.onRenderItem(s,this._onRenderItem.bind(this,s,d)):this._onRenderItem(s,d),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:s,readOnly:d,disabled:f}=this.props,S=c.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let g=`ts-SelectBox${c.message?" ts-SelectBox--"+S:""}`;return d&&!f&&(g+=" ts-SelectBox--readonly"),f&&(g+=" ts-SelectBox--disabled"),s&&(g+=` ${s}`),(0,_.isDropdownEmpty)(this.props)&&(g+=" ts-SelectBox--empty"),g}getAccessibilityProps(){const{readOnly:c,disabled:s}=this.props,d={};return c&&!s?(d.tabIndex=0,d["data-is-focusable"]=!0,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.tabIndex=0,d["data-is-focusable"]=!0),d}render(){const c=(0,n.getMessageInfo)(this.props),s=this.getAccessibilityProps(),d=()=>({label:b(b(b({},o.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:D.REQUIRED_LABEL_INDICATOR,color:l,paddingRight:12}}}),errorMessage:[c.style]});return u.default.createElement(a.Dropdown,O(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},s),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,_.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:d,className:this.getClassNames(c),errorMessage:c.message}))}}t.UIDropdown=m},"./src/components/UIDropdown/index.tsx":function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}:function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]}),u=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),u(e("./src/components/UIDropdown/UIDropdown.tsx"),t),u(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=h,t.getCalloutCollisionTransformationPropsForDropdown=n;function e(o){var i;const{selectedKey:_}=o;return Array.isArray(_)?_.length===0:"text"in o&&o.text||"selectedKeys"in o&&((i=o.selectedKeys)!=null&&i.length)?!1:!_}function h(o,_,i){if(_&&i)return{preventDismissOnEvent:o.preventDismissOnEvent,layerProps:{onLayerDidMount:o.applyTransformation,onLayerWillUnmount:o.resetTransformation}}}function u(o,_){return()=>{var D,l,m,p,c;const{layerProps:i}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerDidMount&&((c=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||c.onLayerDidMount()),i!=null&&i.onLayerDidMount&&i.onLayerDidMount()}}function a(o,_){return()=>{var D,l,m,p,c;const{layerProps:i}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerWillUnmount&&((c=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||c.onLayerWillUnmount()),i!=null&&i.onLayerWillUnmount&&i.onLayerWillUnmount()}}function r(o,_){return i=>{var l,m;let D=!1;if((l=o.props.calloutProps)!=null&&l.preventDismissOnEvent&&(D=o.props.calloutProps.preventDismissOnEvent(i)),!D){const{preventDismissOnEvent:p}=(m=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?m:{};if(p)return p(i)}return D}}function n(o,_){if(o.props.multiSelect&&o.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(o,_),layerProps:{onLayerDidMount:u(o,_),onLayerWillUnmount:a(o,_)}}}}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var D=Object.defineProperty,U=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var T=(i,n,e)=>n in i?D(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,b=(i,n)=>{for(var e in n||(n={}))A.call(n,e)&&T(i,e,n[e]);if(W)for(var e of W(n))L.call(n,e)&&T(i,e,n[e]);return i},P=(i,n)=>U(i,B(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[948],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(i,n,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),a=l(C);a.push([i.id,'.ts-ContextualMenu-callout{background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:2px;overflow:visible;box-shadow:rgba(0,0,0,0) 0px 0px 1px}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:2px;background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu-callout .ms-Callout-beak{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu-callout .ms-Callout-beakCurtain{background:rgba(0,0,0,0)}.ts-ContextualMenu-callout--contextual{border-radius:4px;box-shadow:var(--ui-box-shadow-small);border:1px solid var(--vscode-editorWidget-border)}.ts-ContextualMenu-callout--contextual .ms-Callout-beak{box-shadow:var(--ui-box-shadow-small)}.ts-ContextualMenu-callout--contextual .ms-Callout-main{border-radius:4px}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath{margin:-2.5px -2px 2.5px -2px}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath .ts-ContextualMenu{padding:2px 0}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath .ts-ContextualMenu .ms-ContextualMenu-link.is-checked .ms-ContextualMenu-checkmarkIcon{margin-right:2px;margin-left:-2px}.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}.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:.4}.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-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded .ms-ContextualMenu-checkmarkIcon{color: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>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-checked .ms-ContextualMenu-checkmarkIcon{margin-right:4px;margin-left:-4px}.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 .ms-ContextualMenu-checkmarkIcon{color: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>.ms-ContextualMenu-link:focus:hover .ms-ContextualMenu-checkmarkIcon{color: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-checkmarkIcon{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{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>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color: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-checkmarkIcon{color: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:hover>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color: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 .ms-ContextualMenu-checkmarkIcon{color: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>div .ms-ContextualMenu-splitMenu.is-expanded:hover .ms-ContextualMenu-checkmarkIcon{color: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;overflow:hidden}.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)}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--reverse .ms-ContextualMenu-item>.ms-ContextualMenu-link i+.ms-ContextualMenu-itemText,.ts-ContextualMenu.ts-ContextualMenu--reverse .ms-ContextualMenu-item>div>button i+.ms-ContextualMenu-itemText{padding-left:3px}',""]),i.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,n,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),a=l(C);a.push([i.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))}",""]),i.exports=a},"./src/components/UIContextualMenu/UIContextualMenu.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>t});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss"),p=e.n(g),y={};for(const o in g)o!=="default"&&(y[o]=()=>g[o]);e.d(n,y);var _={};_.styleTagTransform=h(),_.setAttributes=k(),_.insert=s().bind(null,"head"),_.domAPI=r(),_.insertStyleElement=v();var O=l()(p(),_);const t=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>t});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss"),p=e.n(g),y={};for(const o in g)o!=="default"&&(y[o]=()=>g[o]);e.d(n,y);var _={};_.styleTagTransform=h(),_.setAttributes=k(),_.insert=s().bind(null,"head"),_.domAPI=r(),_.insertStyleElement=v();var O=l()(p(),_);const t=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(i,n,e){"use strict";var C=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIContextualMenu=n.UIContextualMenuLayoutType=n.UIContextualMenuItemType=n.UIContextualMenuProps=n.UIContextualMenuItem=n.IContextualMenuItem=void 0,n.getUIcontextualMenuStyles=v,n.getUIContextualMenuItemStyles=c,n.getUIcontextualMenuCalloutStyles=h;const l=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIContextualMenuItemType",{enumerable:!0,get:function(){return a.ContextualMenuItemType}}),Object.defineProperty(n,"UIContextualMenuProps",{enumerable:!0,get:function(){return a.IContextualMenuProps}}),Object.defineProperty(n,"UIContextualMenuItem",{enumerable:!0,get:function(){return a.IContextualMenuItem}});var r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"IContextualMenuItem",{enumerable:!0,get:function(){return r.IContextualMenuItem}});const u=e("./src/components/Icons.tsx");var s;(function(t){t.DropdownMenu="DropdownMenu",t.ContextualMenu="ContextualMenu"})(s||(n.UIContextualMenuLayoutType=s={})),e("./src/components/UIContextualMenu/UIContextualMenu.scss");const m=1e6,k=(t,o)=>typeof t=="object"&&typeof t[o]=="object"?t[o]:{},I={iconName:u.UiIcons.ArrowDown};function v(){return{root:{minWidth:190,maxWidth:300,background:"var(--vscode-input-background)",border:0}}}function c(t,o,x){const{iconToLeft:f}=t!=null?t:{},M={};return f&&x?(M.label=o?10:19,M.root="0 3px !important"):!f&&o&&(M.rootRight="3px !important"),{root:{padding:M.root,paddingRight:M.rootRight},checkmarkIcon:{color:"var(--vscode-foreground)",maxHeight:18,fontSize:16,lineHeight:18,margin:0},icon:{marginLeft:0,marginRight:6},label:{lineHeight:18,height:18,paddingLeft:M.label},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:f?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}function h(t,o){return{root:b({maxWidth:o},t?k(t,"root"):void 0)}}function g(t){const{items:o,iconToLeft:x}=t,f=o.some(d=>d.iconProps),M=o.some(d=>d.subMenuProps);return o.map(d=>{d.itemProps||(d.itemProps={});const j=!!d.subMenuProps;return d.itemProps.styles?d.itemProps.styles=b(b({},c(t,j,M)),d.itemProps.styles):d.itemProps.styles=c(t,j,M),d.submenuIconProps||(d.submenuIconProps=I),d.iconProps||f?d.onRenderContent=(E,S)=>l.default.createElement(l.default.Fragment,null,S.renderItemName(E),d.iconProps&&S.renderItemIcon(E)):x&&(d.onRenderContent=(E,S)=>l.default.createElement(l.default.Fragment,null,S.renderSubMenuIcon(E),S.renderCheckMarkIcon(E),S.renderItemIcon(E),S.renderItemName(E),S.renderSecondaryText(E))),d})}function p(t){const o=["ts-ContextualMenu"],{layoutType:x=s.DropdownMenu,iconToLeft:f}=t,M=x===s.DropdownMenu?"ts-ContextualMenu--dropdown":"ts-ContextualMenu--contextual";return o.push(M),t.className&&o.push(t.className),f&&o.push("ts-ContextualMenu--reverse"),o.join(" ")}function y(t,o){var d;const x=["ts-ContextualMenu-callout"],{layoutType:f=s.DropdownMenu}=t,M=f===s.DropdownMenu?"ts-ContextualMenu-callout--dropdown":"ts-ContextualMenu-callout--contextual";return x.push(M),o&&t.showSubmenuBeneath&&x.push("ts-ContextualMenu-callout--submenu-beneath"),(d=t.calloutProps)!=null&&d.className&&x.push(t.calloutProps.className),x.join(" ")}const _=t=>{const{showSubmenuBeneath:o}=t,x=o?m-1:void 0;return l.default.createElement(a.ContextualMenu,P(b({isBeakVisible:!1,beakWidth:8,onRenderSubMenu:O.bind(void 0,t,x)},t),{className:p(t),items:g(t),calloutProps:P(b({styles:h(t.styles,t.maxWidth)},t.calloutProps),{className:y(t)}),styles:b(b({},v()),t.styles)}))};n.UIContextualMenu=_;function O(t,o,x){if(!x)return null;const{iconToLeft:f}=t,M=o!==void 0?o-1:void 0;return l.default.createElement(n.UIContextualMenu,P(b({iconToLeft:f},x),{calloutProps:P(b({gapSpace:10,layerProps:{styles:{root:{zIndex:o}}}},x.calloutProps),{className:y(t,!0)}),onRenderSubMenu:O.bind(void 0,t,M)}))}},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(i,n,e){"use strict";var C=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIHighlightMenuOption=void 0;const l=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class a extends l.default.Component{render(){let u=this.props.text,s=this.props.query;const m=[];if(u&&s){u=u.toString(),s=s.toLowerCase();const k=u.toLowerCase(),I=s.length;let v=0,c=k.indexOf(s);const h=g=>g?m.push(g):null;for(;c!==-1;)h(l.default.createElement("span",{key:"text-"+v},u.substring(v,c))),h(l.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+c},u.substring(c,c+I))),v=c+I,c=k.indexOf(s,c+I),c===-1&&h(l.default.createElement("span",{key:"text-"+v},u.substring(v,k.length)))}return m.length===0&&m.push(u),l.default.createElement("div",{className:"ts-Menu-option"},m)}}n.UIHighlightMenuOption=a},"./src/components/UIContextualMenu/index.tsx":function(i,n,e){"use strict";var C=this&&this.__createBinding||(Object.create?function(a,r,u,s){s===void 0&&(s=u);var m=Object.getOwnPropertyDescriptor(r,u);(!m||("get"in m?!r.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return r[u]}}),Object.defineProperty(a,s,m)}:function(a,r,u,s){s===void 0&&(s=u),a[s]=r[u]}),l=this&&this.__exportStar||function(a,r){for(var u in a)u!=="default"&&!Object.prototype.hasOwnProperty.call(r,u)&&C(r,a,u)};Object.defineProperty(n,"__esModule",{value:!0}),l(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),n),l(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),n)}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{var T=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,I=(i,t)=>{for(var e in t||(t={}))S.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},v=(i,t)=>A(i,j(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:I({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},d(c.styles,"root")),beak:I({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:I({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:I({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(I({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(I({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Debounce.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=e;function e(a,n){let _;return(...o)=>{clearTimeout(_),_=window.setTimeout(()=>{a(...o)},n)}}},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Debounce.ts"),t),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{var H=Object.defineProperty,z=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var D=(i,c,r)=>c in i?H(i,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[c]=r,C=(i,c)=>{for(var r in c||(c={}))W.call(c,r)&&D(i,r,c[r]);if(N)for(var r of N(c))j.call(c,r)&&D(i,r,c[r]);return i},w=(i,c)=>z(i,R(c));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(c){var r=[];return r.toString=function(){return this.map(function(o){var a="",e=typeof o[5]!="undefined";return o[4]&&(a+="@supports (".concat(o[4],") {")),o[2]&&(a+="@media ".concat(o[2]," {")),e&&(a+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),a+=c(o),e&&(a+="}"),o[2]&&(a+="}"),o[4]&&(a+="}"),a}).join("")},r.i=function(o,a,e,t,u){typeof o=="string"&&(o=[[null,o,void 0]]);var y={};if(e)for(var n=0;n<this.length;n++){var h=this[n][0];h!=null&&(y[h]=!0)}for(var m=0;m<o.length;m++){var l=[].concat(o[m]);e&&y[l[0]]||(typeof u!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=u),a&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=a),t&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=t):l[4]="".concat(t)),r.push(l))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(c){return c[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var c=[];function r(a){for(var e=-1,t=0;t<c.length;t++)if(c[t].identifier===a){e=t;break}return e}function s(a,e){for(var t={},u=[],y=0;y<a.length;y++){var n=a[y],h=e.base?n[0]+e.base:n[0],m=t[h]||0,l="".concat(h," ").concat(m);t[h]=m+1;var d=r(l),p={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(d!==-1)c[d].references++,c[d].updater(p);else{var f=o(p,e);e.byIndex=y,c.splice(y,0,{identifier:l,updater:f,references:1})}u.push(l)}return u}function o(a,e){var t=e.domAPI(e);t.update(a);var u=function(n){if(n){if(n.css===a.css&&n.media===a.media&&n.sourceMap===a.sourceMap&&n.supports===a.supports&&n.layer===a.layer)return;t.update(a=n)}else t.remove()};return u}i.exports=function(a,e){e=e||{},a=a||[];var t=s(a,e);return function(y){y=y||[];for(var n=0;n<t.length;n++){var h=t[n],m=r(h);c[m].references--}for(var l=s(y,e),d=0;d<t.length;d++){var p=t[d],f=r(p);c[f].references===0&&(c[f].updater(),c.splice(f,1))}t=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var c={};function r(o){if(typeof c[o]=="undefined"){var a=document.querySelector(o);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}c[o]=a}return c[o]}function s(o,a){var e=r(o);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(a)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function c(r){var s=document.createElement("style");return r.setAttributes(s,r.attributes),r.insert(s,r.options),s}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,c,r)=>{"use strict";function s(o){var a=r.nc;a&&o.setAttribute("nonce",a)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function c(o,a,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var y=e.sourceMap;y&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(y))))," */")),a.styleTagTransform(t,o,a.options)}function r(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function s(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=o.insertStyleElement(o);return{update:function(t){c(a,o,t)},remove:function(){r(a)}}}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function c(r,s){if(s.styleSheet)s.styleSheet.cssText=r;else{for(;s.firstChild;)s.removeChild(s.firstChild);s.appendChild(document.createTextNode(r))}}i.exports=c},"./stories/UIButton.story.tsx":function(i,c,r){"use strict";var s=this&&this.__createBinding||(Object.create?function(d,p,f,I){I===void 0&&(I=f);var v=Object.getOwnPropertyDescriptor(p,f);(!v||("get"in v?!p.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return p[f]}}),Object.defineProperty(d,I,v)}:function(d,p,f,I){I===void 0&&(I=f),d[I]=p[f]}),o=this&&this.__setModuleDefault||(Object.create?function(d,p){Object.defineProperty(d,"default",{enumerable:!0,value:p})}:function(d,p){d.default=p}),a=this&&this.__importStar||function(){var d=function(p){return d=Object.getOwnPropertyNames||function(f){var I=[];for(var v in f)Object.prototype.hasOwnProperty.call(f,v)&&(I[I.length]=v);return I},d(p)};return function(p){if(p&&p.__esModule)return p;var f={};if(p!=null)for(var I=d(p),v=0;v<I.length;v++)I[v]!=="default"&&s(f,p,I[v]);return o(f,p),f}}();Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=a(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),y=r("./src/components/UIContextualMenu/index.tsx"),n=r("./src/components/Icons.tsx"),h=r("./src/components/UITreeDropdown/index.tsx");(0,n.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const m={childrenGap:40},l=()=>{const[d,p]=(0,e.useState)(""),[f,I]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),v=b=>{p(b)},k=b=>{const S=w(C({},f),{[b]:!f[b]});I(S)},U=(b,S,_)=>{const B={key:b,text:S};return _&&(B.iconProps={iconName:n.UiIcons.GuidedDevelopment}),B},E=U("option1","option 1"),g=[U("option2","option 2"),U("option3","option 3")],x=g.map(b=>w(C({},b),{iconProps:{iconName:n.UiIcons.GuidedDevelopment}})),M=[x[0],w(C({},x[1]),{iconProps:void 0})],T=()=>[U("option1","option 1"),U("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},U("option3","option 3"),U("option4","option 4"),U("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},U("option6","option 6"),U("option7","option 7"),U("option8","option 8"),U("option10","option 10"),U("option11","option 11"),U("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:n.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:n.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"alert Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{alert:!0},"Alert button"),e.default.createElement(u.UIDefaultButton,{alert:!0,disabled:!0},"Alert disabled button"),e.default.createElement(u.UIDefaultButton,{alert:!0,iconProps:{iconName:n.UiIcons.Calendar}},"alert button with icon"),e.default.createElement(u.UIDefaultButton,{alert:!0,checked:!0},"Alert checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:n.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UISplitButton,{id:"test",callback:v.bind(this),menuItems:g,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:v.bind(this),menuItems:x,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:b=>{if(b==="rename"){const S=T(),_=S.find(B=>B.key==="rename");_&&(_.text="Renamed"),A(S)}v(b)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",d))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:n.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:n.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:n.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:n.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:n.UiIcons.Undo},checked:f.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:f.btn2,iconProps:{iconName:n.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:f.btn3,iconProps:{iconName:n.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:n.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:n.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Bulb},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:x}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Bulb},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{iconProps:{iconName:n.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:g}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:n.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:x}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:n.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(i,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),o=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),a=o;a.v1=s,a.v4=o,i.exports=a},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":i=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function s(o,a){var e=a||0,t=c;return[t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]]].join("")}i.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":i=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);i.exports=function(){return c(r),r}}else{var s=new Array(16);i.exports=function(){for(var a=0,e;a<16;a++)a&3||(e=Math.random()*4294967296),s[a]=e>>>((a&3)<<3)&255;return s}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(i,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),o=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),a,e,t=0,u=0;function y(n,h,m){var l=h&&m||0,d=h||[];n=n||{};var p=n.node||a,f=n.clockseq!==void 0?n.clockseq:e;if(p==null||f==null){var I=s();p==null&&(p=a=[I[0]|1,I[1],I[2],I[3],I[4],I[5]]),f==null&&(f=e=(I[6]<<8|I[7])&16383)}var v=n.msecs!==void 0?n.msecs:new Date().getTime(),k=n.nsecs!==void 0?n.nsecs:u+1,U=v-t+(k-u)/1e4;if(U<0&&n.clockseq===void 0&&(f=f+1&16383),(U<0||v>t)&&n.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=v,u=k,e=f,v+=122192928e5;var E=((v&268435455)*1e4+k)%4294967296;d[l++]=E>>>24&255,d[l++]=E>>>16&255,d[l++]=E>>>8&255,d[l++]=E&255;var g=v/4294967296*1e4&268435455;d[l++]=g>>>8&255,d[l++]=g&255,d[l++]=g>>>24&15|16,d[l++]=g>>>16&255,d[l++]=f>>>8|128,d[l++]=f&255;for(var x=0;x<6;++x)d[l+x]=p[x];return h||o(d)}i.exports=y},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(i,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),o=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function a(e,t,u){var y=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var n=e.random||(e.rng||s)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,t)for(var h=0;h<16;++h)t[y+h]=n[h];return t||o(n)}i.exports=a}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{var T=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?T(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,g=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var _=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),s=r(_);s.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var b=this[c][0];b!=null&&(l[b]=!0)}for(var f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var _=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(_),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=n.n(l),b=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(b),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=n.n(d),i=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(i),y={};for(const v in i)v!=="default"&&(y[v]=()=>i[v]);n.d(o,y);var h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const I=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},a=[],l=0;l<s.length;l++){var c=s[l],b=e.base?c[0]+e.base:c[0],f=t[b]||0,d="".concat(b," ").concat(f);t[b]=f+1;var p=n(d),i={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(i);else{var u=r(i,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;t.update(s=c)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(l){l=l||[];for(var c=0;c<t.length;c++){var b=t[c],f=n(b);o[f].references--}for(var d=_(l,e),p=0;p<t.length;p++){var i=t[p],u=n(i);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function _(r,s){var e=n(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var _=document.createElement("style");return n.setAttributes(_,n.attributes),n.insert(_,n.options),_}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function _(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function _(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,_){if(_.styleSheet)_.styleSheet.cssText=n;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},_=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:c}=e;if(l){const b=window.innerHeight-n.minPagePadding,f=l.rect.height,d=c.rect.bottom;let p=d+f-a.rect.top,i=d+l.rect.height;if(p<=0||i>=b)return;if(i+=a.rect.height,i<=b&&(p+=_),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const c=this.originalStyle[l];typeof c=="string"&&(t.dom.style[l]=c)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},c=f=>{var d,p;return{root:g({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((p=f.contentPadding)!=null?p:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=c;class b extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:p,focusTargetSiblingOnTabPress:i,target:u}=this.props;if(i&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}p==null||p(d)}render(){return r.default.createElement(s.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=b},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,g({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,g({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(p,i,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(i,u);(!h||("get"in h?!i.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return i[u]}}),Object.defineProperty(p,y,h)}:function(p,i,u,y){y===void 0&&(y=u),p[y]=i[u]}),r=this&&this.__setModuleDefault||(Object.create?function(p,i){Object.defineProperty(p,"default",{enumerable:!0,value:i})}:function(p,i){p.default=i}),s=this&&this.__importStar||function(){var p=function(i){return p=Object.getOwnPropertyNames||function(u){var y=[];for(var h in u)Object.prototype.hasOwnProperty.call(u,h)&&(y[y.length]=h);return y},p(i)};return function(i){if(i&&i.__esModule)return i;var u={};if(i!=null)for(var y=p(i),h=0;h<y.length;h++)y[h]!=="default"&&_(u,i,y[h]);return r(u,i),u}}();Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),c=n("./src/components/Icons.tsx");o.default={title:"Dropdowns/Callout"};const b=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},d=()=>e.default.createElement("div",null,e.default.createElement(b,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));o.Callout=d}}]);})();
|