@sap-ux/ui-components 1.24.5 → 1.24.7

package/storybook/UIContextualMenu-story.69ca0e68.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var w=(s,a,r)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[a]=r,_=(s,a)=>{for(var r in a||(a={}))L.call(a,r)&&w(s,r,a[r]);if(M)for(var r of M(a))R.call(a,r)&&w(s,r,a[r]);return s},I=(s,a)=>D(s,A(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(a){var r=[];return r.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=a(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},r.i=function(e,t,n,o,p){typeof e=="string"&&(e=[[null,e,void 0]]);var f={};if(n)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(f[v]=!0)}for(var k=0;k<e.length;k++){var u=[].concat(e[k]);n&&f[u[0]]||(typeof p!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=p),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),r.push(u))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var a=[];function r(t){for(var n=-1,o=0;o<a.length;o++)if(a[o].identifier===t){n=o;break}return n}function l(t,n){for(var o={},p=[],f=0;f<t.length;f++){var d=t[f],v=n.base?d[0]+n.base:d[0],k=o[v]||0,u="".concat(v," ").concat(k);o[v]=k+1;var c=r(u),x={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(c!==-1)a[c].references++,a[c].updater(x);else{var i=e(x,n);n.byIndex=f,a.splice(f,0,{identifier:u,updater:i,references:1})}p.push(u)}return p}function e(t,n){var o=n.domAPI(n);o.update(t);var p=function(d){if(d){if(d.css===t.css&&d.media===t.media&&d.sourceMap===t.sourceMap&&d.supports===t.supports&&d.layer===t.layer)return;o.update(t=d)}else o.remove()};return p}s.exports=function(t,n){n=n||{},t=t||[];var o=l(t,n);return function(f){f=f||[];for(var d=0;d<o.length;d++){var v=o[d],k=r(v);a[k].references--}for(var u=l(f,n),c=0;c<o.length;c++){var x=o[c],i=r(x);a[i].references===0&&(a[i].updater(),a.splice(i,1))}o=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var a={};function r(e){if(typeof a[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}a[e]=t}return a[e]}function l(e,t){var n=r(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function a(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}s.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,a,r)=>{"use strict";function l(e){var t=r.nc;t&&e.setAttribute("nonce",t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function a(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var p=typeof n.layer!="undefined";p&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,p&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var f=n.sourceMap;f&&typeof btoa!="undefined"&&(o+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(o,e,t.options)}function r(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function l(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){a(t,e,o)},remove:function(){r(t)}}}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function a(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}s.exports=a},"./src/components/UIToggle/UIToggle.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIToggle=a.UIToggleSize=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l(r("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r("./src/helper/ValidationMessage/index.tsx"),p=r("./src/components/UIIcon/index.tsx"),f=r("./src/components/Icons.tsx");var d;(function(i){i.Standard="Standard",i.Small="Small"})(d||(a.UIToggleSize=d={}));const v={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},k=new Map([[!0,{position:"relative",top:-9,left:0}],[!1,{position:"relative",top:-11,left:0}]]),u=.4,c={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class x extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,b){var g,m;this.replaceThumbWithIcon(b),(m=(g=this.props).onChange)==null||m.call(g,h,b)}replaceThumbWithIcon(h=!1){var b;if(this.toggleRootRef.current){const g=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");if(g){const m=k.get(h);t.default.render(e.default.createElement(p.UIIcon,{iconName:h?f.UiIcons.SwitchOn:f.UiIcons.SwitchOff,style:m}),g)}}}getMarginBottom(h){const{inlineLabel:b}=this.props;if(h)return b?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:b,inlineLabel:g}=this.props,m=v,y=(0,o.getMessageInfo)(this.props),C=T=>({root:I(_({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(y.message)}),label:I(_(_({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},g&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?u:"inherit"}),pill:I(_({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor},":hover":{background:c.pill.checked.hover.background,borderColor:c.pill.checked.hover.borderColor},":disabled":{background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,opacity:u}},!T.checked&&{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.unchecked.hover.background,borderColor:c.thumb.unchecked.hover.borderColor},":hover":{background:c.pill.unchecked.hover.background,borderColor:c.pill.unchecked.hover.borderColor},":disabled":{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,opacity:u}}),{selectors:{":focus::after":{border:"none !important",outline:c.pill.focus.outline}}}),thumb:_({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:c.thumb.checked.borderColor,backgroundColor:c.thumb.checked.background,":hover":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:c.thumb.unchecked.borderColor,backgroundColor:c.thumb.unchecked.background})}),S=e.default.createElement(n.Toggle,I(_({},this.props),{styles:C,ref:this.toggleRootRef,onChange:this.handleChange}));return y.message?e.default.createElement(o.MessageWrapper,{message:y},S):S}}a.UIToggle=x},"./src/components/UIToggle/index.tsx":function(s,a,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(t,n,o,p){p===void 0&&(p=o);var f=Object.getOwnPropertyDescriptor(n,o);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,p,f)}:function(t,n,o,p){p===void 0&&(p=o),t[p]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&l(n,t,o)};Object.defineProperty(a,"__esModule",{value:!0}),e(r("./src/components/UIToggle/UIToggle.tsx"),a)},"./stories/UIContextualMenu.story.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.ContextualMenu=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=r("./src/components/UIContextualMenu/index.tsx"),o=r("./src/components/UIButton/index.tsx"),p=r("./src/components/UITreeDropdown/index.tsx"),f=r("./src/components/Icons.tsx"),d=r("./src/components/UIDropdown/index.tsx"),v=r("./src/components/UIToggle/index.tsx");a.default={title:"Dropdowns/ContextualMenu"};const k={childrenGap:40};function u(i=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:I(_({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:I(_({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const c=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(i=>({key:i.toString(),text:i.toString()})),x=()=>{const i=e.default.useRef(null),[h,b]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[g,m]=e.default.useState(!0),[y,C]=e.default.useState(!1),S=e.default.useCallback(()=>{C(!0)},[]),T=e.default.useCallback(()=>C(!1),[]);return e.default.createElement(t.Stack,{tokens:k},e.default.createElement(d.UIDropdown,{label:"Layout",options:c,selectedKey:h.toString(),onChange:(E,U)=>{U&&b(n.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(v.UIToggle,{checked:g,label:"showSubmenuBeneath",onChange:(E,U)=>{m(!!U)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:i,onClick:S},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!y,target:i,items:u(),onDismiss:T,layoutType:h,showSubmenuBeneath:g})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(o.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:u(),layoutType:h,showSubmenuBeneath:g}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.Undo},menuProps:{items:u(),layoutType:h,showSubmenuBeneath:g}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.ArrowLeft},menuProps:{items:u(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:h,showSubmenuBeneath:g}})))))};a.ContextualMenu=x},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=l,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var a=[],r=0;r<256;++r)a[r]=(r+256).toString(16).substr(1);function l(e,t){var n=t||0,o=a;return[o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]]].join("")}s.exports=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var r=new Uint8Array(16);s.exports=function(){return a(r),r}}else{var l=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),l[t]=n>>>((t&3)<<3)&255;return l}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,o=0,p=0;function f(d,v,k){var u=v&&k||0,c=v||[];d=d||{};var x=d.node||t,i=d.clockseq!==void 0?d.clockseq:n;if(x==null||i==null){var h=l();x==null&&(x=t=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),i==null&&(i=n=(h[6]<<8|h[7])&16383)}var b=d.msecs!==void 0?d.msecs:new Date().getTime(),g=d.nsecs!==void 0?d.nsecs:p+1,m=b-o+(g-p)/1e4;if(m<0&&d.clockseq===void 0&&(i=i+1&16383),(m<0||b>o)&&d.nsecs===void 0&&(g=0),g>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");o=b,p=g,n=i,b+=122192928e5;var y=((b&268435455)*1e4+g)%4294967296;c[u++]=y>>>24&255,c[u++]=y>>>16&255,c[u++]=y>>>8&255,c[u++]=y&255;var C=b/4294967296*1e4&268435455;c[u++]=C>>>8&255,c[u++]=C&255,c[u++]=C>>>24&15|16,c[u++]=C>>>16&255,c[u++]=i>>>8|128,c[u++]=i&255;for(var S=0;S<6;++S)c[u+S]=x[S];return v||e(c)}s.exports=f},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,o,p){var f=o&&p||0;typeof n=="string"&&(o=n==="binary"?new Array(16):null,n=null),n=n||{};var d=n.random||(n.rng||l)();if(d[6]=d[6]&15|64,d[8]=d[8]&63|128,o)for(var v=0;v<16;++v)o[f+v]=d[v];return o||e(d)}s.exports=t}}]);})();

package/storybook/{UIToggle-story.2c8d6e30.iframe.bundle.js → UIToggle-story.dd43d8d5.iframe.bundle.js}

@@ -1,2 +1,2 @@
 (()=>{var O=Object.defineProperty,A=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var k=(u,r,t)=>r in u?O(u,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[r]=t,y=(u,r)=>{for(var t in r||(r={}))j.call(r,t)&&k(u,t,r[t]);if(C)for(var t of C(r))w.call(r,t)&&k(u,t,r[t]);return u},M=(u,r)=>A(u,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.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}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(r){var t=[];return t.toString=function(){return this.map(function(e){var s="",o=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),o&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),o&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},t.i=function(e,s,o,n,l){typeof e=="string"&&(e=[[null,e,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(a[p]=!0)}for(var b=0;b<e.length;b++){var d=[].concat(e[b]);o&&a[d[0]]||(typeof l!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=l),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),n&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=n):d[4]="".concat(n)),t.push(d))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss":(u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>i});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=t.n(d),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const i=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>i});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=t.n(d),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const i=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var r=[];function t(s){for(var o=-1,n=0;n<r.length;n++)if(r[n].identifier===s){o=n;break}return o}function _(s,o){for(var n={},l=[],a=0;a<s.length;a++){var c=s[a],p=o.base?c[0]+o.base:c[0],b=n[p]||0,d="".concat(p," ").concat(b);n[p]=b+1;var m=t(d),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(m!==-1)r[m].references++,r[m].updater(v);else{var g=e(v,o);o.byIndex=a,r.splice(a,0,{identifier:d,updater:g,references:1})}l.push(d)}return l}function e(s,o){var n=o.domAPI(o);n.update(s);var l=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;n.update(s=c)}else n.remove()};return l}u.exports=function(s,o){o=o||{},s=s||[];var n=_(s,o);return function(a){a=a||[];for(var c=0;c<n.length;c++){var p=n[c],b=t(p);r[b].references--}for(var d=_(a,o),m=0;m<n.length;m++){var v=n[m],g=t(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}n=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var r={};function t(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}r[e]=s}return r[e]}function _(e,s){var o=t(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function r(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,r,t)=>{"use strict";function _(e){var s=t.nc;s&&e.setAttribute("nonce",s)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function r(e,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,l&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var a=o.sourceMap;a&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function _(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function r(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=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/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,M(y({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}r.UIIcon=o},"./src/components/UIIcon/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=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"),n=t("./src/helper/ValidationMessage/index.tsx"),l=t("./src/components/UIIcon/index.tsx"),a=t("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b=new Map([[!0,{position:"relative",top:-9,left:0}],[!1,{position:"relative",top:-11,left:0}]]),d=.4,m={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var I,i;this.replaceThumbWithIcon(f),(i=(I=this.props).onChange)==null||i.call(I,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const I=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");if(I){const i=b.get(h);s.default.render(e.default.createElement(l.UIIcon,{iconName:h?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:i}),I)}}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:I}=this.props,i=p,E=(0,n.getMessageInfo)(this.props),P=S=>({root:M(y({},f&&{flexGrow:1}),{margin:i==null?void 0:i.margin,marginBottom:this.getMarginBottom(E.message)}),label:M(y(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:i==null?void 0:i.label.fontSize,padding:i==null?void 0:i.label.padding},I&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),f&&{flexGrow:1}),{opacity:this.props.disabled?d:"inherit"}),pill:M(y({height:i==null?void 0:i.height,width:i==null?void 0:i.width,padding:i==null?void 0:i.padding,background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:m.thumb.checked.hover.background,borderColor:m.thumb.checked.hover.borderColor},":hover":{background:m.pill.checked.hover.background,borderColor:m.pill.checked.hover.borderColor},":disabled":{background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,opacity:d}},!S.checked&&{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:m.thumb.unchecked.hover.background,borderColor:m.thumb.unchecked.hover.borderColor},":hover":{background:m.pill.unchecked.hover.background,borderColor:m.pill.unchecked.hover.borderColor},":disabled":{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,opacity:d}}),{selectors:{":focus::after":{border:"none !important",outline:m.pill.focus.outline}}}),thumb:y({height:i==null?void 0:i.circle.height,width:i==null?void 0:i.circle.width,borderWidth:i==null?void 0:i.circle.borderWidth,backgroundPosition:"center",borderColor:m.thumb.checked.borderColor,backgroundColor:m.thumb.checked.background,":hover":{background:m.thumb.checked.hover.background,borderColor:m.thumb.checked.hover.borderColor}},!S.checked&&{borderColor:m.thumb.unchecked.borderColor,backgroundColor:m.thumb.unchecked.background})}),T=e.default.createElement(o.Toggle,M(y({},this.props),{styles:P,ref:this.toggleRootRef,onChange:this.handleChange}));return E.message?e.default.createElement(n.MessageWrapper,{message:E},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=l;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function l(a){const{children:c,message:p}=a,b=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,d=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${b}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(n.UIIcon,{iconName:d}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(u,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const _=(a,c)=>{const p=`1px solid ${c}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:M(y({color:"var(--vscode-input-foreground)"},_("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),_("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),_("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let c;switch(a){case t.Warning:{c=e.warning;break}case t.Info:{c=e.info;break}default:{c=e.error;break}}return c},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(a!=null&&a[p])return a[p]},l=a=>{const c=o(a);return{type:c,style:s(c),message:n(a)}};r.getMessageInfo=l},"./stories/UIToggle.story.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=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"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},l=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=l;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const c=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.UIToggleSize.Small})));r.smallSize=p;const b=()=>{const d="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:d}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:d,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:d}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:d})))};r.withMessages=b}}]);})();
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function _(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function r(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=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/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,M(y({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}r.UIIcon=o},"./src/components/UIIcon/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=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"),n=t("./src/helper/ValidationMessage/index.tsx"),l=t("./src/components/UIIcon/index.tsx"),a=t("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b=new Map([[!0,{position:"relative",top:-9,left:0}],[!1,{position:"relative",top:-11,left:0}]]),d=.4,m={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var I,i;this.replaceThumbWithIcon(f),(i=(I=this.props).onChange)==null||i.call(I,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const I=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");if(I){const i=b.get(h);s.default.render(e.default.createElement(l.UIIcon,{iconName:h?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:i}),I)}}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:I}=this.props,i=p,E=(0,n.getMessageInfo)(this.props),P=S=>({root:M(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:i==null?void 0:i.margin,marginBottom:this.getMarginBottom(E.message)}),label:M(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:i==null?void 0:i.label.fontSize,padding:i==null?void 0:i.label.padding},I&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?d:"inherit"}),pill:M(y({height:i==null?void 0:i.height,width:i==null?void 0:i.width,padding:i==null?void 0:i.padding,background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:m.thumb.checked.hover.background,borderColor:m.thumb.checked.hover.borderColor},":hover":{background:m.pill.checked.hover.background,borderColor:m.pill.checked.hover.borderColor},":disabled":{background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,opacity:d}},!S.checked&&{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:m.thumb.unchecked.hover.background,borderColor:m.thumb.unchecked.hover.borderColor},":hover":{background:m.pill.unchecked.hover.background,borderColor:m.pill.unchecked.hover.borderColor},":disabled":{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,opacity:d}}),{selectors:{":focus::after":{border:"none !important",outline:m.pill.focus.outline}}}),thumb:y({height:i==null?void 0:i.circle.height,width:i==null?void 0:i.circle.width,borderWidth:i==null?void 0:i.circle.borderWidth,backgroundPosition:"center",borderColor:m.thumb.checked.borderColor,backgroundColor:m.thumb.checked.background,":hover":{background:m.thumb.checked.hover.background,borderColor:m.thumb.checked.hover.borderColor}},!S.checked&&{borderColor:m.thumb.unchecked.borderColor,backgroundColor:m.thumb.unchecked.background})}),T=e.default.createElement(o.Toggle,M(y({},this.props),{styles:P,ref:this.toggleRootRef,onChange:this.handleChange}));return E.message?e.default.createElement(n.MessageWrapper,{message:E},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=l;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function l(a){const{children:c,message:p}=a,b=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,d=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${b}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(n.UIIcon,{iconName:d}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(u,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const _=(a,c)=>{const p=`1px solid ${c}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:M(y({color:"var(--vscode-input-foreground)"},_("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),_("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),_("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let c;switch(a){case t.Warning:{c=e.warning;break}case t.Info:{c=e.info;break}default:{c=e.error;break}}return c},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(a!=null&&a[p])return a[p]},l=a=>{const c=o(a);return{type:c,style:s(c),message:n(a)}};r.getMessageInfo=l},"./stories/UIToggle.story.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=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"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},l=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=l;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const c=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.UIToggleSize.Small})));r.smallSize=p;const b=()=>{const d="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:d}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:d,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:d}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:d})))};r.withMessages=b}}]);})();

package/storybook/iframe.html

@@ -518,8 +518,8 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.6c0081d4.iframe.bundle.js';
+      import './runtime~main.9d57e877.iframe.bundle.js';
       
       import './536.289052c3.iframe.bundle.js';
       
-      import './main.45e7e471.iframe.bundle.js';</script></body></html>
+      import './main.48634d01.iframe.bundle.js';</script></body></html>