@sap-ux/ui-components 1.26.9 → 1.26.11

package/storybook/263.28b3ed84.iframe.bundle.js

@@ -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([[263],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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)}}]);})();

package/storybook/361.68ae243e.iframe.bundle.js

@@ -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([[361],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(d),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),D=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(c),w=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=t.n(w),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(d),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),D=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(c),w=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=t.n(w),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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)}}]);})();

package/storybook/{723.f462570a.iframe.bundle.js → 559.62175a29.iframe.bundle.js}

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

package/storybook/569.072cfeae.iframe.bundle.js

@@ -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([[569],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/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}}]);})();