@sap-ux/ui-components 1.18.10 → 1.19.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 (59) hide show
  1. package/dist/components/UIDropdown/UIDropdown.scss +1 -1
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +1 -0
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles/_variables.scss +2 -0
  7. package/dist/theme/index.d.ts +5 -0
  8. package/dist/theme/index.d.ts.map +1 -0
  9. package/dist/theme/index.js +16 -0
  10. package/dist/theme/index.js.map +1 -0
  11. package/package.json +1 -1
  12. package/storybook/389.5879b7cc.iframe.bundle.js +55 -0
  13. package/storybook/{973.191cea0f.iframe.bundle.js → 973.78173de2.iframe.bundle.js} +1 -1
  14. package/storybook/{UICallout-story.3e5d6267.iframe.bundle.js → UICallout-story.a22932c4.iframe.bundle.js} +2 -2
  15. package/storybook/UICalloutCollisionTransform-story.14658a75.iframe.bundle.js +1 -0
  16. package/storybook/{UICheckbox-story.ccf2a048.iframe.bundle.js → UICheckbox-story.624f35bc.iframe.bundle.js} +2 -2
  17. package/storybook/UIChoiceGroup-story.3f7410da.iframe.bundle.js +1 -0
  18. package/storybook/UICombobox-story.2bb0d961.iframe.bundle.js +1 -0
  19. package/storybook/{UIContextualMenu-story.fdeddc59.iframe.bundle.js → UIContextualMenu-story.2362d642.iframe.bundle.js} +2 -2
  20. package/storybook/UICreateSelect-story.29c5d25d.iframe.bundle.js +2 -0
  21. package/storybook/UIDatePicker-story.22bc503a.iframe.bundle.js +2 -0
  22. package/storybook/UIDialog-story.b439e60a.iframe.bundle.js +2 -0
  23. package/storybook/UIDropdown-story.20290ff6.iframe.bundle.js +1 -0
  24. package/storybook/{UIFlexibleTable-story.e26a75b6.iframe.bundle.js → UIFlexibleTable-story.81441f28.iframe.bundle.js} +3 -3
  25. package/storybook/UIIcon-story.578a5088.iframe.bundle.js +2 -0
  26. package/storybook/UILabel-story.2dc6751f.iframe.bundle.js +1 -0
  27. package/storybook/UILoader-story.53a44698.iframe.bundle.js +6 -0
  28. package/storybook/UIQuickNavigation-story.3111e6e0.iframe.bundle.js +1 -0
  29. package/storybook/UISearchBox-story.383f63fc.iframe.bundle.js +1 -0
  30. package/storybook/UITextInput-story.c304ef49.iframe.bundle.js +2 -0
  31. package/storybook/{UIToggleGroup-story.50b2392c.iframe.bundle.js → UIToggleGroup-story.14a29e9a.iframe.bundle.js} +2 -2
  32. package/storybook/UITooltip-story.16d8ba4e.iframe.bundle.js +1 -0
  33. package/storybook/UITranslationInput-story.61827811.iframe.bundle.js +1 -0
  34. package/storybook/Utilities-story.2aeb882a.iframe.bundle.js +1 -0
  35. package/storybook/iframe.html +3 -3
  36. package/storybook/main.f69d158b.iframe.bundle.js +1 -0
  37. package/storybook/project.json +1 -1
  38. package/storybook/runtime~main.35667639.iframe.bundle.js +2 -0
  39. package/storybook/341.db2c9a0a.iframe.bundle.js +0 -27
  40. package/storybook/391.beec054e.iframe.bundle.js +0 -1
  41. package/storybook/721.ec63ce0c.iframe.bundle.js +0 -29
  42. package/storybook/UICalloutCollisionTransform-story.65d35532.iframe.bundle.js +0 -1
  43. package/storybook/UIChoiceGroup-story.a1b90c0f.iframe.bundle.js +0 -1
  44. package/storybook/UICombobox-story.0984959c.iframe.bundle.js +0 -1
  45. package/storybook/UICreateSelect-story.8d814a30.iframe.bundle.js +0 -2
  46. package/storybook/UIDatePicker-story.d3c6db4c.iframe.bundle.js +0 -2
  47. package/storybook/UIDialog-story.d6271932.iframe.bundle.js +0 -2
  48. package/storybook/UIDropdown-story.95735ffc.iframe.bundle.js +0 -1
  49. package/storybook/UIIcon-story.16f5f8ab.iframe.bundle.js +0 -2
  50. package/storybook/UILabel-story.38df6674.iframe.bundle.js +0 -1
  51. package/storybook/UILoader-story.946c062c.iframe.bundle.js +0 -6
  52. package/storybook/UIQuickNavigation-story.5f9bb898.iframe.bundle.js +0 -1
  53. package/storybook/UISearchBox-story.da945a0f.iframe.bundle.js +0 -1
  54. package/storybook/UITextInput-story.635fe59b.iframe.bundle.js +0 -2
  55. package/storybook/UITooltip-story.a9c06aed.iframe.bundle.js +0 -1
  56. package/storybook/UITranslationInput-story.e739a305.iframe.bundle.js +0 -1
  57. package/storybook/Utilities-story.d347dfb2.iframe.bundle.js +0 -1
  58. package/storybook/main.bf0ad9a1.iframe.bundle.js +0 -1
  59. package/storybook/runtime~main.bdb461c6.iframe.bundle.js +0 -2
@@ -1,2 +0,0 @@
1
- "use strict";(()=>{var M=Object.defineProperty,B=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var A=(c,o,a)=>o in c?M(c,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[o]=a,U=(c,o)=>{for(var a in o||(o={}))P.call(o,a)&&A(c,a,o[a]);if(S)for(var a of S(o))z.call(o,a)&&A(c,a,o[a]);return c},_=(c,o)=>B(c,w(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":c=>{c.exports=function(o){var a=[];return a.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=o(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},a.i=function(l,t,e,n,g){typeof l=="string"&&(l=[[null,l,void 0]]);var p={};if(e)for(var r=0;r<this.length;r++){var I=this[r][0];I!=null&&(p[I]=!0)}for(var y=0;y<l.length;y++){var u=[].concat(l[y]);e&&p[u[0]]||(typeof g!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=g),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),a.push(u))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{c.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{var o=[];function a(t){for(var e=-1,n=0;n<o.length;n++)if(o[n].identifier===t){e=n;break}return e}function d(t,e){for(var n={},g=[],p=0;p<t.length;p++){var r=t[p],I=e.base?r[0]+e.base:r[0],y=n[I]||0,u="".concat(I," ").concat(y);n[I]=y+1;var v=a(u),h={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(v!==-1)o[v].references++,o[v].updater(h);else{var E=l(h,e);e.byIndex=p,o.splice(p,0,{identifier:u,updater:E,references:1})}g.push(u)}return g}function l(t,e){var n=e.domAPI(e);n.update(t);var g=function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap&&r.supports===t.supports&&r.layer===t.layer)return;n.update(t=r)}else n.remove()};return g}c.exports=function(t,e){e=e||{},t=t||[];var n=d(t,e);return function(p){p=p||[];for(var r=0;r<n.length;r++){var I=n[r],y=a(I);o[y].references--}for(var u=d(p,e),v=0;v<n.length;v++){var h=n[v],E=a(h);o[E].references===0&&(o[E].updater(),o.splice(E,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{var o={};function a(l){if(typeof o[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[l]=t}return o[l]}function d(l,t){var e=a(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{function o(a){var d=document.createElement("style");return a.setAttributes(d,a.attributes),a.insert(d,a.options),d}c.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,o,a)=>{function d(l){var t=a.nc;t&&l.setAttribute("nonce",t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{function o(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var g=typeof e.layer!="undefined";g&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,g&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function a(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){o(t,l,n)},remove:function(){a(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{function o(a,d){if(d.styleSheet)d.styleSheet.cssText=a;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(a))}}c.exports=o},"./stories/UIDialog.story.tsx":function(c,o,a){var d=this&&this.__createBinding||(Object.create?function(s,i,m,f){f===void 0&&(f=m);var x=Object.getOwnPropertyDescriptor(i,m);(!x||("get"in x?!i.__esModule:x.writable||x.configurable))&&(x={enumerable:!0,get:function(){return i[m]}}),Object.defineProperty(s,f,x)}:function(s,i,m,f){f===void 0&&(f=m),s[f]=i[m]}),l=this&&this.__setModuleDefault||(Object.create?function(s,i){Object.defineProperty(s,"default",{enumerable:!0,value:i})}:function(s,i){s.default=i}),t=this&&this.__importStar||function(s){if(s&&s.__esModule)return s;var i={};if(s!=null)for(var m in s)m!=="default"&&Object.prototype.hasOwnProperty.call(s,m)&&d(i,s,m);return l(i,s),i};Object.defineProperty(o,"__esModule",{value:!0}),o.Dialog=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),g=a("./src/components/UIDialog/index.ts"),p=a("./src/components/UIButton/index.tsx"),r=a("./src/components/UIInput/index.tsx"),I=a("./src/components/UIDropdown/index.tsx"),y=a("./src/components/UIComboBox/index.tsx"),u=a("./src/components/UICheckbox/index.tsx");(0,a("./src/components/Icons.tsx").initIcons)(),o.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class D extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=i=>{this.setState({text:i.target.value})},this.onToggle=()=>{this.setState({isOpen:!this.state.isOpen})},this.onAccept=()=>{alert(`You wrote: ${this.state.text}`),this.setState({isOpen:!1})}}render(){const{draggable:i}=this.props,m=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],f=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:this.onToggle,primary:!0},i?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(g.UIDialog,_(U({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},f),{onAccept:this.onAccept,styles:E,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(r.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(y.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const T=s=>{const[i,m]=(0,e.useState)(!1),f=()=>{m(!i)},x=U({},E.main),{size:b}=s;b&&(x.height=b);let C="Open Large Dialog";return b&&(C+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},C),e.default.createElement(g.UIDialog,{isOpen:i,isOpenAnimated:s.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:x},onAccept:f,onCancel:f,onDismiss:f},e.default.createElement(I.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(r.UITextInput,{label:"Username"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"Password",type:"password"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"First name"}),e.default.createElement(r.UITextInput,{label:"Last name"}),e.default.createElement(r.UITextInput,{label:"Address"}),e.default.createElement(r.UITextInput,{label:"State"}),e.default.createElement(r.UITextInput,{label:"Country"}),e.default.createElement(r.UITextInput,{label:"Phone"}),e.default.createElement(r.UITextInput,{label:"Dummy 1"}),e.default.createElement(r.UITextInput,{label:"Dummy 2"}),e.default.createElement(r.UITextInput,{label:"Dummy 3"}),e.default.createElement(r.UITextInput,{label:"Dummy 4"}),e.default.createElement(r.UITextInput,{label:"Dummy 5"})))},k=s=>{const[i,m]=(0,e.useState)(!1),f=()=>{m(!i)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(g.UIDialog,{isOpen:i,isOpenAnimated:s.openAnimation,isBlocking:!0,onAccept:f,onCancel:f,onDismiss:f,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},O=()=>{const[s,i]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:s,onChange:(m,f)=>{i(f)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!0,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{size:400,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(k,{openAnimation:s}))))};o.Dialog=O}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var T=Object.defineProperty,B=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(u,t,d)=>t in u?T(u,t,{enumerable:!0,configurable:!0,writable:!0,value:d}):u[t]=d,i=(u,t)=>{for(var d in t||(t={}))P.call(t,d)&&w(u,d,t[d]);if(x)for(var d of x(t))G.call(t,d)&&w(u,d,t[d]);return u},c=(u,t)=>B(u,O(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[6],{"./stories/UIDropdown.story.tsx":function(u,t,d){var p=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=p(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=d("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=d("./src/components/index.tsx"),n=d("./test/__mock__/select-data.ts");(0,a.initIcons)(),t.default={title:"Dropdowns/Dropdown"};const k=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,useDropdownAsMenuMinWidth:!0}));t.Basic=k;const D=()=>e.default.createElement("div",{style:{width:"150px"}},e.default.createElement(a.UIDropdown,{options:n.shortData}),e.default.createElement(a.UIDropdown,{options:n.shortData,disabled:!0}));t.Short=D;const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Disabled",disabled:!0}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Required",required:!0}));t.States=I;const M=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,multiSelect:!0,responsiveMode:5}));t.MultiSelectDropdown=M;const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Warning",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Info",infoMessage:"Dummy Info"}));t.Messages=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),e.default.createElement(a.UIDropdown,{label:"Long",options:n.data,useDropdownAsMenuMinWidth:!0}),e.default.createElement(a.UIDropdown,{label:"Short",options:n.shortData,useDropdownAsMenuMinWidth:!0})),e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),e.default.createElement(a.UIDropdown,{label:"Long",options:n.data}),e.default.createElement(a.UIDropdown,{label:"Short",options:n.shortData})));t.UseDropdownAsMenuMinWidth=U;const A=()=>{const[l,y]=e.default.useState(!1),[r,s]=e.default.useState("EE"),h={childrenGap:40},f=Array.isArray(r)?r:void 0,m={options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:l,onChange:(C,o)=>{if(Array.isArray(r)){const K=[...r,o==null?void 0:o.key].filter(R=>o!=null&&o.selected?!0:R!==(o==null?void 0:o.key));s(K)}else o&&s(o.key)}};return e.default.createElement("div",null,e.default.createElement(a.UICheckbox,{label:"Multi Select",checked:l,onChange:(C,o)=>{o&&!Array.isArray(r)?s([r]):!o&&Array.isArray(r)&&s(r[0]),y(o)}}),e.default.createElement(E.Stack,{horizontal:!0,tokens:h},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{selectedKey:r,selectedKeys:f})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{errorMessage:"Dummy error",selectedKey:r,selectedKeys:f})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{selectedKey:r,selectedKeys:f,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{selectedKey:r,selectedKeys:f,readOnly:!0})))))))};t.accessibilityStates=A;const g=()=>{const l=[...n.groupsData];return l.splice(4,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),l.splice(14,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),l.splice(18,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.groupsData,label:"Menu items with headers"}),e.default.createElement(a.UIDropdown,{options:l,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIDropdown,{options:n.groupsData,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIDropdown,{options:l,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=g;const b=["AR","BR","DK"],v=n.data.map(l=>b.includes(l.key)?c(i({},l),{editable:!0}):l),_=()=>e.default.createElement(a.UIDropdown,{options:v,onRenderOption:(l,y)=>{var r;return"editable"in(l!=null?l:{})?e.default.createElement(a.UITextInput,{onMouseDown:s=>{s.target.focus()},onClick:s=>{s.nativeEvent.preventDefault(),s.nativeEvent.stopPropagation(),s.preventDefault(),s.stopPropagation()}}):(r=y==null?void 0:y(l))!=null?r:null},onRenderItem:(l,y)=>{var r;return(r=y==null?void 0:y(l))!=null?r:null}});t.customRender=_},"./test/__mock__/select-data.ts":(u,t,d)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const p=d("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const e={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const E in e){t.groupsData.push({key:E,text:E.charAt(0).toUpperCase()+E.slice(1),itemType:p.UISelectableOptionMenuItemType.Header});const a=e[E];for(const n of a){const k=t.data.find(D=>D.key===n);k&&t.groupsData.push(k)}}}}]);})();
@@ -1,2 +0,0 @@
1
- (()=>{var D=Object.defineProperty,A=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var P=(r,_,e)=>_ in r?D(r,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[_]=e,M=(r,_)=>{for(var e in _||(_={}))U.call(_,e)&&P(r,e,_[e]);if(h)for(var e of h(_))j.call(_,e)&&P(r,e,_[e]);return r},S=(r,_)=>A(r,T(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(r,_,e)=>{var d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),s=o(d);s.push([r.id,".ts-icon{fill:var(--vscode-foreground)}",""]),r.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":r=>{"use strict";r.exports=function(_){var e=[];return e.toString=function(){return this.map(function(o){var s="",t=typeof o[5]!="undefined";return o[4]&&(s+="@supports (".concat(o[4],") {")),o[2]&&(s+="@media ".concat(o[2]," {")),t&&(s+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),s+=_(o),t&&(s+="}"),o[2]&&(s+="}"),o[4]&&(s+="}"),s}).join("")},e.i=function(o,s,t,n,l){typeof o=="string"&&(o=[[null,o,void 0]]);var u={};if(t)for(var c=0;c<this.length;c++){var i=this[c][0];i!=null&&(u[i]=!0)}for(var p=0;p<o.length;p++){var a=[].concat(o[p]);t&&u[a[0]]||(typeof l!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=l),s&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=s),n&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=n):a[4]="".concat(n)),e.push(a))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":r=>{"use strict";r.exports=function(_){return _[1]}},"./src/components/UIIcon/UIIcon.scss":(r,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>O});var d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=e.n(d),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(n),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(i),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),y=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),m=e.n(y),E={};for(const v in y)v!=="default"&&(E[v]=()=>y[v]);e.d(_,E);var I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=l().bind(null,"head"),I.domAPI=t(),I.insertStyleElement=p();var C=o()(m(),I);const O=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":r=>{"use strict";var _=[];function e(s){for(var t=-1,n=0;n<_.length;n++)if(_[n].identifier===s){t=n;break}return t}function d(s,t){for(var n={},l=[],u=0;u<s.length;u++){var c=s[u],i=t.base?c[0]+t.base:c[0],p=n[i]||0,a="".concat(i," ").concat(p);n[i]=p+1;var f=e(a),y={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(f!==-1)_[f].references++,_[f].updater(y);else{var m=o(y,t);t.byIndex=u,_.splice(u,0,{identifier:a,updater:m,references:1})}l.push(a)}return l}function o(s,t){var n=t.domAPI(t);n.update(s);var l=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;n.update(s=c)}else n.remove()};return l}r.exports=function(s,t){t=t||{},s=s||[];var n=d(s,t);return function(u){u=u||[];for(var c=0;c<n.length;c++){var i=n[c],p=e(i);_[p].references--}for(var a=d(u,t),f=0;f<n.length;f++){var y=n[f],m=e(y);_[m].references===0&&(_[m].updater(),_.splice(m,1))}n=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":r=>{"use strict";var _={};function e(o){if(typeof _[o]=="undefined"){var s=document.querySelector(o);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(t){s=null}_[o]=s}return _[o]}function d(o,s){var t=e(o);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)}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":r=>{"use strict";function _(e){var d=document.createElement("style");return e.setAttributes(d,e.attributes),e.insert(d,e.options),d}r.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(r,_,e)=>{"use strict";function d(o){var s=e.nc;s&&o.setAttribute("nonce",s)}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":r=>{"use strict";function _(o,s,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),s.styleTagTransform(n,o,s.options)}function e(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function d(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=o.insertStyleElement(o);return{update:function(n){_(s,o,n)},remove:function(){e(s)}}}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":r=>{"use strict";function _(e,d){if(d.styleSheet)d.styleSheet.cssText=e;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(e))}}r.exports=_},"./src/components/UIIcon/UIIcon.tsx":function(r,_,e){"use strict";var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const o=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends o.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return o.default.createElement(s.Icon,S(M({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx":function(r,_,e){"use strict";var d=this&&this.__createBinding||(Object.create?function(s,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(s,l,u)}:function(s,t,n,l){l===void 0&&(l=n),s[l]=t[n]}),o=this&&this.__exportStar||function(s,t){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&d(t,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),o(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./stories/UIIcon.story.tsx":function(r,_,e){"use strict";var d=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_,"__esModule",{value:!0}),_.SvgIcon=void 0;const o=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/UIIcon/index.tsx"),n=e("./src/components/Icons.tsx");_.default={title:"Utilities/Icons"},(0,n.initIcons)();const l=[];for(const i in n.UiIcons)l.push(i);l.sort();const u=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:i=>o.default.createElement(t.UIIcon,{style:{width:"16px",height:"16px"},iconName:i})},{key:"column2",name:"Name",minWidth:50,onRender:i=>o.default.createElement("span",null,i)}],c=()=>o.default.createElement("div",null,o.default.createElement(s.DetailsList,{selectionMode:s.SelectionMode.none,items:l,columns:u,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));_.SvgIcon=c}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var m=Object.defineProperty,p=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(r,e,t)=>e in r?m(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,i=(r,e)=>{for(var t in e||(e={}))h.call(e,t)&&_(r,t,e[t]);if(f)for(var t of f(e))I.call(e,t)&&_(r,t,e[t]);return r},b=(r,e)=>p(r,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx":function(r,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class l extends c.default.Component{constructor(o){super(o)}render(){const o=s=>({root:[i({marginTop:25},e.labelGlobalStyle),s.disabled&&{opacity:"0.4"},s.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(a.Label,b(i({},this.props),{styles:o}))}}e.UILabel=l},"./src/components/UILabel/index.tsx":function(r,e,t){var u=this&&this.__createBinding||(Object.create?function(a,l,n,o){o===void 0&&(o=n);var s=Object.getOwnPropertyDescriptor(l,n);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(a,o,s)}:function(a,l,n,o){o===void 0&&(o=n),a[o]=l[n]}),c=this&&this.__exportStar||function(a,l){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(l,n)&&u(l,a,n)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./stories/UILabel.story.tsx":function(r,e,t){var u=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=t("./src/components/UILabel/index.tsx");(0,t("./src/components/Icons.tsx").initIcons)(),e.default={title:"Basic Inputs/Label"};const o={childrenGap:40},s=()=>c.default.createElement(a.Stack,{tokens:o,style:{width:300}},c.default.createElement(a.Stack,{tokens:{childrenGap:16}},c.default.createElement(a.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(l.UILabel,null,"Just a label")),c.default.createElement(a.Stack,{tokens:{childrenGap:16}},c.default.createElement(a.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(l.UILabel,{required:!0},"Just a label")));e.defaultUsage=s}}]);})();
@@ -1,6 +0,0 @@
1
- (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,n,a)=>{var _=a("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=a("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),s=l(_);s.push([i.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)}",""]),i.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var a=[];return a.toString=function(){return this.map(function(l){var s="",e=typeof l[5]!="undefined";return l[4]&&(s+="@supports (".concat(l[4],") {")),l[2]&&(s+="@media ".concat(l[2]," {")),e&&(s+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),s+=n(l),e&&(s+="}"),l[2]&&(s+="}"),l[4]&&(s+="}"),s}).join("")},a.i=function(l,s,e,t,u){typeof l=="string"&&(l=[[null,l,void 0]]);var m={};if(e)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(m[v]=!0)}for(var c=0;c<l.length;c++){var o=[].concat(l[c]);e&&m[o[0]]||(typeof u!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=u),s&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=s),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),a.push(o))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(i,n,a)=>{"use strict";a.r(n),a.d(n,{default:()=>p});var _=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=a.n(_),s=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=a.n(s),t=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=a.n(t),m=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=a.n(m),v=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=a.n(v),o=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=a.n(o),S=a("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=a.n(S),I={};for(const y in S)y!=="default"&&(I[y]=()=>S[y]);a.d(n,I);var r={};r.styleTagTransform=h(),r.setAttributes=d(),r.insert=u().bind(null,"head"),r.domAPI=e(),r.insertStyleElement=c();var f=l()(E(),r);const p=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function a(s){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},u=[],m=0;m<s.length;m++){var d=s[m],v=e.base?d[0]+e.base:d[0],c=t[v]||0,o="".concat(v," ").concat(c);t[v]=c+1;var h=a(o),S={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(h!==-1)n[h].references++,n[h].updater(S);else{var E=l(S,e);e.byIndex=m,n.splice(m,0,{identifier:o,updater:E,references:1})}u.push(o)}return u}function l(s,e){var t=e.domAPI(e);t.update(s);var u=function(d){if(d){if(d.css===s.css&&d.media===s.media&&d.sourceMap===s.sourceMap&&d.supports===s.supports&&d.layer===s.layer)return;t.update(s=d)}else t.remove()};return u}i.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(m){m=m||[];for(var d=0;d<t.length;d++){var v=t[d],c=a(v);n[c].references--}for(var o=_(m,e),h=0;h<t.length;h++){var S=t[h],E=a(S);n[E].references===0&&(n[E].updater(),n.splice(E,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function a(l){if(typeof n[l]=="undefined"){var s=document.querySelector(l);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}n[l]=s}return n[l]}function _(l,s){var e=a(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(a){var _=document.createElement("style");return a.setAttributes(_,a.attributes),a.insert(_,a.options),_}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,a)=>{"use strict";function _(l){var s=a.nc;s&&l.setAttribute("nonce",s)}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(l,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var m=e.sourceMap;m&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(m))))," */")),s.styleTagTransform(t,l,s.options)}function a(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function _(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=l.insertStyleElement(l);return{update:function(t){n(s,l,t)},remove:function(){a(s)}}}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(a,_){if(_.styleSheet)_.styleSheet.cssText=a;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(a))}}i.exports=n},"./stories/UILoader.story.tsx":function(i,n,a){"use strict";var _=this&&this.__createBinding||(Object.create?function(r,f,p,y){y===void 0&&(y=p);var D=Object.getOwnPropertyDescriptor(f,p);(!D||("get"in D?!f.__esModule:D.writable||D.configurable))&&(D={enumerable:!0,get:function(){return f[p]}}),Object.defineProperty(r,y,D)}:function(r,f,p,y){y===void 0&&(y=p),r[y]=f[p]}),l=this&&this.__setModuleDefault||(Object.create?function(r,f){Object.defineProperty(r,"default",{enumerable:!0,value:f})}:function(r,f){r.default=f}),s=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var f={};if(r!=null)for(var p in r)p!=="default"&&Object.prototype.hasOwnProperty.call(r,p)&&_(f,r,p);return l(f,r),f};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=s(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=a("./src/components/UILoader/index.tsx"),m=a("./src/components/Icons.tsx"),d=a("./src/components/UIButton/index.tsx"),v=a("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"},(0,m.initIcons)();const c={childrenGap:40},o=()=>e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,null))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:c,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:c,style:{position:"relative",height:"75px"}},e.default.createElement(t.Text,null,"Loader - block DOM with text..."),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=o;const h=()=>{const[r,f]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(t.Text,null,"Loader - delayed"),r&&e.default.createElement(u.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(d.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{f(!r)}}))))};n.Delayed=h;const S=`
3
- .popup--busy .ms-Dialog-content {
4
- position: static;
5
- }
6
- `,E=r=>{const{delayed:f,text:p}=r,[y,D]=(0,e.useState)(!1),[M,T]=(0,e.useState)(!1),g=()=>{D(!y)},b=()=>{T(!0),setTimeout(()=>{T(!1),g()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(d.UIDefaultButton,{onClick:g,primary:!0},p),e.default.createElement(v.UIDialog,{isOpen:y,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:g,onCancel:g,onDismiss:g,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(d.UIDefaultButton,{onClick:b},"Accept"))},e.default.createElement("div",null,"Dummy"),M&&e.default.createElement(u.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:f})))},I=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,S),e.default.createElement("div",null,e.default.createElement(E,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(E,{delayed:!0,text:"Open Dialog with delayed loader"})));n.Dialogs=I}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var p=Object.defineProperty;var m=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var s=(i,e,n)=>e in i?p(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,r=(i,e)=>{for(var n in e||(e={}))g.call(e,n)&&s(i,n,e[n]);if(m)for(var n of m(e))y.call(e,n)&&s(i,n,e[n]);return i};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[680],{"./stories/UIQuickNavigation.story.tsx":function(i,e,n){var f=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.ExternalWithCustomOffset=e.External=e.Inline=void 0;const t=f(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=n("./src/components/index.tsx");e.default={title:"Utilities/Quick Navigation"},(0,a.initIcons)();const k={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},c=u=>{const{title:d}=u;return t.default.createElement("div",{style:{border:"1px solid red",margin:"20px 0",padding:10}},t.default.createElement("div",null,d),t.default.createElement(a.UITextInput,{label:"Dummy 1"}),t.default.createElement(a.UITextInput,{label:"Dummy 2"}),t.default.createElement(a.UIDefaultButton,null,"Submit"))},o=u=>{const{inline:d,offsets:l}=u;return t.default.createElement("div",{style:{margin:10}},t.default.createElement("div",null,`Inline = ${d}`),t.default.createElement(a.UIQuickNavigation,{inline:d},t.default.createElement("div",r({},(0,a.setQuickNavigationKey)("A",l==null?void 0:l[0])),t.default.createElement(c,{title:"Group 1"})),t.default.createElement("div",r({},(0,a.setQuickNavigationKey)("B",l==null?void 0:l[1])),t.default.createElement(c,{title:"Group 2"})),t.default.createElement("div",r({},(0,a.setQuickNavigationKey)("C",l==null?void 0:l[2])),t.default.createElement(c,{title:"Group 3"})),t.default.createElement("div",r({},(0,a.setQuickNavigationKey)("D",l==null?void 0:l[3])),t.default.createElement(c,{title:"Group 4"}))))},E=()=>t.default.createElement(o,{inline:!0});e.Inline=E;const v=()=>t.default.createElement(o,{inline:!1});e.External=v;const _=()=>t.default.createElement(o,{inline:!1,offsets:[{y:30,x:0},{y:0,x:30},{y:-15,x:-15}]});e.ExternalWithCustomOffset=_}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var O=Object.defineProperty,C=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var x=(o,t,n)=>t in o?O(o,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[t]=n,p=(o,t)=>{for(var n in t||(t={}))E.call(t,n)&&x(o,n,t[n]);if(h)for(var n of h(t))U.call(t,n)&&x(o,n,t[n]);return o},_=(o,t)=>C(o,P(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx":function(o,t,n){var m=this&&this.__createBinding||(Object.create?function(e,a,c,r){r===void 0&&(r=c);var l=Object.getOwnPropertyDescriptor(a,c);(!l||("get"in l?!a.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return a[c]}}),Object.defineProperty(e,r,l)}:function(e,a,c,r){r===void 0&&(r=c),e[r]=a[c]}),S=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),b=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var c in e)c!=="default"&&Object.prototype.hasOwnProperty.call(e,c)&&m(a,e,c);return S(a,e),a};Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const s=b(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),v=n("./src/components/UISearchBox/index.tsx"),y=n("./src/components/Icons.tsx"),B=n("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40};(0,y.initIcons)();const j=()=>{const[e,a]=(0,s.useState)(""),c=(f,u)=>{u!==void 0&&a(u)},r=()=>{a("")},l=(f,u)=>{I(_(p({},d),{[f]:u}))},[d,I]=(0,s.useState)({value:e,onChange:c,onClear:r});return s.default.createElement(i.Stack,{tokens:g,style:{width:300}},s.default.createElement(i.Stack,{tokens:{childrenGap:16}},s.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),s.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},s.default.createElement(B.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,u)=>{l("disabled",u)}})),s.default.createElement(v.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();
@@ -1,2 +0,0 @@
1
- "use strict";(()=>{var E=Object.defineProperty,S=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(d,r,l)=>r in d?E(d,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):d[r]=l,h=(d,r)=>{for(var l in r||(r={}))T.call(r,l)&&I(d,l,r[l]);if(y)for(var l of y(r))w.call(r,l)&&I(d,l,r[l]);return d},b=(d,r)=>S(d,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":d=>{d.exports=function(r){var l=[];return l.toString=function(){return this.map(function(e){var t="",a=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},l.i=function(e,t,a,n,u){typeof e=="string"&&(e=[[null,e,void 0]]);var o={};if(a)for(var s=0;s<this.length;s++){var f=this[s][0];f!=null&&(o[f]=!0)}for(var p=0;p<e.length;p++){var c=[].concat(e[p]);a&&o[c[0]]||(typeof u!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=u),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),l.push(c))}},l}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{var r=[];function l(t){for(var a=-1,n=0;n<r.length;n++)if(r[n].identifier===t){a=n;break}return a}function i(t,a){for(var n={},u=[],o=0;o<t.length;o++){var s=t[o],f=a.base?s[0]+a.base:s[0],p=n[f]||0,c="".concat(f," ").concat(p);n[f]=p+1;var m=l(c),x={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(m!==-1)r[m].references++,r[m].updater(x);else{var v=e(x,a);a.byIndex=o,r.splice(o,0,{identifier:c,updater:v,references:1})}u.push(c)}return u}function e(t,a){var n=a.domAPI(a);n.update(t);var u=function(s){if(s){if(s.css===t.css&&s.media===t.media&&s.sourceMap===t.sourceMap&&s.supports===t.supports&&s.layer===t.layer)return;n.update(t=s)}else n.remove()};return u}d.exports=function(t,a){a=a||{},t=t||[];var n=i(t,a);return function(o){o=o||[];for(var s=0;s<n.length;s++){var f=n[s],p=l(f);r[p].references--}for(var c=i(o,a),m=0;m<n.length;m++){var x=n[m],v=l(x);r[v].references===0&&(r[v].updater(),r.splice(v,1))}n=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{var r={};function l(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(a){t=null}r[e]=t}return r[e]}function i(e,t){var a=l(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function r(l){var i=document.createElement("style");return l.setAttributes(i,l.attributes),l.insert(i,l.options),i}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,r,l)=>{function i(e){var t=l.nc;t&&e.setAttribute("nonce",t)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function r(e,t,a){var n="";a.supports&&(n+="@supports (".concat(a.supports,") {")),a.media&&(n+="@media ".concat(a.media," {"));var u=typeof a.layer!="undefined";u&&(n+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),n+=a.css,u&&(n+="}"),a.media&&(n+="}"),a.supports&&(n+="}");var o=a.sourceMap;o&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleTagTransform(n,e,t.options)}function l(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function i(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){r(t,e,n)},remove:function(){l(t)}}}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{function r(l,i){if(i.styleSheet)i.styleSheet.cssText=l;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(l))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx":function(d,r,l){var i=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=i(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=l("./src/helper/ValidationMessage/index.tsx");class n extends e.default.Component{constructor(o){super(o),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(s,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:f.disabled?"GrayText":"WindowText"}}}],f.checked&&!f.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:f.disabled?"":"var(--vscode-checkbox-background)",borderColor:f.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},s.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:f.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const o=(0,a.getMessageInfo)(this.props),s=e.default.createElement(t.Checkbox,b(h({},this.props),{styles:f=>h(h({},this.setStyle(o,f)),this.props.styles)}));return o.message?e.default.createElement(a.MessageWrapper,{message:o},s):s}}r.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(d,r,l){var i=this&&this.__createBinding||(Object.create?function(t,a,n,u){u===void 0&&(u=n);var o=Object.getOwnPropertyDescriptor(a,n);(!o||("get"in o?!a.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return a[n]}}),Object.defineProperty(t,u,o)}:function(t,a,n,u){u===void 0&&(u=n),t[u]=a[n]}),e=this&&this.__exportStar||function(t,a){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(a,n)&&i(a,t,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(l("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx":function(d,r,l){var i=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.accessibilityStates=r.defaultUsage=void 0;const e=i(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=l("./src/components/UIInput/index.tsx"),n=l("./src/components/UICheckbox/index.tsx"),u=l("./src/components/Icons.tsx");r.default={title:"Basic Inputs/Input"},(0,u.initIcons)();const o={childrenGap:40},s={iconName:"FolderOpened"},f=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(a.UITextInput,{label:"Enter your name"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(a.UITextInput,{label:"Select your folder",iconProps:s})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(a.UITextInput,{label:"Enter your name",disabled:!0})));r.defaultUsage=f;const p=()=>{const[m,x]=e.default.useState(!1),[v,C]=e.default.useState("Content"),g={multiline:m,onChange:(_,k)=>{C(k||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:o},e.default.createElement(n.UICheckbox,{label:"Multi Line",checked:m,onChange:(_,k)=>{x(k)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:o},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{errorMessage:"Dummy error",value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const c=()=>{const m="Dummy message";return e.default.createElement(t.Stack,{tokens:o,style:{width:"100%"}},e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(a.UITextInput,{label:"input field label",errorMessage:m})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(a.UITextInput,{label:"input field label",warningMessage:m})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(a.UITextInput,{label:"input field label",infoMessage:m})))};r.withMessages=c}}]);})();
@@ -1 +0,0 @@
1
- (()=>{var U=Object.defineProperty,L=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var S=(u,e,o)=>e in u?U(u,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[e]=o,y=(u,e)=>{for(var o in e||(e={}))I.call(e,o)&&S(u,o,e[o]);if(C)for(var o of C(e))v.call(e,o)&&S(u,o,e[o]);return u},E=(u,e)=>L(u,P(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(u,e,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),a=_(m);a.push([u.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)}",""]),u.exports=a},"./src/styles/_shadows.scss":(u,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>O});var m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=o.n(a),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=o.n(t),l=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=o.n(l),T=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=o.n(T),i=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=o.n(i),f=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),c=o.n(f),g={};for(const b in f)b!=="default"&&(g[b]=()=>f[b]);o.d(e,g);var h={};h.styleTagTransform=p(),h.setAttributes=r(),h.insert=n().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=d();var j=_()(c(),h);const O=c()&&c().locals?c().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(u,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},m=20;class _{constructor(s,t,n=o){this.originalStyle={},this.source=s,this.callout=t,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${s}px`,t}getElements(){const s=this.source.current,t=s==null?void 0:s.closest(this.props.container);if(t&&s){const n=t==null?void 0:t.querySelector(this.props.target);if(n){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},r=this.callout.current;return r&&(l.callout={dom:r,rect:r.getBoundingClientRect()}),l}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:n,callout:l,source:r}=s;if(l){const T=window.innerHeight-o.minPagePadding,d=l.rect.height,i=r.rect.bottom;let p=i+d-n.rect.top,f=i+l.rect.height;if(p<=0||f>=T)return;if(f+=n.rect.height,f<=T&&(p+=m),this.props.absolute){const c=t.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${t.rect.top}px`,c.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),n.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:n}=s;for(const l in this.originalStyle){const r=this.originalStyle[l];typeof r=="string"&&(t.dom.style[l]=r)}this.originalStyle={},this.placeholder&&(n.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(s){const t=this.getElements();return!!(s.type==="focus"&&(t!=null&&t.target.dom.contains(s.target)))}}e.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),e.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:2};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const n=new Map([[t.Standard,8]]),l=(d,i)=>typeof d=="object"&&typeof d[i]=="object"?d[i]:{},r=d=>{var i,p;return{root:y({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius,border:`1px solid ${e.CALLOUT_STYLES.borderColor}`},l(d.styles,"root")),beak:y({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},l(d.styles,"beak")),beakCurtain:y({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},l(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(i=d.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:n.get((p=d.contentPadding)!=null?p:t.None)},l(d.styles,"calloutMain")),container:l(d.styles,"container")}};e.getCalloutStyle=r;class T extends _.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:p,focusTargetSiblingOnTabPress:f,target:c}=this.props;if(f&&i.key==="Tab"&&c){let g=null;if(typeof c=="string"){const h=(0,a.getDocument)();g=h==null?void 0:h.querySelector(c)}else"getBoundingClientRect"in c&&(0,s.isHTMLElement)(c)&&(g=c);g&&(0,s.focusToSibling)(g,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}p==null||p(i)}render(){return _.default.createElement(a.Callout,E(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=T},"./src/components/UICallout/index.tsx":function(u,e,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,s,t,n){n===void 0&&(n=t);var l=Object.getOwnPropertyDescriptor(s,t);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(a,n,l)}:function(a,s,t,n){n===void 0&&(n=t),a[n]=s[t]}),_=this&&this.__exportStar||function(a,s){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&m(s,a,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),e),_(o("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UITooltipDelay",{enumerable:!0,get:function(){return a.TooltipDelay}});const s=o("./src/components/UICallout/index.tsx");class t extends _.default.Component{constructor(l){super(l)}render(){var p;const l=(p=this.props.maxWidth)!=null?p:200,r=()=>y({root:{display:"inline-block"},content:{backgroundColor:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text,fontFamily:s.CALLOUT_STYLES.font}},this.props.styles),d={beakWidth:10,styles:()=>(0,s.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},i=_.default.createElement(a.TooltipHost,E(y({},this.props),{styles:r,calloutProps:y(y({},d),this.props.calloutProps)}));return this.props.showOnFocus?i:_.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=m(o("../../node_modules/.pnpm/sanitize-html@2.12.1/node_modules/sanitize-html/index.js")),s=o("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>_.default.createElement("span",null,l!=null?l:""),styles:t.getStyles()}}static renderHTMLContent(l){const r=(0,a.default)(l);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx":function(u,e,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,s,t,n){n===void 0&&(n=t);var l=Object.getOwnPropertyDescriptor(s,t);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(a,n,l)}:function(a,s,t,n){n===void 0&&(n=t),a[n]=s[t]}),_=this&&this.__exportStar||function(a,s){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&m(s,a,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UITooltip/UITooltip.tsx"),e),_(o("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("./src/components/UITooltip/index.tsx"),s=o("./src/components/UIButton/index.tsx"),t=o("./src/components/Icons.tsx");e.default={title:"Dropdowns/Tooltip"},(0,t.initIcons)();const n={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{margin:20}},_.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderContent(n.name)},n.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderHTMLContent(n.html)},"render HTML content")),_.default.createElement("div",null,_.default.createElement(a.UITooltip,{content:"This is the tooltip"},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),_.default.createElement("div",null,_.default.createElement(a.UITooltip,{content:"This is the tooltip",showOnFocus:!0},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var V=Object.defineProperty,K=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var B=(c,t,e)=>t in c?V(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e,f=(c,t)=>{for(var e in t||(t={}))O.call(t,e)&&B(c,e,t[e]);if(v)for(var e of v(t))z.call(t,e)&&B(c,e,t[e]);return c},T=(c,t)=>K(c,M(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[530],{"./stories/UITranslationInput.story.tsx":function(c,t,e){var D=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.translationInput=void 0;const n=D(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/components/UITranslationInput/index.tsx"),I=e("./src/components/Icons.tsx"),U=e("./src/components/UITable/index.tsx"),C=e("./src/components/UIButton/index.tsx"),p=e("./src/components/UICheckbox/index.tsx");t.default={title:"Basic Inputs/Input"},(0,I.initIcons)();const h={childrenGap:60},k="ui-components-i18n-bundle",N=()=>{let s={};try{s=JSON.parse(window.localStorage.getItem(k)||"")}catch(d){s={}}return s},b=s=>{window.localStorage.setItem(k,JSON.stringify(s))},P=()=>{const[s,d]=n.default.useState("Content"),[m,x]=n.default.useState(!1),[u,i]=n.default.useState(!1),[a,E]=n.default.useState(N()),_=(o,l)=>{d(l||"")},j=o=>{a[o.key.value]||(a[o.key.value]=[T(f({},o),{dummyPath:"dddd"})],b(a),E(f({},a)))},W=o=>{const l=document.querySelector(`div[data-i18n-key="${o.key.value}"]`);(l==null?void 0:l.parentElement).focus(),(0,S.setFocusVisibility)(!0,l==null?void 0:l.parentElement)},F=o=>{a[o]&&(delete a[o],b(a),E(f({},a)))},g=[];for(const o in a){const l=a[o];for(const R of l)g.push({key:o,value:R.value.value})}return n.default.createElement(y.Stack,{tokens:h,style:{width:"100%",height:"100%"}},n.default.createElement(y.Stack,{horizontal:!0,tokens:h},n.default.createElement(p.UICheckbox,{label:"Disabled",checked:m,onChange:(o,l)=>{x(l)}}),n.default.createElement(p.UICheckbox,{label:"Busy",checked:u,onChange:(o,l)=>{i(l)}})),n.default.createElement(r.UITranslationInput,{entries:a,id:"test",i18nPrefix:"i18n",allowedI18nPrefixes:["i18n","@i18n"],allowedPatterns:[r.TranslationTextPattern.SingleBracketBinding,r.TranslationTextPattern.DoubleBracketReplace],defaultPattern:r.TranslationTextPattern.SingleBracketBinding,value:s,onChange:_,onCreateNewEntry:j,onShowExistingEntry:W,disabled:m,busy:u?{busy:u,useMinWaitingTime:!0}:void 0}),n.default.createElement(w,{tableData:g,onDelete:F}))};t.translationInput=P;function w(s){const d=Array.from({length:3}).map((x,u)=>{const i={key:"test"+(u+1),name:"",fieldName:"",minWidth:100,maxWidth:300};return u===0?(i.name="Key",i.fieldName="key",i.onRender=a=>n.default.createElement("div",{"data-i18n-key":a.key},a.key)):u===1?(i.name="Value",i.fieldName="value"):u===2&&(i.name="Delete",i.minWidth=50,i.maxWidth=50,i.onRender=a=>n.default.createElement(C.UIIconButton,{onClick:()=>{s.onDelete(a.key)},iconProps:{iconName:I.UiIcons.TrashCan}})),i}),m=".ms-Fabric--isFocusVisible .ms-DetailsList .ms-DetailsRow-cell:focus::after { z-index: -1; }";return n.default.createElement(n.default.Fragment,null,n.default.createElement("style",null,m),n.default.createElement("div",{style:{position:"relative",height:"100%"}},n.default.createElement(U.UITable,{dataSetKey:"datasetkey",items:s.tableData,columns:d})))}}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[393],{"./stories/Utilities.story.tsx":function(f,s,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.shadows=void 0;const t=r(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=n("./src/components/index.tsx");(0,u.initIcons)(),s.default={title:"Utilities/Misc"};const l={childrenGap:20},m=e=>t.default.createElement("div",{style:{padding:10}},e,t.default.createElement("br",null),"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt"),p=()=>{const e=[],c=["ui-box-shadow-small","ui-box-shadow-medium","ui-box-shadow-large"];for(let o=0;o<c.length;o++){const a=c[o],d=`host-${o}`;e.push(t.default.createElement(i.Stack,{tokens:l,key:a},t.default.createElement("div",{id:d}),t.default.createElement(u.UICallout,{className:a,styles:{root:{position:"static"}},layerProps:{hostId:d}},m(a))))}return t.default.createElement(i.Stack,{tokens:l,style:{width:300}},e)};s.shadows=p}}]);})();
@@ -1 +0,0 @@
1
- (()=>{var O=(s,r)=>()=>(r||s((r={exports:{}}).exports,r),r.exports);var c=(s,r,t)=>new Promise((i,e)=>{var n=o=>{try{y(t.next(o))}catch(a){e(a)}},I=o=>{try{y(t.throw(o))}catch(a){e(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,r)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[792],{"./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,r,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIButton.story":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UICallout.story":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,43],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,43],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",341,391,558],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",341,391,558],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",341,391,525],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",341,391,525],"./UICombobox.story":["./stories/UICombobox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,632],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,632],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",341,391,342,498,742,973,589,289],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",341,391,342,498,742,973,589,289],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",341,825,391,342,498,949],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",341,825,391,342,498,949],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",341,391,342,191],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",341,391,342,191],"./UIDialog.story":["./stories/UIDialog.story.tsx",341,391,342,498,742,973,920,583,937],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",341,391,342,498,742,973,920,583,937],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,6],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,6],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,812],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,812],"./UIIcon.story":["./stories/UIIcon.story.tsx",341,391,222],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",341,391,222],"./UILabel.story":["./stories/UILabel.story.tsx",341,391,69],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",341,391,69],"./UILink.story":["./stories/UILink.story.tsx",341,391,57],"./UILink.story.tsx":["./stories/UILink.story.tsx",341,391,57],"./UILoader.story":["./stories/UILoader.story.tsx",341,391,342,498,742,920,660],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",341,391,342,498,742,920,660],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",341,391,733],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",341,391,733],"./UIPersona.story":["./stories/UIPersona.story.tsx",341,271],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",341,271],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,680],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,680],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,104],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,104],"./UISections.story":["./stories/UISections.story.tsx",341,391,342,498,742,973,592,177],"./UISections.story.tsx":["./stories/UISections.story.tsx",341,391,342,498,742,973,592,177],"./UISeparator.story":["./stories/UISeparator.story.tsx",341,930],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",341,930],"./UITable.story":["./stories/UITable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,967],"./UITable.story.tsx":["./stories/UITable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,967],"./UITextInput.story":["./stories/UITextInput.story.tsx",341,391,342,644],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",341,391,342,644],"./UIToggle.story":["./stories/UIToggle.story.tsx",341,391,673],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",341,391,673],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",341,391,817,218],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",341,391,817,218],"./UITooltip.story":["./stories/UITooltip.story.tsx",341,504,391,342,498,742,406],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",341,504,391,342,498,742,406],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,530],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,530],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",341,391,342,498,589,994],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",341,391,342,498,589,994],"./Utilities.story":["./stories/Utilities.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,393],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,393]};function e(n){if(!t.o(i,n))return Promise.resolve().then(()=>{var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o});var I=i[n],y=I[0];return Promise.all(I.slice(1).map(t.e)).then(()=>t.t(y,23))}e.keys=()=>Object.keys(i),e.id="./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$",s.exports=e},"./storybook-config-entry.js":(s,r,t)=>{"use strict";var i=t("@storybook/global");const e=__STORYBOOK_MODULE_PREVIEW_API__,n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>c(p,null,function*(){if(!/^\.[\\/](?:stories\/(?!\.)(?=.)[^/]*?\.story\.tsx)$/.exec(x))return;const U=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$")("./"+U)})];function o(x){return c(this,null,function*(){for(let U=0;U<y.length;U++){const _=yield I(()=>y[U](x));if(_)return _}})}const a=()=>(0,e.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@8.1.11_prettier@3.3.3_react-dom@16.14.0_react@16.14.0_typescript@5.6.2/node_modules/@storybook/react/dist/entry-preview.mjs")]),l=(0,n.createBrowserChannel)({page:"preview"});e.addons.setChannel(l),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const u=new e.PreviewWeb(o,a);window.__STORYBOOK_PREVIEW__=u,window.__STORYBOOK_STORY_STORE__=u.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=l},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__}},s=>{var r=i=>s(s.s=i);s.O(0,[721],()=>r("./storybook-config-entry.js"));var t=s.O()}])});T();})();
@@ -1,2 +0,0 @@
1
- (()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],l=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(l=!1,i<o&&(o=i));if(l){e.splice(n--,1);var d=a();d!==void 0&&(f=d)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(l=>n[l]=()=>t[l]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"95735ffc",43:"65d35532",57:"2c7d1953",69:"38df6674",104:"da945a0f",177:"73044eae",191:"d3c6db4c",218:"50b2392c",222:"16f5f8ab",239:"3e5d6267",271:"6cdb6313",289:"fdeddc59",341:"db2c9a0a",342:"5c3d2f24",390:"77520f0c",391:"beec054e",393:"d347dfb2",406:"a9c06aed",449:"b6524622",498:"9e803d53",504:"f031c6ee",525:"a1b90c0f",530:"e739a305",558:"ccf2a048",583:"6fb1b824",589:"44ac45cc",592:"7880c0f6",632:"0984959c",644:"635fe59b",660:"946c062c",673:"fab92f4e",680:"5f9bb898",685:"f887fe18",733:"13a6dea2",742:"e07d5a84",812:"e26a75b6",817:"c71ffc11",825:"d50c7306",841:"d180e55f",920:"1385eab3",930:"a27b46f7",937:"d6271932",949:"8d814a30",967:"2c0ccae1",973:"191cea0f",994:"0da3980f"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,l;if(i!==void 0)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var c=s[d];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(l=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var U=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),U&&U.forEach(h=>h(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),l&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,d=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
2
- (`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(l,d,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,l]=i,s,d,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(l)var b=l(r)}for(a&&a(i);c<n.length;c++)d=n[c],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();