@sap-ux/ui-components 1.23.0 → 1.24.1

package/storybook/UISections-story.0a680624.iframe.bundle.js

@@ -0,0 +1,19 @@
+"use strict";(()=>{var F=Object.defineProperty,K=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(d,t,n)=>t in d?F(d,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[t]=n,C=(d,t)=>{for(var n in t||(t={}))W.call(t,n)&&w(d,n,t[n]);if(q)for(var n of q(t))G.call(t,n)&&w(d,n,t[n]);return d},_=(d,t)=>K(d,Z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"./src/index.tsx":function(d,t,n){var T=this&&this.__createBinding||(Object.create?function(e,l,s,m){m===void 0&&(m=s);var g=Object.getOwnPropertyDescriptor(l,s);(!g||("get"in g?!l.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return l[s]}}),Object.defineProperty(e,m,g)}:function(e,l,s,m){m===void 0&&(m=s),e[m]=l[s]}),S=this&&this.__exportStar||function(e,l){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(l,s)&&T(l,e,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,S(n("./src/components/index.tsx"),t),S(n("./src/utilities/index.ts"),t),S(n("./src/theme/index.ts"),t);var U=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return U.setIconOptions}})},"./stories/UISections.story.tsx":function(d,t,n){var T=this&&this.__createBinding||(Object.create?function(i,o,c,a){a===void 0&&(a=c);var h=Object.getOwnPropertyDescriptor(o,c);(!h||("get"in h?!o.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return o[c]}}),Object.defineProperty(i,a,h)}:function(i,o,c,a){a===void 0&&(a=c),i[a]=o[c]}),S=this&&this.__setModuleDefault||(Object.create?function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}:function(i,o){i.default=o}),U=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var c in i)c!=="default"&&Object.prototype.hasOwnProperty.call(i,c)&&T(o,i,c);return S(o,i),o};Object.defineProperty(t,"__esModule",{value:!0}),t.VerticalSectionsThreeRows=t.HorizontalSectionsThreeColumns=t.VerticalSections=t.HorizontalSections=void 0;const e=U(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=n("./src/components/UISection/index.tsx"),s=n("./src/components/UIToggle/index.tsx"),m=n("./src/components/UIDropdown/index.tsx"),g=n("./src/components/UIButton/index.tsx"),A=n("./src/index.tsx");t.default={title:"Utilities/Splitter"};const V=`
+    .componentOptions {
+        display: flex;
+    }
+    .componentOptions > div {
+        min-width: 100px;
+        margin-right: 10px;
+    }
+    #storybook-root {
+        height: 100%;
+    }
+    .componentOptions .ms-TextField .ms-Label {
+        margin-top: 0;
+    }
+`,p=`Lorem ipsum dolor sit amet, modo iriure prompta eos in, eos ex meis ponderum, veniam cetero imperdiet ex mel. Munere recteque nam ut, ipsum aeterno est ex. Duo porro nulla ea, ut iudicabit scriptorem sed. Eos senserit imperdiet consequuntur in.
+Zril corpora ad per, id pri alia duis erant, elitr signiferumque eu duo. Offendit sententiae no vel, eos ad augue tibique definitionem, per ad aliquid graecis molestiae. No vero singulis sensibus nec, viris congue omnium an cum, eum cu veri maiorum suscipiantur. Ne comprehensam concludaturque nec. Eripuit deterruisset ei cum, cum elit debet sapientem ei.
+At mollis integre inciderint usu. Eu eam inani affert populo, modus idque salutandi no ius. Ad qui nostro voluptua gloriatur. Novum gloriatur persequeris eu vel, vim te nominavi abhorreant expetendis. His assum possit officiis ut, et est affert nominati aliquando, nam ne omnes doming graecis. Pri ex tota idque appareat, fugit oporteat urbanitas eu pro.
+Unum maluisset signiferumque has et, at persius intellegebat qui. Zril dolorum dignissim no ius, duo nostrud conceptam voluptatibus ut. Eam no noster fabellas, in meis tamquam expetendis pri. Id mel veri torquatos. Ridens facilisi constituto mei an, eos cu iriure facilis intellegam, cu magna graeci denique sea.
+Unum consectetuer et pro, at ignota evertitur mei. Wisi meis officiis sed ne, ea errem veritus dissentiunt quo. Eum et meis persequeris eloquentiam, mei et platonem complectitur. Vidisse legendos tincidunt id quo, id inermis facilis deleniti ius.`,E=i=>i.map(o=>({key:o,text:o}));function y(i){var D;const[o,c]=(0,e.useState)(i.threeSections?200:400),[a,h]=(0,e.useState)({vertical:i.vertical,splitterType:l.UISplitterType.Resize,splitter:!0,splitterTabIndex:0,minSectionSize:i.threeSections?[100,100,100]:[300,300],animation:!0,splitterLayoutType:l.UISplitterLayoutType.Standard,sizesAsPercents:!1,sizes:i.threeSections?[o,void 0,200]:[o,void 0]}),[v,P]=(0,e.useState)(!0),[b,x]=(0,e.useState)(!0),I=(f,r)=>{h(_(C({},a),{[f]:r}))},N=(f,r)=>{I(f.currentTarget.id,r)},j=(f,r)=>{let u=a.animation;u===!0&&!r?(u=[!0,!0],u[f]=!1):!u&&r?(u=[!1,!1],u[f]=!0):u=r,I("animation",u)},z=(f,r,u,O)=>{I(f,u==null?void 0:u.key)},L=[e.default.createElement(l.UISections.Section,{key:"first",height:"100%",cleanPadding:!0,hidden:!v,"data-test":"test"},e.default.createElement("div",null,p,p,p))];return i.threeSections&&L.push(e.default.createElement(l.UISections.Section,{key:"second",height:"100%",cleanPadding:!0},e.default.createElement("div",null,p,p,p))),L.push(e.default.createElement(l.UISections.Section,{key:"last",height:"100%",cleanPadding:!0,hidden:!b},e.default.createElement("div",null,p,p,p))),e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,V),e.default.createElement("div",{style:{height:"100%",display:"flex",flexDirection:"column"}},e.default.createElement("div",{className:"componentOptions"},e.default.createElement(s.UIToggle,{id:"splitter",label:"splitter",checked:a.splitter,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:N}),e.default.createElement(m.UIDropdown,{id:"splitterType",label:"splitterType",selectedKey:a.splitterType,options:E([l.UISplitterType.Resize,l.UISplitterType.Toggle]),onChange:z.bind(this,"splitterType")}),e.default.createElement(m.UIDropdown,{id:"splitterTabIndex",label:"splitterTabIndex",selectedKey:(D=a.splitterTabIndex)==null?void 0:D.toString(),options:E(["-1","0"]),onChange:z.bind(this,"splitterTabIndex")}),e.default.createElement(m.UIDropdown,{id:"splitterLayoutType",label:"splitterLayoutType",selectedKey:a.splitterLayoutType,options:E([l.UISplitterLayoutType.Compact,l.UISplitterLayoutType.Standard]),onChange:z.bind(this,"splitterLayoutType")}),e.default.createElement(A.UITextInput,{label:"First section size",value:o,onChange:(f,r)=>{const u=parseFloat(r!=null?r:"");if(!isNaN(u)){c(u);const O=[...a.sizes];O[0]=u,I("sizes",O)}}}),e.default.createElement("div",null,e.default.createElement(s.UIToggle,{id:"animation1",label:"Animate left section",checked:Array.isArray(a.animation)?a.animation[0]:a.animation,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:(f,r)=>j(0,r)}),e.default.createElement(s.UIToggle,{id:"animation1",label:"Animate right section",checked:Array.isArray(a.animation)?a.animation[1]:a.animation,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:(f,r)=>j(1,r)})),e.default.createElement("div",null,e.default.createElement(s.UIToggle,{id:"sectionVisible",label:"toggle left section",checked:v,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:()=>{P(!v)}}),e.default.createElement(s.UIToggle,{id:"sectionVisible",label:"toggle right section",checked:b,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:()=>{x(!b)}})),e.default.createElement("div",null,e.default.createElement(g.UIDefaultButton,{text:"Toggle sections",onClick:()=>{P(!v),x(!b)}}))),e.default.createElement("div",{style:{height:"100%"}},e.default.createElement(l.UISections,_(C({},a),{height:"100%",onClose:()=>{x(!b)}}),L))))}const M=()=>e.default.createElement(y,{vertical:!1});t.HorizontalSections=M;const B=()=>e.default.createElement(y,{vertical:!0});t.VerticalSections=B;const H=()=>e.default.createElement(y,{vertical:!1,threeSections:!0});t.HorizontalSectionsThreeColumns=H;const R=()=>e.default.createElement(y,{vertical:!0,threeSections:!0});t.VerticalSectionsThreeRows=R}}]);})();

package/storybook/{UIToggle-story.0e6774a9.iframe.bundle.js → UIToggle-story.2c8d6e30.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 P=(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)&&P(u,t,r[t]);if(C)for(var t of C(r))w.call(r,t)&&P(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),k=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":{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:k,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}}]);})();
+(()=>{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}}]);})();

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.9d531484.iframe.bundle.js';
+      import './runtime~main.d5724732.iframe.bundle.js';
       
       import './536.289052c3.iframe.bundle.js';
       
-      import './main.581b6247.iframe.bundle.js';</script></body></html>
+      import './main.18ce2f82.iframe.bundle.js';</script></body></html>