@sap-ux/ui-components 1.17.5 → 1.17.6

package/storybook/{491.520ba7fd.iframe.bundle.js → 491.1e9a71cc.iframe.bundle.js}

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

package/storybook/{589.c64b5c08.iframe.bundle.js → 589.16ed4444.iframe.bundle.js}

@@ -1 +1 @@
-(()=>{var M=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var P=(a,o,e)=>o in a?M(a,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[o]=e,b=(a,o)=>{for(var e in o||(o={}))B.call(o,e)&&P(a,e,o[e]);if(v)for(var e of v(o))C.call(o,e)&&P(a,e,o[e]);return a},h=(a,o)=>D(a,A(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[589],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":(a,o,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=c(f);_.push([a.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}",""]),a.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(a,o,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=c(f);_.push([a.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}',""]),a.exports=_},"./src/components/UIToggleGroup/UIToggleGroup.scss":(a,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),c=e.n(f),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=e.n(u),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(p),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),r=e.n(n),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),m=e.n(i),I={};for(const O in i)O!=="default"&&(I[O]=()=>i[O]);e.d(o,I);var y={};y.styleTagTransform=r(),y.setAttributes=g(),y.insert=d().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=l();var T=c()(m(),y);const E=m()&&m().locals?m().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(a,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),c=e.n(f),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=e.n(u),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(p),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),r=e.n(n),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),m=e.n(i),I={};for(const O in i)O!=="default"&&(I[O]=()=>i[O]);e.d(o,I);var y={};y.styleTagTransform=r(),y.setAttributes=g(),y.insert=d().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=l();var T=c()(m(),y);const E=m()&&m().locals?m().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(a,o,e){"use strict";var f=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const c=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class t extends c.default.Component{constructor(d){super(d)}render(){return c.default.createElement(_.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=t},"./src/components/UIFocusZone/UIFocusZone.tsx":function(a,o,e){"use strict";var f=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const c=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return _.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return _.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return _.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return _.FocusZoneTabbableElements}});class t extends c.default.Component{constructor(d){super(d)}render(){return c.default.createElement(_.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=t},"./src/components/UIFocusZone/index.tsx":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,t,s,d){d===void 0&&(d=s);var u=Object.getOwnPropertyDescriptor(t,s);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(_,d,u)}:function(_,t,s,d){d===void 0&&(d=s),_[d]=t[s]}),c=this&&this.__exportStar||function(_,t){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&f(t,_,s)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),c(e("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(l,n,r,i){i===void 0&&(i=r);var m=Object.getOwnPropertyDescriptor(n,r);(!m||("get"in m?!n.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(l,i,m)}:function(l,n,r,i){i===void 0&&(i=r),l[i]=n[r]}),c=this&&this.__setModuleDefault||(Object.create?function(l,n){Object.defineProperty(l,"default",{enumerable:!0,value:n})}:function(l,n){l.default=n}),_=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var r in l)r!=="default"&&Object.prototype.hasOwnProperty.call(l,r)&&f(n,l,r);return c(n,l),n};Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroup=void 0;const t=_(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),u=e("./src/components/UIFocusZone/index.tsx"),g=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class p extends t.Component{constructor(n){super(n),this.labelId=this.props.labelId?this.props.labelId:(0,g.getUIId)("ui-toggle-group-option-"),this.onClick=(r,i)=>{let m=!1;i!=null&&i.itemKey&&this.setState(I=>{var T,E;const y={options:I.options.map((O,j,U)=>O.key===i.itemKey?(m=!U[j].selected,h(b({},O),{selected:m,focused:U[j].focused})):h(b({},O),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(T=this.props).onChange)==null||E.call(T,i.itemKey,m)),y})},this.onFocus=(r,i)=>{i!=null&&i.itemKey&&this.setState(m=>({options:m.options.map(I=>I.key===i.itemKey?h(b({},I),{focused:!0}):h(b({},I),{focused:!1}))}))},this.onBlur=(r,i)=>{this.setState(m=>({options:m.options.map(I=>h(b({},I),{focused:!1}))}))},this.state={options:this.props.options.map(r=>r.key===this.props.selectedKey?h(b({},r),{selected:!0}):b({},r))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return t.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&t.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),t.createElement(u.UIFocusZone,{as:"div",direction:u.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(n=>t.createElement(s.UIToggleGroupOption,h(b({itemKey:n.key},n),{key:n.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:n.selected,disabled:n.disabled||this.props.disabled})))))}}o.UIToggleGroup=p},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(a,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(g,p,l,n){n===void 0&&(n=l);var r=Object.getOwnPropertyDescriptor(p,l);(!r||("get"in r?!p.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return p[l]}}),Object.defineProperty(g,n,r)}:function(g,p,l,n){n===void 0&&(n=l),g[n]=p[l]}),c=this&&this.__setModuleDefault||(Object.create?function(g,p){Object.defineProperty(g,"default",{enumerable:!0,value:p})}:function(g,p){g.default=p}),_=this&&this.__importStar||function(g){if(g&&g.__esModule)return g;var p={};if(g!=null)for(var l in g)l!=="default"&&Object.prototype.hasOwnProperty.call(g,l)&&f(p,g,l);return c(p,g),p};Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroupOption=void 0;const t=_(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class u extends t.Component{constructor(p){super(p),this.onClick=l=>{var n,r;(r=(n=this.props).onClick)==null||r.call(n,l,this.props)},this.onBlur=l=>{var n,r;(r=(n=this.props).onBlur)==null||r.call(n,l,this.props)},this.onFocus=l=>{var n,r;(r=(n=this.props).onFocus)==null||r.call(n,l,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const p=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return t.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(l=>!!l).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":p}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),t.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&t.createElement("span",b({id:p,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&t.createElement(s.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}o.UIToggleGroupOption=u},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(a,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,t,s,d){d===void 0&&(d=s);var u=Object.getOwnPropertyDescriptor(t,s);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(_,d,u)}:function(_,t,s,d){d===void 0&&(d=s),_[d]=t[s]}),c=this&&this.__exportStar||function(_,t){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&f(t,_,s)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),o),c(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),o)},"./src/components/UIToggleGroup/index.ts":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,t,s,d){d===void 0&&(d=s);var u=Object.getOwnPropertyDescriptor(t,s);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(_,d,u)}:function(_,t,s,d){d===void 0&&(d=s),_[d]=t[s]}),c=this&&this.__exportStar||function(_,t){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&f(t,_,s)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),o),c(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),o)}}]);})();
+(()=>{var M=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var P=(a,o,e)=>o in a?M(a,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[o]=e,b=(a,o)=>{for(var e in o||(o={}))B.call(o,e)&&P(a,e,o[e]);if(v)for(var e of v(o))C.call(o,e)&&P(a,e,o[e]);return a},h=(a,o)=>D(a,A(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[589],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":(a,o,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=c(f);_.push([a.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}",""]),a.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(a,o,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),_=c(f);_.push([a.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}',""]),a.exports=_},"./src/components/UIToggleGroup/UIToggleGroup.scss":(a,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),c=e.n(f),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=e.n(u),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(p),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),r=e.n(n),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),m=e.n(i),I={};for(const O in i)O!=="default"&&(I[O]=()=>i[O]);e.d(o,I);var y={};y.styleTagTransform=r(),y.setAttributes=g(),y.insert=d().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=l();var T=c()(m(),y);const E=m()&&m().locals?m().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(a,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),c=e.n(f),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),g=e.n(u),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(p),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),r=e.n(n),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),m=e.n(i),I={};for(const O in i)O!=="default"&&(I[O]=()=>i[O]);e.d(o,I);var y={};y.styleTagTransform=r(),y.setAttributes=g(),y.insert=d().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=l();var T=c()(m(),y);const E=m()&&m().locals?m().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(a,o,e){"use strict";var f=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const c=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class t extends c.default.Component{constructor(d){super(d)}render(){return c.default.createElement(_.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=t},"./src/components/UIFocusZone/UIFocusZone.tsx":function(a,o,e){"use strict";var f=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const c=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return _.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return _.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return _.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return _.FocusZoneTabbableElements}});class t extends c.default.Component{constructor(d){super(d)}render(){return c.default.createElement(_.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=t},"./src/components/UIFocusZone/index.tsx":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,t,s,d){d===void 0&&(d=s);var u=Object.getOwnPropertyDescriptor(t,s);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(_,d,u)}:function(_,t,s,d){d===void 0&&(d=s),_[d]=t[s]}),c=this&&this.__exportStar||function(_,t){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&f(t,_,s)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),c(e("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(l,n,r,i){i===void 0&&(i=r);var m=Object.getOwnPropertyDescriptor(n,r);(!m||("get"in m?!n.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(l,i,m)}:function(l,n,r,i){i===void 0&&(i=r),l[i]=n[r]}),c=this&&this.__setModuleDefault||(Object.create?function(l,n){Object.defineProperty(l,"default",{enumerable:!0,value:n})}:function(l,n){l.default=n}),_=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var r in l)r!=="default"&&Object.prototype.hasOwnProperty.call(l,r)&&f(n,l,r);return c(n,l),n};Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroup=void 0;const t=_(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),u=e("./src/components/UIFocusZone/index.tsx"),g=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class p extends t.Component{constructor(n){super(n),this.labelId=this.props.labelId?this.props.labelId:(0,g.getUIId)("ui-toggle-group-option-"),this.onClick=(r,i)=>{let m=!1;i!=null&&i.itemKey&&this.setState(I=>{var T,E;const y={options:I.options.map((O,j,U)=>O.key===i.itemKey?(m=!U[j].selected,h(b({},O),{selected:m,focused:U[j].focused})):h(b({},O),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(T=this.props).onChange)==null||E.call(T,i.itemKey,m)),y})},this.onFocus=(r,i)=>{i!=null&&i.itemKey&&this.setState(m=>({options:m.options.map(I=>I.key===i.itemKey?h(b({},I),{focused:!0}):h(b({},I),{focused:!1}))}))},this.onBlur=(r,i)=>{this.setState(m=>({options:m.options.map(I=>h(b({},I),{focused:!1}))}))},this.state={options:this.props.options.map(r=>r.key===this.props.selectedKey?h(b({},r),{selected:!0}):b({},r))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return t.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&t.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),t.createElement(u.UIFocusZone,{as:"div",direction:u.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(n=>t.createElement(s.UIToggleGroupOption,h(b({itemKey:n.key},n),{key:n.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:n.selected,disabled:n.disabled||this.props.disabled})))))}}o.UIToggleGroup=p},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(a,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(g,p,l,n){n===void 0&&(n=l);var r=Object.getOwnPropertyDescriptor(p,l);(!r||("get"in r?!p.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return p[l]}}),Object.defineProperty(g,n,r)}:function(g,p,l,n){n===void 0&&(n=l),g[n]=p[l]}),c=this&&this.__setModuleDefault||(Object.create?function(g,p){Object.defineProperty(g,"default",{enumerable:!0,value:p})}:function(g,p){g.default=p}),_=this&&this.__importStar||function(g){if(g&&g.__esModule)return g;var p={};if(g!=null)for(var l in g)l!=="default"&&Object.prototype.hasOwnProperty.call(g,l)&&f(p,g,l);return c(p,g),p};Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroupOption=void 0;const t=_(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class u extends t.Component{constructor(p){super(p),this.onClick=l=>{var n,r;(r=(n=this.props).onClick)==null||r.call(n,l,this.props)},this.onBlur=l=>{var n,r;(r=(n=this.props).onBlur)==null||r.call(n,l,this.props)},this.onFocus=l=>{var n,r;(r=(n=this.props).onFocus)==null||r.call(n,l,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const p=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return t.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(l=>!!l).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":p}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),t.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&t.createElement("span",b({id:p,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&t.createElement(s.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}o.UIToggleGroupOption=u},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(a,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,t,s,d){d===void 0&&(d=s);var u=Object.getOwnPropertyDescriptor(t,s);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(_,d,u)}:function(_,t,s,d){d===void 0&&(d=s),_[d]=t[s]}),c=this&&this.__exportStar||function(_,t){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&f(t,_,s)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),o),c(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),o)},"./src/components/UIToggleGroup/index.ts":function(a,o,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,t,s,d){d===void 0&&(d=s);var u=Object.getOwnPropertyDescriptor(t,s);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(_,d,u)}:function(_,t,s,d){d===void 0&&(d=s),_[d]=t[s]}),c=this&&this.__exportStar||function(_,t){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&f(t,_,s)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),o),c(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),o)}}]);})();