@sap-ux/ui-components 2.0.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/components/Icons.d.ts +3 -0
  2. package/dist/components/Icons.d.ts.map +1 -1
  3. package/dist/components/Icons.js +16 -1
  4. package/dist/components/Icons.js.map +1 -1
  5. package/package.json +1 -1
  6. package/storybook/{321.18c353da.iframe.bundle.js → 112.80afc68d.iframe.bundle.js} +1 -1
  7. package/storybook/{630.56ecdf11.iframe.bundle.js → 14.1da3f2ee.iframe.bundle.js} +2 -2
  8. package/storybook/{543.0c0837d6.iframe.bundle.js → 279.8dad0e60.iframe.bundle.js} +1 -1
  9. package/storybook/{434.16b1a922.iframe.bundle.js → 495.5574310d.iframe.bundle.js} +1 -1
  10. package/storybook/{267.22cc1c06.iframe.bundle.js → 642.65c5e69f.iframe.bundle.js} +1 -1
  11. package/storybook/{482.ad357daf.iframe.bundle.js → 723.36541956.iframe.bundle.js} +1 -1
  12. package/storybook/{195.3d7d3044.iframe.bundle.js → 763.3294d52f.iframe.bundle.js} +1 -1
  13. package/storybook/{174.71a8dd1c.iframe.bundle.js → 776.2cac3f4d.iframe.bundle.js} +1 -1
  14. package/storybook/{473.fa931179.iframe.bundle.js → 824.c1c8a45a.iframe.bundle.js} +1 -1
  15. package/storybook/{618.0c2b25bb.iframe.bundle.js → 879.4e975e38.iframe.bundle.js} +1 -1
  16. package/storybook/{UIActionCallout-story.17b8bed9.iframe.bundle.js → UIActionCallout-story.3d4143cc.iframe.bundle.js} +2 -2
  17. package/storybook/{UICallout-story.f956caff.iframe.bundle.js → UICallout-story.bed8a5fb.iframe.bundle.js} +2 -2
  18. package/storybook/{UICheckbox-story.490ca9cb.iframe.bundle.js → UICheckbox-story.c5ee487a.iframe.bundle.js} +2 -2
  19. package/storybook/{UICreateSelect-story.dd4c5fad.iframe.bundle.js → UICreateSelect-story.6f685540.iframe.bundle.js} +2 -2
  20. package/storybook/{UIDatePicker-story.67b687bc.iframe.bundle.js → UIDatePicker-story.85d938e0.iframe.bundle.js} +2 -2
  21. package/storybook/{UIDialog-story.7dbbf082.iframe.bundle.js → UIDialog-story.12c2e8e6.iframe.bundle.js} +2 -2
  22. package/storybook/{UILink-story.16737a61.iframe.bundle.js → UILink-story.111b916d.iframe.bundle.js} +2 -2
  23. package/storybook/{UILoader-story.0f747ffb.iframe.bundle.js → UILoader-story.0da3754b.iframe.bundle.js} +3 -3
  24. package/storybook/{UITextInput-story.c00bbea7.iframe.bundle.js → UITextInput-story.24e2874f.iframe.bundle.js} +2 -2
  25. package/storybook/{UIToggle-story.bf57ab50.iframe.bundle.js → UIToggle-story.99bc14b4.iframe.bundle.js} +2 -2
  26. package/storybook/{UIToggleGroup-story.d6ffea1a.iframe.bundle.js → UIToggleGroup-story.e5826214.iframe.bundle.js} +2 -2
  27. package/storybook/{UITooltip-story.e088dd3c.iframe.bundle.js → UITooltip-story.4a12582e.iframe.bundle.js} +2 -2
  28. package/storybook/iframe.html +2 -2
  29. package/storybook/main.984ca662.iframe.bundle.js +1 -0
  30. package/storybook/project.json +1 -1
  31. package/storybook/runtime~main.42e91965.iframe.bundle.js +2 -0
  32. package/storybook/main.d5e7ba9d.iframe.bundle.js +0 -1
  33. package/storybook/runtime~main.735b9f72.iframe.bundle.js +0 -2
package/storybook/{UIToggle-story.bf57ab50.iframe.bundle.js → UIToggle-story.99bc14b4.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var P=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var C=(u,r,_)=>r in u?P(u,r,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[r]=_,y=(u,r)=>{for(var _ in r||(r={}))U.call(r,_)&&C(u,_,r[_]);if(S)for(var _ of S(r))j.call(r,_)&&C(u,_,r[_]);return u},I=(u,r)=>O(u,A(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.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(u,r,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),s=e(a);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),s=e(a);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.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(u){"use strict";u.exports=function(r){var _=[];return _.toString=function(){return this.map(function(e){var s="",t=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),t&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),t&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},_.i=function(e,s,t,o,n){typeof e=="string"&&(e=[[null,e,void 0]]);var l={};if(t)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(l[p]=!0)}for(var h=0;h<e.length;h++){var d=[].concat(e[h]);t&&l[d[0]]||(typeof n!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=n),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),_.push(d))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/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,_){"use strict";_.r(r),_.d(r,{default:()=>m});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(a),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(d),v=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var g={};g.styleTagTransform=i(),g.setAttributes=c(),g.insert=n().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=h();var E=e()(f(),g);const m=f()&&f().locals?f().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){"use strict";_.r(r),_.d(r,{default:()=>m});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(a),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(d),v=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),f=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var g={};g.styleTagTransform=i(),g.setAttributes=c(),g.insert=n().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=h();var E=e()(f(),g);const m=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(u){"use strict";var r=[];function _(s){for(var t=-1,o=0;o<r.length;o++)if(r[o].identifier===s){t=o;break}return t}function a(s,t){for(var o={},n=[],l=0;l<s.length;l++){var c=s[l],p=t.base?c[0]+t.base:c[0],h=o[p]||0,d="".concat(p," ").concat(h);o[p]=h+1;var i=_(d),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)r[i].references++,r[i].updater(v);else{var f=e(v,t);t.byIndex=l,r.splice(l,0,{identifier:d,updater:f,references:1})}n.push(d)}return n}function e(s,t){var o=t.domAPI(t);o.update(s);var n=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;o.update(s=c)}else o.remove()};return n}u.exports=function(s,t){t=t||{},s=s||[];var o=a(s,t);return function(l){l=l||[];for(var c=0;c<o.length;c++){var p=o[c],h=_(p);r[h].references--}for(var d=a(l,t),i=0;i<o.length;i++){var v=o[i],f=_(v);r[f].references===0&&(r[f].updater(),r.splice(f,1))}o=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(u){"use strict";var r={};function _(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(t){s=null}r[e]=s}return r[e]}function a(e,s){var t=_(e);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(s)}u.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(u){"use strict";function r(_){var a=document.createElement("style");return _.setAttributes(a,_.attributes),_.insert(a,_.options),a}u.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(u,r,_){"use strict";function a(e){var s=_.nc;s&&e.setAttribute("nonce",s)}u.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(u){"use strict";function r(e,s,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,n&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(o+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(o,e,s.options)}function _(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function a(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(o){r(s,e,o)},remove:function(){_(s)}}}u.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(u){"use strict";function r(_,a){if(a.styleSheet)a.styleSheet.cssText=_;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(_))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx"(u,r,_){"use strict";var a=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");_("./src/components/UIIcon/UIIcon.scss");class t extends e.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,I(y({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}r.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,r,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&a(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(u,r,_){"use strict";var a=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=a(_("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),t=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),o=_("./src/helper/ValidationMessage/index.tsx"),n=_("./src/components/UIIcon/index.tsx"),l=_("./src/components/Icons.tsx");var c;(function(f){f.Standard="Standard",f.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}},h={display:"flex"},d=.4,i={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(b){super(b),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var b;this.replaceThumbWithIcon((b=this.props.checked)!=null?b:this.props.defaultChecked)}shouldComponentUpdate(b){return b.checked!==this.props.checked&&this.replaceThumbWithIcon(b.checked),!0}handleChange(b,g){var E,m;this.replaceThumbWithIcon(g),(m=(E=this.props).onChange)==null||m.call(E,b,g)}replaceThumbWithIcon(b=!1){var g;if(this.toggleRootRef.current){const E=(g=this.toggleRootRef.current)==null?void 0:g.querySelector(".ms-Toggle-thumb");E&&s.default.render(e.default.createElement(n.UIIcon,{iconName:b?l.UiIcons.SwitchOn:l.UiIcons.SwitchOff,style:h}),E)}}getMarginBottom(b){const{inlineLabel:g}=this.props;if(b)return g?0:4}render(){const{inlineLabelLeft:b,labelFlexGrow:g,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},g&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),b&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?d:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:d}},!M.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:d}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:I(y({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:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(t.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx"(u,r,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&a(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx"(u,r,_){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=n;const e=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("./src/helper/ValidationMessage/utils.ts"),t=_("./src/components/Icons.tsx"),o=_("./src/components/UIIcon/index.tsx");_("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[s.ErrorMessageType.Error,t.UiIcons.Error],[s.ErrorMessageType.Warning,t.UiIcons.Warning],[s.ErrorMessageType.Info,t.UiIcons.Info]]);function n(l){const{children:c,message:p}=l,h=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--${h}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(o.UIIcon,{iconName:d}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx"(u,r,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&a(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(_("./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 _;(function(l){l.Error="Error",l.Warning="Warning",l.Info="Info"})(_||(r.ErrorMessageType=_={}));const a=(l,c)=>{const p=`1px solid ${c}`;return{backgroundColor:l,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:I(y({color:"var(--vscode-input-foreground)"},a("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),a("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),a("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[_.Error,"error"],[_.Warning,"warning"],[_.Info,"info"]]);const s=l=>{let c;switch(l){case _.Warning:{c=e.warning;break}case _.Info:{c=e.info;break}default:{c=e.error;break}}return c},t=l=>{if(l){if(l.errorMessage)return _.Error;if(l.warningMessage)return _.Warning;if(l.infoMessage)return _.Info}return _.Error},o=l=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(l!=null&&l[p])return l[p]},n=l=>{const c=t(l);return{type:c,style:s(c),message:o(l)}};r.getMessageInfo=n},"./stories/UIToggle.story.tsx"(u,r,_){"use strict";var a=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=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},n=()=>e.default.createElement(s.Stack,{tokens:o,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(t.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(t.UIToggle,{defaultChecked:!0})));r.defaultUsage=n;const l=()=>e.default.createElement(s.Stack,{tokens:o,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(t.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(t.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=l;const c=()=>e.default.createElement(s.Stack,{tokens:o,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(t.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(t.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(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:o,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(t.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:t.UIToggleSize.Small})));r.smallSize=p;const h=()=>{const d="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",errorMessage:d}),e.default.createElement(t.UIToggle,{label:"Warning",warningMessage:d}),e.default.createElement(t.UIToggle,{label:"Info",infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:d}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:d,labelFlexGrow:!0}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:d}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:d}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:d})))};r.withMessages=h}}]);})();
1
+ (()=>{var P=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var C=(u,r,_)=>r in u?P(u,r,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[r]=_,y=(u,r)=>{for(var _ in r||(r={}))U.call(r,_)&&C(u,_,r[_]);if(S)for(var _ of S(r))j.call(r,_)&&C(u,_,r[_]);return u},I=(u,r)=>O(u,A(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(u,r,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),s=e(a);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),s=e(a);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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(u){"use strict";u.exports=function(r){var _=[];return _.toString=function(){return this.map(function(e){var s="",t=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),t&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),t&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},_.i=function(e,s,t,o,n){typeof e=="string"&&(e=[[null,e,void 0]]);var l={};if(t)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(l[p]=!0)}for(var h=0;h<e.length;h++){var d=[].concat(e[h]);t&&l[d[0]]||(typeof n!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=n),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),_.push(d))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/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,_){"use strict";_.r(r),_.d(r,{default:()=>m});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(a),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(d),v=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var f={};f.styleTagTransform=i(),f.setAttributes=c(),f.insert=n().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=h();var E=e()(g(),f);const m=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){"use strict";_.r(r),_.d(r,{default:()=>m});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(a),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(d),v=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var f={};f.styleTagTransform=i(),f.setAttributes=c(),f.insert=n().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=h();var E=e()(g(),f);const m=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(u){"use strict";var r=[];function _(s){for(var t=-1,o=0;o<r.length;o++)if(r[o].identifier===s){t=o;break}return t}function a(s,t){for(var o={},n=[],l=0;l<s.length;l++){var c=s[l],p=t.base?c[0]+t.base:c[0],h=o[p]||0,d="".concat(p," ").concat(h);o[p]=h+1;var i=_(d),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)r[i].references++,r[i].updater(v);else{var g=e(v,t);t.byIndex=l,r.splice(l,0,{identifier:d,updater:g,references:1})}n.push(d)}return n}function e(s,t){var o=t.domAPI(t);o.update(s);var n=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;o.update(s=c)}else o.remove()};return n}u.exports=function(s,t){t=t||{},s=s||[];var o=a(s,t);return function(l){l=l||[];for(var c=0;c<o.length;c++){var p=o[c],h=_(p);r[h].references--}for(var d=a(l,t),i=0;i<o.length;i++){var v=o[i],g=_(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}o=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(u){"use strict";var r={};function _(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(t){s=null}r[e]=s}return r[e]}function a(e,s){var t=_(e);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(s)}u.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(u){"use strict";function r(_){var a=document.createElement("style");return _.setAttributes(a,_.attributes),_.insert(a,_.options),a}u.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(u,r,_){"use strict";function a(e){var s=_.nc;s&&e.setAttribute("nonce",s)}u.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(u){"use strict";function r(e,s,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,n&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(o+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(o,e,s.options)}function _(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function a(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(o){r(s,e,o)},remove:function(){_(s)}}}u.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(u){"use strict";function r(_,a){if(a.styleSheet)a.styleSheet.cssText=_;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(_))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx"(u,r,_){"use strict";var a=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");_("./src/components/UIIcon/UIIcon.scss");class t extends e.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,I(y({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}r.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,r,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&a(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(u,r,_){"use strict";var a=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=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=a(_("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),t=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),o=_("./src/helper/ValidationMessage/index.tsx"),n=_("./src/components/UIIcon/index.tsx"),l=_("./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}},h={display:"flex"},d=.4,i={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(b){super(b),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var b;this.replaceThumbWithIcon((b=this.props.checked)!=null?b:this.props.defaultChecked)}shouldComponentUpdate(b){return b.checked!==this.props.checked&&this.replaceThumbWithIcon(b.checked),!0}handleChange(b,f){var E,m;this.replaceThumbWithIcon(f),(m=(E=this.props).onChange)==null||m.call(E,b,f)}replaceThumbWithIcon(b=!1){var f;if(this.toggleRootRef.current){const E=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");E&&s.default.render(e.default.createElement(n.UIIcon,{iconName:b?l.UiIcons.SwitchOn:l.UiIcons.SwitchOff,style:h}),E)}}getMarginBottom(b){const{inlineLabel:f}=this.props;if(b)return f?0:4}render(){const{inlineLabelLeft:b,labelFlexGrow:f,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),b&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?d:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:d}},!M.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:d}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:I(y({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:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(t.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx"(u,r,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&a(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx"(u,r,_){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=n;const e=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("./src/helper/ValidationMessage/utils.ts"),t=_("./src/components/Icons.tsx"),o=_("./src/components/UIIcon/index.tsx");_("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[s.ErrorMessageType.Error,t.UiIcons.Error],[s.ErrorMessageType.Warning,t.UiIcons.Warning],[s.ErrorMessageType.Info,t.UiIcons.Info]]);function n(l){const{children:c,message:p}=l,h=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--${h}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(o.UIIcon,{iconName:d}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx"(u,r,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&a(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(_("./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 _;(function(l){l.Error="Error",l.Warning="Warning",l.Info="Info"})(_||(r.ErrorMessageType=_={}));const a=(l,c)=>{const p=`1px solid ${c}`;return{backgroundColor:l,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:I(y({color:"var(--vscode-input-foreground)"},a("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),a("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),a("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[_.Error,"error"],[_.Warning,"warning"],[_.Info,"info"]]);const s=l=>{let c;switch(l){case _.Warning:{c=e.warning;break}case _.Info:{c=e.info;break}default:{c=e.error;break}}return c},t=l=>{if(l){if(l.errorMessage)return _.Error;if(l.warningMessage)return _.Warning;if(l.infoMessage)return _.Info}return _.Error},o=l=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(l!=null&&l[p])return l[p]},n=l=>{const c=t(l);return{type:c,style:s(c),message:o(l)}};r.getMessageInfo=n},"./stories/UIToggle.story.tsx"(u,r,_){"use strict";var a=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=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},n=()=>e.default.createElement(s.Stack,{tokens:o,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(t.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(t.UIToggle,{defaultChecked:!0})));r.defaultUsage=n;const l=()=>e.default.createElement(s.Stack,{tokens:o,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(t.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(t.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=l;const c=()=>e.default.createElement(s.Stack,{tokens:o,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(t.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(t.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(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:o,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(t.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:t.UIToggleSize.Small})));r.smallSize=p;const h=()=>{const d="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",errorMessage:d}),e.default.createElement(t.UIToggle,{label:"Warning",warningMessage:d}),e.default.createElement(t.UIToggle,{label:"Info",infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:d}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:d,labelFlexGrow:!0}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:d}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:d}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:d})))};r.withMessages=h}}]);})();
package/storybook/{UIToggleGroup-story.d6ffea1a.iframe.bundle.js → UIToggleGroup-story.e5826214.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var T=Object.defineProperty,P=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var E=(u,e,s)=>e in u?T(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,v=(u,e)=>{for(var s in e||(e={}))U.call(e,s)&&E(u,s,e[s]);if(w)for(var s of w(e))M.call(e,s)&&E(u,s,e[s]);return u},I=(u,e)=>P(u,j(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(u,e,s){var l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),n=r(l);n.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(u){"use strict";u.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var n="",t=typeof r[5]!="undefined";return r[4]&&(n+="@supports (".concat(r[4],") {")),r[2]&&(n+="@media ".concat(r[2]," {")),t&&(n+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),n+=e(r),t&&(n+="}"),r[2]&&(n+="}"),r[4]&&(n+="}"),n}).join("")},s.i=function(r,n,t,_,o){typeof r=="string"&&(r=[[null,r,void 0]]);var a={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(a[m]=!0)}for(var c=0;c<r.length;c++){var d=[].concat(r[c]);t&&a[d[0]]||(typeof o!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=n),_&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=_):d[4]="".concat(_)),s.push(d))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(u){"use strict";u.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss"(u,e,s){"use strict";s.r(e),s.d(e,{default:()=>O});var l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(l),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(n),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=s.n(_),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(a),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(m),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=s.n(d),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=s.n(f),g={};for(const h in f)h!=="default"&&(g[h]=()=>f[h]);s.d(e,g);var y={};y.styleTagTransform=p(),y.setAttributes=i(),y.insert=o().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=c();var S=r()(b(),y);const O=b()&&b().locals?b().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(u){"use strict";var e=[];function s(n){for(var t=-1,_=0;_<e.length;_++)if(e[_].identifier===n){t=_;break}return t}function l(n,t){for(var _={},o=[],a=0;a<n.length;a++){var i=n[a],m=t.base?i[0]+t.base:i[0],c=_[m]||0,d="".concat(m," ").concat(c);_[m]=c+1;var p=s(d),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(p!==-1)e[p].references++,e[p].updater(f);else{var b=r(f,t);t.byIndex=a,e.splice(a,0,{identifier:d,updater:b,references:1})}o.push(d)}return o}function r(n,t){var _=t.domAPI(t);_.update(n);var o=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;_.update(n=i)}else _.remove()};return o}u.exports=function(n,t){t=t||{},n=n||[];var _=l(n,t);return function(a){a=a||[];for(var i=0;i<_.length;i++){var m=_[i],c=s(m);e[c].references--}for(var d=l(a,t),p=0;p<_.length;p++){var f=_[p],b=s(f);e[b].references===0&&(e[b].updater(),e.splice(b,1))}_=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(u){"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[r]=n}return e[r]}function l(r,n){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}u.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(u){"use strict";function e(s){var l=document.createElement("style");return s.setAttributes(l,s.attributes),s.insert(l,s.options),l}u.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(u,e,s){"use strict";function l(r){var n=s.nc;n&&r.setAttribute("nonce",n)}u.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(u){"use strict";function e(r,n,t){var _="";t.supports&&(_+="@supports (".concat(t.supports,") {")),t.media&&(_+="@media ".concat(t.media," {"));var o=typeof t.layer!="undefined";o&&(_+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),_+=t.css,o&&(_+="}"),t.media&&(_+="}"),t.supports&&(_+="}");var a=t.sourceMap;a&&typeof btoa!="undefined"&&(_+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(_,r,n.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function l(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=r.insertStyleElement(r);return{update:function(_){e(n,r,_)},remove:function(){s(n)}}}u.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(u){"use strict";function e(s,l){if(l.styleSheet)l.styleSheet.cssText=s;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(s))}}u.exports=e},"./src/components/UIIcon/UIIcon.tsx"(u,e,s){"use strict";var l=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(o){super(o),this.setStyle=()=>({})}render(){const o=this.props.className?` ${this.props.className}`:"";return r.default.createElement(n.Icon,I(v({},this.props),{className:`ts-icon${o}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx"(u,e,s){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class _ extends r.default.Component{constructor(a){super(a)}render(){const a=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(n.Label,I(v({},this.props),{styles:a}))}}e.UILabel=_},"./src/components/UILabel/index.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(l,r){let n;return(...t)=>{clearTimeout(n),n=window.setTimeout(()=>{l(...t)},r)}}},"./src/utilities/Dom.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=l;function s(r){return"title"in r}function l(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const l=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function r(n,t){const _=(0,l.getDocument)();if(_){let o=null;if(t?o=(0,l.getNextElement)(_.body,n,!1,!1,!0,!0):o=(0,l.getPreviousElement)(_.body,n,!1,!1,!0,!0),o)return o.focus(),o}return null}},"./src/utilities/Id.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const l=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const l=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(m,c,d,p){p===void 0&&(p=d);var f=Object.getOwnPropertyDescriptor(c,d);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[d]}}),Object.defineProperty(m,p,f)}):(function(m,c,d,p){p===void 0&&(p=d),m[p]=c[d]})),r=this&&this.__setModuleDefault||(Object.create?(function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}):function(m,c){m.default=c}),n=this&&this.__importStar||(function(){var m=function(c){return m=Object.getOwnPropertyNames||function(d){var p=[];for(var f in d)Object.prototype.hasOwnProperty.call(d,f)&&(p[p.length]=f);return p},m(c)};return function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var p=m(c),f=0;f<p.length;f++)p[f]!=="default"&&l(d,c,p[f]);return r(d,c),d}})();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=n(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const a={childrenGap:40},i=()=>{const[m,c]=(0,t.useState)(""),d=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],p=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],b=(g,y)=>{c(y?g:"")};return t.default.createElement(_.Stack,{tokens:a,style:{width:300}},t.default.createElement(_.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",ariaLabel:"test",onChange:b.bind(this)}),t.default.createElement("span",null,"selection: ",m)),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",required:!0})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",selectedKey:"medium"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(o.UIToggleGroup,{options:p,label:"Test"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(o.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
1
+ (()=>{var T=Object.defineProperty,P=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var E=(u,e,s)=>e in u?T(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,v=(u,e)=>{for(var s in e||(e={}))U.call(e,s)&&E(u,s,e[s]);if(w)for(var s of w(e))M.call(e,s)&&E(u,s,e[s]);return u},I=(u,e)=>P(u,j(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(u,e,s){var l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),n=r(l);n.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(u){"use strict";u.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var n="",t=typeof r[5]!="undefined";return r[4]&&(n+="@supports (".concat(r[4],") {")),r[2]&&(n+="@media ".concat(r[2]," {")),t&&(n+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),n+=e(r),t&&(n+="}"),r[2]&&(n+="}"),r[4]&&(n+="}"),n}).join("")},s.i=function(r,n,t,_,o){typeof r=="string"&&(r=[[null,r,void 0]]);var a={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(a[m]=!0)}for(var c=0;c<r.length;c++){var d=[].concat(r[c]);t&&a[d[0]]||(typeof o!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=n),_&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=_):d[4]="".concat(_)),s.push(d))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(u){"use strict";u.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss"(u,e,s){"use strict";s.r(e),s.d(e,{default:()=>O});var l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(l),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(n),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=s.n(_),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(a),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(m),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=s.n(d),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=s.n(f),g={};for(const h in f)h!=="default"&&(g[h]=()=>f[h]);s.d(e,g);var y={};y.styleTagTransform=p(),y.setAttributes=i(),y.insert=o().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=c();var S=r()(b(),y);const O=b()&&b().locals?b().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(u){"use strict";var e=[];function s(n){for(var t=-1,_=0;_<e.length;_++)if(e[_].identifier===n){t=_;break}return t}function l(n,t){for(var _={},o=[],a=0;a<n.length;a++){var i=n[a],m=t.base?i[0]+t.base:i[0],c=_[m]||0,d="".concat(m," ").concat(c);_[m]=c+1;var p=s(d),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(p!==-1)e[p].references++,e[p].updater(f);else{var b=r(f,t);t.byIndex=a,e.splice(a,0,{identifier:d,updater:b,references:1})}o.push(d)}return o}function r(n,t){var _=t.domAPI(t);_.update(n);var o=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;_.update(n=i)}else _.remove()};return o}u.exports=function(n,t){t=t||{},n=n||[];var _=l(n,t);return function(a){a=a||[];for(var i=0;i<_.length;i++){var m=_[i],c=s(m);e[c].references--}for(var d=l(a,t),p=0;p<_.length;p++){var f=_[p],b=s(f);e[b].references===0&&(e[b].updater(),e.splice(b,1))}_=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(u){"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[r]=n}return e[r]}function l(r,n){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}u.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(u){"use strict";function e(s){var l=document.createElement("style");return s.setAttributes(l,s.attributes),s.insert(l,s.options),l}u.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(u,e,s){"use strict";function l(r){var n=s.nc;n&&r.setAttribute("nonce",n)}u.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(u){"use strict";function e(r,n,t){var _="";t.supports&&(_+="@supports (".concat(t.supports,") {")),t.media&&(_+="@media ".concat(t.media," {"));var o=typeof t.layer!="undefined";o&&(_+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),_+=t.css,o&&(_+="}"),t.media&&(_+="}"),t.supports&&(_+="}");var a=t.sourceMap;a&&typeof btoa!="undefined"&&(_+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(_,r,n.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function l(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=r.insertStyleElement(r);return{update:function(_){e(n,r,_)},remove:function(){s(n)}}}u.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(u){"use strict";function e(s,l){if(l.styleSheet)l.styleSheet.cssText=s;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(s))}}u.exports=e},"./src/components/UIIcon/UIIcon.tsx"(u,e,s){"use strict";var l=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(o){super(o),this.setStyle=()=>({})}render(){const o=this.props.className?` ${this.props.className}`:"";return r.default.createElement(n.Icon,I(v({},this.props),{className:`ts-icon${o}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx"(u,e,s){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class _ extends r.default.Component{constructor(a){super(a)}render(){const a=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(n.Label,I(v({},this.props),{styles:a}))}}e.UILabel=_},"./src/components/UILabel/index.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(l,r){let n;return(...t)=>{clearTimeout(n),n=window.setTimeout(()=>{l(...t)},r)}}},"./src/utilities/Dom.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=l;function s(r){return"title"in r}function l(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const l=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function r(n,t){const _=(0,l.getDocument)();if(_){let o=null;if(t?o=(0,l.getNextElement)(_.body,n,!1,!1,!0,!0):o=(0,l.getPreviousElement)(_.body,n,!1,!1,!0,!0),o)return o.focus(),o}return null}},"./src/utilities/Id.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const l=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const l=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(m,c,d,p){p===void 0&&(p=d);var f=Object.getOwnPropertyDescriptor(c,d);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[d]}}),Object.defineProperty(m,p,f)}):(function(m,c,d,p){p===void 0&&(p=d),m[p]=c[d]})),r=this&&this.__setModuleDefault||(Object.create?(function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}):function(m,c){m.default=c}),n=this&&this.__importStar||(function(){var m=function(c){return m=Object.getOwnPropertyNames||function(d){var p=[];for(var f in d)Object.prototype.hasOwnProperty.call(d,f)&&(p[p.length]=f);return p},m(c)};return function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var p=m(c),f=0;f<p.length;f++)p[f]!=="default"&&l(d,c,p[f]);return r(d,c),d}})();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=n(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const a={childrenGap:40},i=()=>{const[m,c]=(0,t.useState)(""),d=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],p=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],b=(g,y)=>{c(y?g:"")};return t.default.createElement(_.Stack,{tokens:a,style:{width:300}},t.default.createElement(_.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",ariaLabel:"test",onChange:b.bind(this)}),t.default.createElement("span",null,"selection: ",m)),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",required:!0})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",selectedKey:"medium"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(o.UIToggleGroup,{options:p,label:"Test"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(o.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
package/storybook/{UITooltip-story.e088dd3c.iframe.bundle.js → UITooltip-story.4a12582e.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(c,s,_)=>s in c?E(c,s,{enumerable:!0,configurable:!0,writable:!0,value:_}):c[s]=_,b=(c,s)=>{for(var _ in s||(s={}))O.call(s,_)&&S(c,_,s[_]);if(v)for(var _ of v(s))P.call(s,_)&&S(c,_,s[_]);return c},g=(c,s)=>I(c,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,s,_){var d=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),o=n(d);o.push([c.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(s){var _=[];return _.toString=function(){return this.map(function(n){var o="",t=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),t&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=s(n),t&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},_.i=function(n,o,t,e,r){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(t)for(var i=0;i<this.length;i++){var h=this[i][0];h!=null&&(l[h]=!0)}for(var u=0;u<n.length;u++){var a=[].concat(n[u]);t&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),e&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=e):a[4]="".concat(e)),_.push(a))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(c,s,_){"use strict";_.r(s),_.d(s,{default:()=>C});var d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=_.n(d),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(o),e=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(e),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=_.n(l),h=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(h),a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=_.n(a),f=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=_.n(f),T={};for(const w in f)w!=="default"&&(T[w]=()=>f[w]);_.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=i(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var s=[];function _(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var i=o[l],h=t.base?i[0]+t.base:i[0],u=e[h]||0,a="".concat(h," ").concat(u);e[h]=u+1;var m=_(a),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)s[m].references++,s[m].updater(f);else{var p=n(f,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function n(o,t){var e=t.domAPI(t);e.update(o);var r=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;e.update(o=i)}else e.remove()};return r}c.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var i=0;i<e.length;i++){var h=e[i],u=_(h);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var f=e[m],p=_(f);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var s={};function _(n){if(typeof s[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[n]=o}return s[n]}function d(n,o){var t=_(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function s(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}c.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,s,_){"use strict";function d(n){var o=_.nc;o&&n.setAttribute("nonce",o)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function s(n,o,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(e+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,n,o.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){s(o,n,e)},remove:function(){_(o)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function s(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}c.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const _={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class n{constructor(t,e,r=_){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:i}=t;if(l){const h=window.innerHeight-_.minPagePadding,u=l.rect.height,a=i.rect.bottom;let m=a+u-r.rect.top,f=a+l.rect.height;if(m<=0||f>=h)return;if(f+=r.rect.height,f<=h&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/utilities/index.ts");_("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},i=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=i;class h extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:p}=this.props;if(f&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return n.default.createElement(o.Callout,g(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=h},"./src/components/UICallout/index.tsx"(c,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(_("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltip=s.UITooltipDelay=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=_("./src/components/UICallout/index.tsx");class e extends n.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,i=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=n.default.createElement(o.TooltipHost,g(b({},this.props),{styles:i,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:n.default.createElement("div",{onFocusCapture:f=>{var p;(p=f.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},a)}}s.UITooltip=e},"./src/components/UITooltip/UITooltipUtils.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltipUtils=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(_("../../node_modules/.pnpm/sanitize-html@2.17.1/node_modules/sanitize-html/index.js")),t=_("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>n.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const i=(0,o.default)(l);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:i}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(c,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UITooltip/UITooltip.tsx"),s),n(_("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(s,"__esModule",{value:!0}),s.Tooltips=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("./src/components/UITooltip/index.tsx"),t=_("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip"},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?cff7"(){},"?3dda"(){},"?880e"(){},"?c3d3"(){},"?7b66"(){}}]);})();
1
+ (()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(c,s,_)=>s in c?E(c,s,{enumerable:!0,configurable:!0,writable:!0,value:_}):c[s]=_,b=(c,s)=>{for(var _ in s||(s={}))O.call(s,_)&&S(c,_,s[_]);if(v)for(var _ of v(s))P.call(s,_)&&S(c,_,s[_]);return c},g=(c,s)=>I(c,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,s,_){var d=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),o=n(d);o.push([c.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(s){var _=[];return _.toString=function(){return this.map(function(n){var o="",t=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),t&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=s(n),t&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},_.i=function(n,o,t,e,r){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(t)for(var i=0;i<this.length;i++){var h=this[i][0];h!=null&&(l[h]=!0)}for(var u=0;u<n.length;u++){var a=[].concat(n[u]);t&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),e&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=e):a[4]="".concat(e)),_.push(a))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(c,s,_){"use strict";_.r(s),_.d(s,{default:()=>C});var d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=_.n(d),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(o),e=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(e),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=_.n(l),h=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(h),a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=_.n(a),f=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=_.n(f),T={};for(const w in f)w!=="default"&&(T[w]=()=>f[w]);_.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=i(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var s=[];function _(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var i=o[l],h=t.base?i[0]+t.base:i[0],u=e[h]||0,a="".concat(h," ").concat(u);e[h]=u+1;var m=_(a),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)s[m].references++,s[m].updater(f);else{var p=n(f,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function n(o,t){var e=t.domAPI(t);e.update(o);var r=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;e.update(o=i)}else e.remove()};return r}c.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var i=0;i<e.length;i++){var h=e[i],u=_(h);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var f=e[m],p=_(f);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var s={};function _(n){if(typeof s[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[n]=o}return s[n]}function d(n,o){var t=_(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function s(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}c.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,s,_){"use strict";function d(n){var o=_.nc;o&&n.setAttribute("nonce",o)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function s(n,o,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(e+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,n,o.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){s(o,n,e)},remove:function(){_(o)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function s(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}c.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const _={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class n{constructor(t,e,r=_){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:i}=t;if(l){const h=window.innerHeight-_.minPagePadding,u=l.rect.height,a=i.rect.bottom;let m=a+u-r.rect.top,f=a+l.rect.height;if(m<=0||f>=h)return;if(f+=r.rect.height,f<=h&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/utilities/index.ts");_("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},i=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=i;class h extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:p}=this.props;if(f&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return n.default.createElement(o.Callout,g(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=h},"./src/components/UICallout/index.tsx"(c,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(_("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltip=s.UITooltipDelay=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=_("./src/components/UICallout/index.tsx");class e extends n.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,i=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=n.default.createElement(o.TooltipHost,g(b({},this.props),{styles:i,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:n.default.createElement("div",{onFocusCapture:f=>{var p;(p=f.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},a)}}s.UITooltip=e},"./src/components/UITooltip/UITooltipUtils.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltipUtils=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(_("../../node_modules/.pnpm/sanitize-html@2.17.1/node_modules/sanitize-html/index.js")),t=_("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>n.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const i=(0,o.default)(l);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:i}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(c,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UITooltip/UITooltip.tsx"),s),n(_("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(s,"__esModule",{value:!0}),s.Tooltips=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("./src/components/UITooltip/index.tsx"),t=_("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip"},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?cff7"(){},"?3dda"(){},"?880e"(){},"?c3d3"(){},"?7b66"(){}}]);})();
package/storybook/iframe.html CHANGED
@@ -520,8 +520,8 @@
520
520
  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';
521
521
 
522
522
 
523
- import './runtime~main.735b9f72.iframe.bundle.js';
523
+ import './runtime~main.42e91965.iframe.bundle.js';
524
524
 
525
525
  import './625.874afe67.iframe.bundle.js';
526
526
 
527
- import './main.d5e7ba9d.iframe.bundle.js';</script></body></html>
527
+ import './main.984ca662.iframe.bundle.js';</script></body></html>