@sap-ux/ui-components 1.24.11 → 1.25.0

package/storybook/UIButton-story.49b13dae.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var H=Object.defineProperty,R=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var D=(s,c,r)=>c in s?H(s,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[c]=r,C=(s,c)=>{for(var r in c||(c={}))W.call(c,r)&&D(s,r,c[r]);if(N)for(var r of N(c))j.call(c,r)&&D(s,r,c[r]);return s},w=(s,c)=>R(s,z(c));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(c){var r=[];return r.toString=function(){return this.map(function(n){var o="",e=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=c(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},r.i=function(n,o,e,t,u){typeof n=="string"&&(n=[[null,n,void 0]]);var I={};if(e)for(var a=0;a<this.length;a++){var v=this[a][0];v!=null&&(I[v]=!0)}for(var f=0;f<n.length;f++){var i=[].concat(n[f]);e&&I[i[0]]||(typeof u!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=u),o&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=o),t&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=t):i[4]="".concat(t)),r.push(i))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(c){return c[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var c=[];function r(o){for(var e=-1,t=0;t<c.length;t++)if(c[t].identifier===o){e=t;break}return e}function d(o,e){for(var t={},u=[],I=0;I<o.length;I++){var a=o[I],v=e.base?a[0]+e.base:a[0],f=t[v]||0,i="".concat(v," ").concat(f);t[v]=f+1;var l=r(i),p={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(l!==-1)c[l].references++,c[l].updater(p);else{var m=n(p,e);e.byIndex=I,c.splice(I,0,{identifier:i,updater:m,references:1})}u.push(i)}return u}function n(o,e){var t=e.domAPI(e);t.update(o);var u=function(a){if(a){if(a.css===o.css&&a.media===o.media&&a.sourceMap===o.sourceMap&&a.supports===o.supports&&a.layer===o.layer)return;t.update(o=a)}else t.remove()};return u}s.exports=function(o,e){e=e||{},o=o||[];var t=d(o,e);return function(I){I=I||[];for(var a=0;a<t.length;a++){var v=t[a],f=r(v);c[f].references--}for(var i=d(I,e),l=0;l<t.length;l++){var p=t[l],m=r(p);c[m].references===0&&(c[m].updater(),c.splice(m,1))}t=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var c={};function r(n){if(typeof c[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}c[n]=o}return c[n]}function d(n,o){var e=r(n);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(o)}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function c(r){var d=document.createElement("style");return r.setAttributes(d,r.attributes),r.insert(d,r.options),d}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,c,r)=>{"use strict";function d(n){var o=r.nc;o&&n.setAttribute("nonce",o)}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function c(n,o,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 I=e.sourceMap;I&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(I))))," */")),o.styleTagTransform(t,n,o.options)}function r(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(t){c(o,n,t)},remove:function(){r(o)}}}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function c(r,d){if(d.styleSheet)d.styleSheet.cssText=r;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(r))}}s.exports=c},"./stories/UIButton.story.tsx":function(s,c,r){"use strict";var d=this&&this.__createBinding||(Object.create?function(l,p,m,h){h===void 0&&(h=m);var y=Object.getOwnPropertyDescriptor(p,m);(!y||("get"in y?!p.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return p[m]}}),Object.defineProperty(l,h,y)}:function(l,p,m,h){h===void 0&&(h=m),l[h]=p[m]}),n=this&&this.__setModuleDefault||(Object.create?function(l,p){Object.defineProperty(l,"default",{enumerable:!0,value:p})}:function(l,p){l.default=p}),o=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var p={};if(l!=null)for(var m in l)m!=="default"&&Object.prototype.hasOwnProperty.call(l,m)&&d(p,l,m);return n(p,l),p};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=o(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),I=r("./src/components/UIContextualMenu/index.tsx"),a=r("./src/components/Icons.tsx"),v=r("./src/components/UITreeDropdown/index.tsx");(0,a.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const f={childrenGap:40},i=()=>{const[l,p]=(0,e.useState)(""),[m,h]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),y=U=>{p(U)},k=U=>{const _=w(C({},m),{[U]:!m[U]});h(_)},x=(U,_,g)=>{const B={key:U,text:_};return g&&(B.iconProps={iconName:a.UiIcons.GuidedDevelopment}),B},E=x("option1","option 1"),S=[x("option2","option 2"),x("option3","option 3")],b=S.map(U=>w(C({},U),{iconProps:{iconName:a.UiIcons.GuidedDevelopment}})),M=[b[0],w(C({},b[1]),{iconProps:void 0})],T=()=>[x("option1","option 1"),x("rename","Simulate rename"),{key:"",itemType:I.UIContextualMenuItemType.Divider},x("option3","option 3"),x("option4","option 4"),x("option5","option 5"),{key:"",itemType:I.UIContextualMenuItemType.Header,text:"Dummy header"},x("option6","option 6"),x("option7","option 7"),x("option8","option 8"),x("option10","option 10"),x("option11","option 11"),x("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISplitButton,{id:"test",callback:y.bind(this),menuItems:S,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:y.bind(this),menuItems:b,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:U=>{if(U==="rename"){const _=T(),g=_.find(B=>B.key==="rename");g&&(g.text="Renamed"),A(_)}y(U)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",l))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:a.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:a.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:a.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:a.UiIcons.Undo},checked:m.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:m.btn2,iconProps:{iconName:a.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:m.btn3,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:S}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),o=n;o.v1=d,o.v4=n,s.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function d(n,o){var e=o||0,t=c;return[t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]]].join("")}s.exports=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);s.exports=function(){return c(r),r}}else{var d=new Array(16);s.exports=function(){for(var o=0,e;o<16;o++)o&3||(e=Math.random()*4294967296),d[o]=e>>>((o&3)<<3)&255;return d}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),o,e,t=0,u=0;function I(a,v,f){var i=v&&f||0,l=v||[];a=a||{};var p=a.node||o,m=a.clockseq!==void 0?a.clockseq:e;if(p==null||m==null){var h=d();p==null&&(p=o=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),m==null&&(m=e=(h[6]<<8|h[7])&16383)}var y=a.msecs!==void 0?a.msecs:new Date().getTime(),k=a.nsecs!==void 0?a.nsecs:u+1,x=y-t+(k-u)/1e4;if(x<0&&a.clockseq===void 0&&(m=m+1&16383),(x<0||y>t)&&a.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=y,u=k,e=m,y+=122192928e5;var E=((y&268435455)*1e4+k)%4294967296;l[i++]=E>>>24&255,l[i++]=E>>>16&255,l[i++]=E>>>8&255,l[i++]=E&255;var S=y/4294967296*1e4&268435455;l[i++]=S>>>8&255,l[i++]=S&255,l[i++]=S>>>24&15|16,l[i++]=S>>>16&255,l[i++]=m>>>8|128,l[i++]=m&255;for(var b=0;b<6;++b)l[i+b]=p[b];return v||n(l)}s.exports=I},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function o(e,t,u){var I=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var a=e.random||(e.rng||d)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t)for(var v=0;v<16;++v)t[I+v]=a[v];return t||n(a)}s.exports=o}}]);})();

package/storybook/UICalloutCollisionTransform-story.160ba753.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var T=Object.defineProperty,M=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var h=(u,t,r)=>t in u?T(u,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):u[t]=r,D=(u,t)=>{for(var r in t||(t={}))P.call(t,r)&&h(u,r,t[r]);if(b)for(var r of b(t))w.call(t,r)&&h(u,r,t[r]);return u},E=(u,t)=>M(u,R(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[43],{"./stories/UICalloutCollisionTransform.story.tsx":function(u,t,r){var x=this&&this.__createBinding||(Object.create?function(e,a,o,s){s===void 0&&(s=o);var l=Object.getOwnPropertyDescriptor(a,o);(!l||("get"in l?!a.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return a[o]}}),Object.defineProperty(e,s,l)}:function(e,a,o,s){s===void 0&&(s=o),e[s]=a[o]}),f=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),m=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&x(a,e,o);return f(a,e),a};Object.defineProperty(t,"__esModule",{value:!0}),t.collisionTransformInDialog=void 0;const n=m(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),i=r("./src/components/index.tsx"),p=r("./test/__mock__/select-data.ts");t.default={title:"Dialogs/Dialogs"};var d;(function(e){e.ComboBox="ComboBox",e.Dropdown="Dropdown",e.Callout="Callout"})(d||(d={}));const _=Object.values(d).map(e=>({key:e,text:e})),O=e=>{const a=n.default.useRef(null),o=n.default.useRef(null),s=n.default.useRef(new i.CalloutCollisionTransform(a,o)),{id:l}=e,[y,c]=(0,n.useState)(!1);return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{ref:a},n.default.createElement(i.UITextInput,{id:l,onClick:()=>{c(!y)}})),n.default.createElement(i.UICallout,{target:`#${l}`,hidden:!y,isBeakVisible:!1,onDismiss:()=>{c(!y),s.current.resetTransformation()},preventDismissOnEvent:s.current.preventDismissOnEvent,onPositioned:s.current.applyTransformation,popupProps:{ref:o}},n.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},v=e=>n.default.createElement(i.UIComboBox,E(D({},e),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),S=e=>n.default.createElement(i.UIDropdown,E(D({},e),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),B=(e,a,o=!1)=>{const s=[];for(let l=0;l<6;l++){let y;if(e===d.Callout)y=n.default.createElement(O,{key:l,id:`Dummy-${l}`});else{let c;o?c=e===d.ComboBox?v:S:c=e===d.ComboBox?i.UIComboBox:i.UIDropdown,y=n.default.createElement(c,{key:l,label:"Dummy",highlight:!0,options:p.data,multiSelect:!0,calloutCollisionTransformation:a})}s.push(y)}return s},U=()=>{const[e,a]=(0,n.useState)(!1),[o,s]=(0,n.useState)(!0),[l,y]=(0,n.useState)(d.ComboBox),[c,A]=(0,n.useState)(!1),g=()=>{a(!e)};return n.default.createElement(n.default.Fragment,null,n.default.createElement("h3",null,"Settings"),n.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},n.default.createElement(i.UICheckbox,{label:"Transformation is enabled",checked:o,onChange:()=>{s(!o)},styles:{label:{alignItems:"center"}}}),n.default.createElement(i.UIDropdown,{label:"Inner components",options:_,selectedKey:l,onChange:(L,C)=>{const I=C==null?void 0:C.key;typeof I=="string"&&y(I||d.ComboBox)}}),n.default.createElement(i.UICheckbox,{label:"Use overwritten components",checked:c,onChange:()=>{A(!c)},styles:{label:{alignItems:"center"}}})),n.default.createElement(i.UIDefaultButton,{onClick:g,primary:!0},"Open Dialog"),n.default.createElement(i.UIDialog,{isOpen:e,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:k.ContextualMenu,keepInBounds:!0}},onCancel:g,onDismiss:g},B(d[l],o,c)))};t.collisionTransformInDialog=U},"./test/__mock__/select-data.ts":(u,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const x=r("./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 f={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 m in f){t.groupsData.push({key:m,text:m.charAt(0).toUpperCase()+m.slice(1),itemType:x.UISelectableOptionMenuItemType.Header});const n=f[m];for(const k of n){const i=t.data.find(p=>p.key===k);i&&t.groupsData.push(i)}}}}]);})();

package/storybook/UIChoiceGroup-story.5a757001.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var m=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var _=(c,o,r)=>o in c?m(c,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[o]=r,d=(c,o)=>{for(var r in o||(o={}))g.call(o,r)&&_(c,r,o[r]);if(b)for(var r of b(o))v.call(o,r)&&_(c,r,o[r]);return c},u=(c,o)=>C(c,y(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[525],{"./src/components/UIChoiceGroup/UIChoiceGroup.tsx":function(c,o,r){var s=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UILabel/index.tsx"),t=r("./src/components/types.ts"),n={fontSize:13,family:"var(--vscode-font-family)",disableOpacity:.4},e={label:u(d({},n),{color:"var(--vscode-input-foreground)"}),radio:{borderColor:"var(--vscode-editorWidget-border)",background:"var(--vscode-input-background)",bullet:{background:"var(--vscode-input-foreground)"},hover:{background:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"},label:u(d({},n),{color:"var(--vscode-foreground)"})}};class f extends a.default.Component{constructor(h){super(h),this.setStyles=()=>d({root:{".ms-ChoiceFieldGroup label.ms-Label":{fontWeight:"bold",fontSize:e.label.fontSize,fontStyle:"normal",lineHeight:15,color:e.label.color,marginTop:10,padding:0},".ms-ChoiceField":{minHeight:20},".ms-ChoiceField-field":{fontWeight:"normal",fontSize:e.radio.label.fontSize,fontStyle:"normal",lineHeight:18,color:e.radio.label.color,margin:0},".ms-ChoiceField-field::before":{backgroundColor:e.radio.background,borderColor:e.radio.borderColor,top:0,left:0,width:18,height:18},".ms-ChoiceField-field::after":{left:5,top:5,height:8,width:8,borderWidth:4,backgroundColor:e.radio.background,transition:"none"},".ms-ChoiceFieldLabel":{paddingLeft:26},".ms-ChoiceField-field.is-checked::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-field:hover":{"span.ms-ChoiceFieldLabel":{color:e.radio.label.color},"::before":{borderColor:e.radio.hover.background},"::after":{borderColor:"transparent",background:"transparent"}},"label.ms-ChoiceField-field.is-checked:hover::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-wrapper.is-inFocus::after":{borderColor:e.radio.focus.borderColor},".ms-ChoiceField-input:focus":{opacity:0},".is-disabled + .ms-ChoiceField-field":{" .ms-ChoiceFieldLabel":{opacity:e.radio.label.disableOpacity,color:e.radio.label.color},":hover::before":{borderColor:e.radio.borderColor},":after":{opacity:e.radio.label.disableOpacity}}},label:d(d(d({},l.labelGlobalStyle),this.props.disabled&&{opacity:e.label.disableOpacity,color:e.label.color}),this.props.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}})},this.props.inline&&{flexContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",selectors:{"> .ms-ChoiceField":{paddingRight:16}}}})}render(){return a.default.createElement(i.ChoiceGroup,d({styles:this.setStyles},this.props))}}o.UIChoiceGroup=f},"./src/components/UIChoiceGroup/index.tsx":function(c,o,r){var s=this&&this.__createBinding||(Object.create?function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}:function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]}),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UIChoiceGroup/UIChoiceGroup.tsx"),o)},"./src/components/UILabel/UILabel.tsx":function(c,o,r){var s=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILabel=o.labelGlobalStyle=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/types.ts");o.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class t extends a.default.Component{constructor(e){super(e)}render(){const e=f=>({root:[d({marginTop:25},o.labelGlobalStyle),f.disabled&&{opacity:"0.4"},f.required&&{selectors:{"::after":{content:l.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return a.default.createElement(i.Label,u(d({},this.props),{styles:e}))}}o.UILabel=t},"./src/components/UILabel/index.tsx":function(c,o,r){var s=this&&this.__createBinding||(Object.create?function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}:function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]}),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UILabel/UILabel.tsx"),o)},"./src/components/types.ts":(c,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.REQUIRED_LABEL_INDICATOR=void 0,o.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UIChoiceGroup.story.tsx":function(c,o,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(o,"__esModule",{value:!0}),o.ChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UIChoiceGroup/index.tsx");o.default={title:"Basic Inputs/ChoiceGroup"};const t={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(e,f)=>{console.log(f.text)}},n=()=>a.default.createElement(i.Stack,null,a.default.createElement(i.Stack,null,a.default.createElement(i.Text,{variant:"large",block:!0},"ChoiceGroup"),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,d({},t))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Disabled",disabled:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Required",required:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Inline",inline:!0})))));o.ChoiceGroup=n}}]);})();

package/storybook/UICombobox-story.e0156dc1.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var Z=Object.defineProperty,z=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var I=(m,t,u)=>t in m?Z(m,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):m[t]=u,h=(m,t)=>{for(var u in t||(t={}))Y.call(t,u)&&I(m,u,t[u]);if(M)for(var u of M(t))Q.call(t,u)&&I(m,u,t[u]);return m},y=(m,t)=>z(m,J(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx":function(m,t,u){var g=this&&this.__createBinding||(Object.create?function(a,l,n,i){i===void 0&&(i=n);var d=Object.getOwnPropertyDescriptor(l,n);(!d||("get"in d?!l.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(a,i,d)}:function(a,l,n,i){i===void 0&&(i=n),a[i]=l[n]}),x=this&&this.__setModuleDefault||(Object.create?function(a,l){Object.defineProperty(a,"default",{enumerable:!0,value:l})}:function(a,l){a.default=l}),f=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var l={};if(a!=null)for(var n in a)n!=="default"&&Object.prototype.hasOwnProperty.call(a,n)&&g(l,a,n);return x(l,a),l};Object.defineProperty(t,"__esModule",{value:!0}),t.AdditionalCustomSearch=t.SearchIncludeKeys=t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.DynamicError=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=u("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=u("./src/components/UIComboBox/index.tsx"),b=u("./src/components/UICheckbox/index.tsx"),r=u("./test/__mock__/select-data.ts"),B=u("./src/components/index.tsx");t.default={title:"Dropdowns/Combobox"};const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=U;const D=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,dropdownWidth:300}));t.WithoutSearch=D;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=A;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=w;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=O;const v=()=>{const[a,l]=(0,e.useState)([]);function n(i,d,c,C){if(d){const s=[...a,d.key].filter(p=>d.selected?!0:p!==d.key);l(s)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,selectedKey:a,onChange:n,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=v;const W=()=>{const[a,l]=e.default.useState("OK"),n=[{key:"OK",text:"No Error Message"},{key:"ERROR",text:"With Error Message"}];function i(d,c,C,s){c&&l(c.key)}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:n,label:"Dynamic Validation Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",selectedKey:a,onChange:i,errorMessage:a==="OK"?void 0:"Error Message"}))};t.DynamicError=W;const K=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=K;const T=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=T;const _=()=>{const[a,l]=e.default.useState(!1),[n,i]=e.default.useState("EE"),d={childrenGap:40},c={options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:a,onChange:(C,s)=>{if(Array.isArray(n)){const p=[...n,s==null?void 0:s.key].filter(j=>s!=null&&s.selected?!0:j!==(s==null?void 0:s.key));i(p)}else s&&i(s.key)}};return e.default.createElement("div",null,e.default.createElement(k.Stack,{horizontal:!0,tokens:d},e.default.createElement(b.UICheckbox,{label:"Multi Select",checked:a,onChange:(C,s)=>{s&&!Array.isArray(n)?i([n]):!s&&Array.isArray(n)&&i(n[0]),l(s)}})),e.default.createElement(k.Stack,{horizontal:!0,tokens:d},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(o.UIComboBox,y(h({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:n})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{errorMessage:"Dummy error",selectedKey:n})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:n,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:n,readOnly:!0})))))))};t.accessibilityStates=_;const R=()=>{const a=[...r.groupsData];return a.splice(5,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),a.splice(15,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(o.UIComboBox,{options:r.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=R;const F=["AR","BR","DK"],L=r.data.map(a=>F.includes(a.key)?y(h({},a),{editable:!0}):a),P=()=>e.default.createElement(o.UIComboBox,{options:L,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",onRenderOption:(a,l)=>{var n;return"editable"in(a!=null?a:{})?e.default.createElement(B.UITextInput,{onMouseDown:i=>{i.target.focus()},onClick:i=>{i.nativeEvent.preventDefault(),i.nativeEvent.stopPropagation(),i.preventDefault(),i.stopPropagation()}}):(n=l==null?void 0:l(a))!=null?n:null},onRenderItem:(a,l)=>{var n;return(n=l==null?void 0:l(a))!=null?n:null}});t.customRender=P;const E=[{key:"test1",text:"test1"},{key:"dummy",text:"dummy"},{key:"customer",text:"customer"},{key:"name",text:"name"},{key:"employee",text:"employee"},{key:"ID",text:"ID"},{key:"tripEndDate",text:"tripEndDate"},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Header},{key:"bookings/airlines",text:"airlines"},{key:"bookings/bookingDate",text:"bookingDate"},{key:"bookings/DateOnBookings",text:"DateOnBookings"},{key:"bookings/employee",text:"employee"},{key:"bookings/flightDate",text:"flightDate"},{key:"bookings/ID",text:"ID"},{key:"bookings/priceUSD",text:"priceUSD"},{key:"bookings/travel_ID",text:"travel_ID"},{key:"bookings/usedString5",text:"usedString5"},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Header},{key:"notes/comment",text:"comment"},{key:"notes/description",text:"description"}],H=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",searchByKeyEnabled:!0}),e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0,searchByKeyEnabled:!0}));t.SearchIncludeKeys=H;const G=[...r.data,{key:"A1",text:"Do not hide",customMark:!0},{key:"A2",text:"Always visible",customMark:!0}],N=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:G,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",customSearchFilter:(a,l)=>{if("customMark"in l&&l.customMark)return!0}}));t.AdditionalCustomSearch=N},"./test/__mock__/select-data.ts":(m,t,u)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const g=u("./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 x={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 f in x){t.groupsData.push({key:f,text:f.charAt(0).toUpperCase()+f.slice(1),itemType:g.UISelectableOptionMenuItemType.Header});const e=x[f];for(const k of e){const o=t.data.find(b=>b.key===k);o&&t.groupsData.push(o)}}}}]);})();

package/storybook/UIDialog-story.4173109f.iframe.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(()=>{var O=Object.defineProperty,M=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(c,a,o)=>a in c?O(c,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):c[a]=o,T=(c,a)=>{for(var o in a||(a={}))w.call(a,o)&&S(c,o,a[o]);if(C)for(var o of C(a))P.call(a,o)&&S(c,o,a[o]);return c},A=(c,a)=>M(c,B(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":c=>{c.exports=function(a){var o=[];return o.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+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},o.i=function(l,t,e,n,h){typeof l=="string"&&(l=[[null,l,void 0]]);var p={};if(e)for(var r=0;r<this.length;r++){var y=this[r][0];y!=null&&(p[y]=!0)}for(var I=0;I<l.length;I++){var u=[].concat(l[I]);e&&p[u[0]]||(typeof h!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=h),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)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{c.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function d(t,e){for(var n={},h=[],p=0;p<t.length;p++){var r=t[p],y=e.base?r[0]+e.base:r[0],I=n[y]||0,u="".concat(y," ").concat(I);n[y]=I+1;var m=o(u),E={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(m!==-1)a[m].references++,a[m].updater(E);else{var v=l(E,e);e.byIndex=p,a.splice(p,0,{identifier:u,updater:v,references:1})}h.push(u)}return h}function l(t,e){var n=e.domAPI(e);n.update(t);var h=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 h}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 y=n[r],I=o(y);a[I].references--}for(var u=d(p,e),m=0;m<n.length;m++){var E=n[m],v=o(E);a[v].references===0&&(a[v].updater(),a.splice(v,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{var a={};function o(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=o(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.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{function a(o){var d=document.createElement("style");return o.setAttributes(d,o.attributes),o.insert(d,o.options),d}c.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,a,o)=>{function d(l){var t=o.nc;t&&l.setAttribute("nonce",t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{function a(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var h=typeof e.layer!="undefined";h&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,h&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function o(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){a(t,l,n)},remove:function(){o(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{function a(o,d){if(d.styleSheet)d.styleSheet.cssText=o;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(o))}}c.exports=a},"./stories/UIDialog.story.tsx":function(c,a,o){var d=this&&this.__createBinding||(Object.create?function(s,i,g,f){f===void 0&&(f=g);var x=Object.getOwnPropertyDescriptor(i,g);(!x||("get"in x?!i.__esModule:x.writable||x.configurable))&&(x={enumerable:!0,get:function(){return i[g]}}),Object.defineProperty(s,f,x)}:function(s,i,g,f){f===void 0&&(f=g),s[f]=i[g]}),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 g in s)g!=="default"&&Object.prototype.hasOwnProperty.call(s,g)&&d(i,s,g);return l(i,s),i};Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),h=o("./src/components/UIDialog/index.ts"),p=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UIInput/index.tsx"),y=o("./src/components/UIDropdown/index.tsx"),I=o("./src/components/UIComboBox/index.tsx"),u=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const m={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class v 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,g=[{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(h.UIDialog,A(T({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(y.UIDropdown,{label:"Dummy",options:g}),e.default.createElement(I.UIComboBox,{label:"Dummy",highlight:!0,options:g})))}}const D=s=>{const[i,g]=(0,e.useState)(!1),f=()=>{g(!i)},x=T({},E.main),{size:b}=s;b&&(x.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},U),e.default.createElement(h.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(y.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"})))},_=s=>{const[i,g]=(0,e.useState)(!1),f=()=>{g(!i)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(h.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."}}))},k=()=>{const[s,i]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:m},e.default.createElement(n.Stack,{tokens:m},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:s,onChange:(g,f)=>{i(f)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!0,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{size:400,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(_,{openAnimation:s}))))};a.Dialog=k}}]);})();

package/storybook/UIFlexibleTable-story.81441f28.iframe.bundle.js

@@ -1,74 +0,0 @@
-"use strict";(()=>{var _e=Object.defineProperty,Ne=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var Ie=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable;var Se=(R,w,m)=>w in R?_e(R,w,{enumerable:!0,configurable:!0,writable:!0,value:m}):R[w]=m,B=(R,w)=>{for(var m in w||(w={}))Ue.call(w,m)&&Se(R,m,w[m]);if(Ie)for(var m of Ie(w))$e.call(w,m)&&Se(R,m,w[m]);return R},F=(R,w)=>Ne(R,Le(w));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[812],{"./stories/UIFlexibleTable.story.tsx":function(R,w,m){var ye=this&&this.__createBinding||(Object.create?function(l,a,t,s){s===void 0&&(s=t);var c=Object.getOwnPropertyDescriptor(a,t);(!c||("get"in c?!a.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return a[t]}}),Object.defineProperty(l,s,c)}:function(l,a,t,s){s===void 0&&(s=t),l[s]=a[t]}),De=this&&this.__setModuleDefault||(Object.create?function(l,a){Object.defineProperty(l,"default",{enumerable:!0,value:a})}:function(l,a){l.default=a}),Ce=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var a={};if(l!=null)for(var t in l)t!=="default"&&Object.prototype.hasOwnProperty.call(l,t)&&ye(a,l,t);return De(a,l),a};Object.defineProperty(w,"__esModule",{value:!0}),w.WrappingTable=w.InlineFlexTable=void 0;const e=Ce(m("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=m("./src/components/index.tsx"),me=m("../../node_modules/.pnpm/react-movable@2.5.4_react-dom@16.14.0_react@16.14.0/node_modules/react-movable/lib/index.js");w.default={title:"Tables/UIFlexibleTable"};const _=["table1","table2"],N=Array.from({length:10}).map((l,a)=>({key:`column${a+1}`,title:a===0?"Beginning Column":`Column ${a+1}`,tooltip:`Tooltip for column #${a+1}`}));N.push({key:"preferred",title:"Preferred",hidden:!0});const Z=l=>{const a={};return N.forEach((t,s)=>{a[t.key]=s<5?`sample_${l}${s}`:"a"}),a},pe=[],ge=(l,a,t)=>l.map((c,f)=>{const x={};N.forEach((h,I)=>{x[h.key]={type:I<5?"input":a&&I===9?"link":"dropdown",value:l[f][h.key]}});const S=x.preferred.value==="1";return{key:f.toFixed(0),title:`Row ${f+1}`,className:t===f||t===100?"active-row":S?"preferred-row":"",cells:x,tooltip:`Tooltip for row #${f+1}`}});function xe(l,a,t,s){const c=l.value.value,f=l.colIndex===1&&l.rowIndex===2&&s,x=N[l.colIndex];switch(l.value.type){case"dropdown":{const S=["a","b","c"].map(h=>({key:h,text:`Option ${h.toUpperCase()}`}));return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:f?"spanned-cell":s&&l.rowIndex===2&&!f?"not-spanned-cell":void 0,content:e.default.createElement(d.UIDropdown,{options:S,selectedKey:c,disabled:a,onChange:(h,I,A)=>{var L;return t((L=I==null?void 0:I.key.toString())!=null?L:"")},title:x.tooltip})}}case"input":return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:[f?"spanned-cell":s&&l.rowIndex===2&&!f?"not-spanned-cell":""],content:e.default.createElement(ve,{value:c,readonly:a,onChange:S=>t(S),title:x.tooltip})};default:return{content:e.default.createElement(d.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function ve(l){const[a,t]=(0,e.useState)("");(0,e.useEffect)(()=>{t(l.value)},[l.value]);const s=c=>{t(c)};return e.default.createElement(d.UITextInput,{value:a,readOnly:l.readonly,onChange:(c,f)=>s(f||""),onBlur:()=>{l.value!==a&&setTimeout(()=>{l.onChange(a)},0)},title:l.title})}function he(l){const a=Z(l.length);l.push(a)}const ke=`
-.flexible-table {
-    font-size: 13px;
-}
-
-body .flexible-table-content-table-row.dragged {
-    font-size: 13px;
-}
-
-.flexible-table-content-table-row-item-actions, .flexible-table-content-table-title-row-item-actions {
-    min-width: 130px !important;
-}
-
-.flexible-table-content-table-row.active-row {
-    background: #D0FFD0;
-}
-
-.table-column.fixed {
-    width: 100px;
-}
-
-.table-column.column-0 {
-    background: #FFD0B0;
-}
-
-.table-column.column-5 {
-    background: #D0B0FF;
-}
-
-.in-row .spanned-cell {
-    flex: 9;
-    
-}
-.in-row .not-spanned-cell {
-    flex: 1;
-}
-`,Te=()=>{const[l,a]=(0,e.useState)(pe),[t,s]=(0,e.useState)([]),[c,f]=(0,e.useState)(!1),[x,S]=(0,e.useState)(!0),[h,I]=(0,e.useState)(!0),[A,L]=(0,e.useState)(!1),[M,q]=(0,e.useState)(!1),[U,ee]=(0,e.useState)(!1),[P,te]=(0,e.useState)(!1),[C,ne]=(0,e.useState)(!1),[$,oe]=(0,e.useState)(!1),[y,le]=(0,e.useState)(!1),[W,ae]=(0,e.useState)(!0),[v,se]=(0,e.useState)(!1),[O,z]=(0,e.useState)(!1),[j,re]=(0,e.useState)(!1),[H,G]=(0,e.useState)(-1),[k,ie]=(0,e.useState)(!1),[V,de]=(0,e.useState)(!1),[T,K]=(0,e.useState)(!1),[g,ce]=(0,e.useState)(!1),[J,ue]=(0,e.useState)(!0),i=(0,e.useRef)({}),Q=o=>{o.stopPropagation()},E=o=>{a(ge(o,v,H))};(0,e.useEffect)(()=>{for(const o in i.current){const b=i.current[o];b.current&&(b.current.removeEventListener("mousedown",Q),b.current.addEventListener("mousedown",Q))}}),(0,e.useEffect)(()=>{E(t)},[v,H]),(0,e.useEffect)(()=>{const o=Array.from({length:3}).map((b,D)=>Z(D));s(o),E(o)},[]);const X=()=>(he(t),s(t),E(t),{scrollToRow:t.length-1}),fe=o=>{t.splice(o.rowIndex,1),s(t),E(t)},be=o=>{const b=g&&o.oldIndex===0&&o.newIndex>1;if(!b){const D=(0,me.arrayMove)(t,o.oldIndex,o.newIndex);s(D),E(D)}return{isDropDisabled:b}},u=(o,b,D)=>e.default.createElement(d.UICheckbox,{label:o,checked:b,onChange:()=>{D(!b)}}),n=o=>{const b=`cell-${o.rowIndex}-${o.colIndex}`;i.current[b]||(i.current[b]=e.default.createRef());const Re=xe(o,y,Fe=>{t[o.rowIndex][o.colKey]=Fe,s(t),E(t)},j);return F(B({},Re),{content:e.default.createElement("div",{ref:i.current[b]},Re.content)})},r=o=>{if(o.rowIndex===t.length-1)return e.default.createElement("div",{style:{padding:"0 5px",verticalAlign:"center"}},"Special row content")},p=o=>{G(o),new Promise(b=>{setTimeout(()=>b(!0),2e3)}).then(()=>{G(-1)})},Y=o=>[e.default.createElement(d.UIFlexibleTableRowActionButton,{key:`goto-code-row-${o.rowIndex}`,actionName:"GotoCode",tableId:_[0],iconName:d.UiIcons.CodeSnippet,rowNumber:o.rowIndex,onClick:()=>p(o.rowIndex),title:"Navigation demo"})],we=o=>[e.default.createElement(d.UIFlexibleTableActionButton,{key:"goto-code-row-0",actionName:"GotoCode",tableId:_[0],iconName:d.UiIcons.CodeSnippet,onClick:()=>p(100),title:"Navigation demo"})],Be=o=>[e.default.createElement(d.UIDefaultButton,{key:"1",iconProps:{iconName:"Delete"},className:"flexible-table-btn-clear",disabled:c||o.readonly,onClick:()=>{s([]),a([])}},"Clear table")];return e.default.createElement("div",null,e.default.createElement("h3",null,"In-line layout"),e.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u("Vertical layout",U,ee),u("Show titles",h,I),u("Show titles in cells",M,q),u("Show row headers",A,L),u("Show Index",W,ae),u("Show custom content",v,se),u("Span cells",j,re),u("Reorder enabled",x,S),u("Reorder restrictions",g,ce),u("Disable Adding",C,ne),u("Disable Deletion",$,oe),u("Readonly",y,le),u("No row background",P,te),u("Loading data",c,f),u("Column highlight",O,z),u("Is fixed max width",k,ie),u("Lock vertically",V,de),u("Reverse background",T,K),u("Disable drag using touch",J,ue)),e.default.createElement("hr",null),e.default.createElement("div",null,e.default.createElement("style",null,ke),e.default.createElement("div",{style:{maxWidth:U?"500px":"1300px"}},e.default.createElement(d.UIFlexibleTable,{addRowButton:{label:"Add row",title:y?"Disabled due to read only mode":"",onClick:X},columns:N.map((o,b)=>F(B({},o),{className:`table-column column-${O?b:""}${v?"fixed":""}`})),id:_[0],layout:d.UIFlexibleTableLayout.InlineFlex,onRenderCell:n,rows:l,inRowLayoutMinWidth:1e3,onDeleteRow:fe,showColumnTitles:h,showColumnTitlesInCells:M,isContentLoading:c,onTableReorder:x?be:void 0,noRowBackground:P,isAddItemDisabled:C,showIndexColumn:W,readonly:y,onRenderDeleteAction:o=>({isDeleteDisabled:$&&o.rowIndex===0,tooltip:$&&o.rowIndex===0?"Disabled for demo purposes":"Click to delete the row"}),onRenderActions:Y,onRenderRowDataContent:v?r:void 0,onRenderReorderActions:o=>g?{up:{disabled:o.rowIndex===1,tooltip:o.rowIndex===1?"Move up disabled for demo purposes":void 0},down:{disabled:o.rowIndex===1,tooltip:o.rowIndex===1?"Move down disabled for demo purposes":void 0}}:{},onBeforeTableRender:g?o=>({rows:o.rows.map((b,D)=>F(B({},b),{disabled:D===1}))}):void 0,onRenderRowContainer:g?o=>({isDropWarning:!o.isDragged&&!!o.rowIndex&&o.rowIndex>1}):void 0,maxScrollableContentHeight:U?700:220,showRowTitles:A,maxWidth:k?800:void 0,lockVertically:V,reverseBackground:T,onRenderPrimaryTableActions:Be,onRenderSecondaryTableActions:we,noDataText:"No data",isTouchDragDisabled:J}))))};w.InlineFlexTable=Te;const Ee=`
-
-.flexible-table {
-    font-size: 13px;
-}
-
-body .flexible-table-content-table-row.dragged {
-    font-size: 13px;
-}
-
-.flexible-table-content-table-row-item-actions, .flexible-table-content-table-title-row-item-actions {
-    min-width: 130px !important;
-}
-
-.flexible-table-content-table-row.preferred-row {
-    background: #FFD0D0;
-}
-
-.flexible-table-content-table-row.active-row {
-    background: #D0FFD0;
-}
-
-.flexible-table-content-table-row-wrapper.wrapping-layout .flexible-table-content-table-row-item-data-cells-wrapper {
-    width: 120px !important;
-}
-
-.table-column.column-0 {
-    background: #FFD0B0;
-}
-
-.table-column.column-5 {
-    background: #D0B0FF;
-}
-
-.flexible-table-content-table-row-wrapper.wrapping-layout .flexible-table-content-table-row-item-data-cells-wrapper.spanned-cell {
-    width: 240px !important;
-}
-`,Ae=()=>{const[l,a]=(0,e.useState)(pe),[t,s]=(0,e.useState)([]),[c,f]=(0,e.useState)(!1),[x,S]=(0,e.useState)(!0),[h,I]=(0,e.useState)(!0),[A,L]=(0,e.useState)(!1),[M,q]=(0,e.useState)(!1),[U,ee]=(0,e.useState)(!1),[P,te]=(0,e.useState)(!1),[C,ne]=(0,e.useState)(!1),[$,oe]=(0,e.useState)(!1),[y,le]=(0,e.useState)(!1),[W,ae]=(0,e.useState)(!1),[v,se]=(0,e.useState)(!1),[O,z]=(0,e.useState)(-1),[j,re]=(0,e.useState)(!1),[H,G]=(0,e.useState)(!1),[k,ie]=(0,e.useState)(!1),[V,de]=(0,e.useState)(!0),T=(0,e.useRef)({}),K=n=>{n.stopPropagation()},g=n=>{a(ge(n,y,O))};(0,e.useEffect)(()=>{for(const n in T.current){const r=T.current[n];r.current&&(r.current.removeEventListener("mousedown",K),r.current.addEventListener("mousedown",K))}}),(0,e.useEffect)(()=>{g(t)},[y,O]),(0,e.useEffect)(()=>{const n=Array.from({length:3}).map((r,p)=>Z(p));s(n),g(n)},[]);const ce=()=>(he(t),s(t),g(t),{scrollToRow:t.length-1}),J=n=>{t.splice(n.rowIndex,1),s(t),g(t)},ue=n=>{const r=k&&n.oldIndex===0&&n.newIndex>1;if(!r){const p=(0,me.arrayMove)(t,n.oldIndex,n.newIndex);s(p),g(p)}return{isDropDisabled:r}},i=(n,r,p)=>e.default.createElement(d.UICheckbox,{label:n,checked:r,onChange:()=>{p(!r)}}),Q=n=>{const r=`cell-${n.rowIndex}-${n.colIndex}`;T.current[r]||(T.current[r]=e.default.createRef());const Y=xe(n,C,we=>{t[n.rowIndex][n.colKey]=we,s(t),g(t)},v);return F(B({},Y),{content:e.default.createElement("div",{ref:T.current[r]},Y.content)})},E=n=>{if(n.rowIndex===t.length-1)return e.default.createElement("div",{style:{padding:"0 5px",verticalAlign:"center"}},"Special row content")},X=n=>{z(n),new Promise(r=>{setTimeout(()=>r(!0),2e3)}).then(()=>{z(-1)})},fe=n=>[e.default.createElement(d.UIToggle,{key:"1",label:"Preferred",checked:n.cells.preferred.value==="1",onChange:(r,p)=>{t[n.rowIndex].preferred=p?"1":"0",s(t),g(t)},inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,size:d.UIToggleSize.Small,disabled:C}),e.default.createElement(d.UIFlexibleTableRowActionButton,{key:`goto-code-row-${n.rowIndex}`,actionName:"GotoCode",tableId:_[1],iconName:d.UiIcons.CodeSnippet,rowNumber:n.rowIndex,onClick:()=>X(n.rowIndex),title:"Navigation demo"})],be=n=>[e.default.createElement(d.UIFlexibleTableActionButton,{key:"goto-code-row-0",actionName:"GotoCode",tableId:_[0],iconName:d.UiIcons.CodeSnippet,onClick:()=>X(100),title:"Navigation demo"})],u=n=>[e.default.createElement(d.UIDefaultButton,{key:"1",iconProps:{iconName:"Delete"},className:"flexible-table-btn-clear",disabled:c||n.readonly,onClick:()=>{s([]),a([])}},"Clear table")];return e.default.createElement("div",null,e.default.createElement("hr",null),e.default.createElement("h3",null,"Wrapping layout"),e.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},i("Compact size",A,L),i("Show titles",h,I),i("Show Index",$,oe),i("Show custom content",y,le),i("Span cells",v,se),i("Reorder enabled",x,S),i("Reorder restrictions",k,ie),i("Disable Adding",U,ee),i("Disable Deletion",P,te),i("Readonly",C,ne),i("No row background",M,q),i("Loading data",c,f),i("Column highlight",W,ae),i("Lock vertically",j,re),i("Reverse background",H,G),i("Disable drag using touch",V,de)),e.default.createElement("hr",null),e.default.createElement("div",null,e.default.createElement("style",null,Ee),e.default.createElement("div",{style:{maxWidth:A?"500px":"fit-content"}},e.default.createElement(d.UIFlexibleTable,{addRowButton:{label:"Add row",title:C?"Disabled due to read only mode":"",onClick:ce},columns:N.map((n,r)=>F(B({},n),{className:`table-column column-${W?r:""}`})),id:_[1],layout:d.UIFlexibleTableLayout.Wrapping,onRenderCell:Q,rows:l,onDeleteRow:J,showColumnTitles:h,isContentLoading:c,onTableReorder:x?ue:void 0,noRowBackground:M,isAddItemDisabled:U,showIndexColumn:$,readonly:C,onRenderDeleteAction:n=>({isDeleteDisabled:P&&n.rowIndex===0}),onRenderReorderActions:n=>k?{up:{disabled:n.rowIndex===1,tooltip:n.rowIndex===1?"Move up disabled for demo purposes":void 0},down:{disabled:n.rowIndex===1,tooltip:n.rowIndex===1?"Move down disabled for demo purposes":void 0}}:{},onBeforeTableRender:k?n=>({rows:n.rows.map((r,p)=>F(B({},r),{disabled:p===1}))}):void 0,onRenderRowContainer:k?n=>({isDropWarning:!n.isDragged&&!!n.rowIndex&&n.rowIndex>1}):void 0,onRenderRowDataContent:y?E:void 0,onRenderActions:fe,maxScrollableContentHeight:A?700:400,lockVertically:j,reverseBackground:H,onRenderPrimaryTableActions:u,onRenderSecondaryTableActions:be,isTouchDragDisabled:V}))))};w.WrappingTable=Ae}}]);})();

package/storybook/UILabel-story.0455922f.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var b=Object.defineProperty,m=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(r,e,t)=>e in r?b(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,d=(r,e)=>{for(var t in e||(e={}))I.call(e,t)&&f(r,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(r,t,e[t]);return r},p=(r,e)=>m(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")),l=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"),s=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class o extends c.default.Component{constructor(a){super(a)}render(){const a=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:s.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(l.Label,p(d({},this.props),{styles:a}))}}e.UILabel=o},"./src/components/UILabel/index.tsx":function(r,e,t){var u=this&&this.__createBinding||(Object.create?function(l,s,o,n){n===void 0&&(n=o);var a=Object.getOwnPropertyDescriptor(s,o);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,n,a)}:function(l,s,o,n){n===void 0&&(n=o),l[n]=s[o]}),c=this&&this.__exportStar||function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&u(s,l,o)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(r,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx":function(r,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};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")),l=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"),s=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const o={childrenGap:40},n=()=>c.default.createElement(l.Stack,{tokens:o,style:{width:300}},c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(s.UILabel,null,"Just a label")),c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(s.UILabel,{required:!0},"Just a label")));e.defaultUsage=n}}]);})();

package/storybook/UILoader-story.b145ceb4.iframe.bundle.js

@@ -1,6 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(f,n,s)=>{var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),a=l(d);a.push([f.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)}",""]),f.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(n){var s=[];return s.toString=function(){return this.map(function(l){var a="",e=typeof l[5]!="undefined";return l[4]&&(a+="@supports (".concat(l[4],") {")),l[2]&&(a+="@media ".concat(l[2]," {")),e&&(a+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),a+=n(l),e&&(a+="}"),l[2]&&(a+="}"),l[4]&&(a+="}"),a}).join("")},s.i=function(l,a,e,t,_){typeof l=="string"&&(l=[[null,l,void 0]]);var i={};if(e)for(var r=0;r<this.length;r++){var m=this[r][0];m!=null&&(i[m]=!0)}for(var y=0;y<l.length;y++){var o=[].concat(l[y]);e&&i[o[0]]||(typeof _!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=_),a&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=a),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),s.push(o))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(f,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>v});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(a),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=s.n(t),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=s.n(i),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=s.n(m),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=s.n(o),D=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(D),u={};for(const h in D)h!=="default"&&(u[h]=()=>D[h]);s.d(n,u);var c={};c.styleTagTransform=S(),c.setAttributes=r(),c.insert=_().bind(null,"head"),c.domAPI=e(),c.insertStyleElement=y();var p=l()(E(),c);const v=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var n=[];function s(a){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===a){e=t;break}return e}function d(a,e){for(var t={},_=[],i=0;i<a.length;i++){var r=a[i],m=e.base?r[0]+e.base:r[0],y=t[m]||0,o="".concat(m," ").concat(y);t[m]=y+1;var S=s(o),D={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(S!==-1)n[S].references++,n[S].updater(D);else{var E=l(D,e);e.byIndex=i,n.splice(i,0,{identifier:o,updater:E,references:1})}_.push(o)}return _}function l(a,e){var t=e.domAPI(e);t.update(a);var _=function(r){if(r){if(r.css===a.css&&r.media===a.media&&r.sourceMap===a.sourceMap&&r.supports===a.supports&&r.layer===a.layer)return;t.update(a=r)}else t.remove()};return _}f.exports=function(a,e){e=e||{},a=a||[];var t=d(a,e);return function(i){i=i||[];for(var r=0;r<t.length;r++){var m=t[r],y=s(m);n[y].references--}for(var o=d(i,e),S=0;S<t.length;S++){var D=t[S],E=s(D);n[E].references===0&&(n[E].updater(),n.splice(E,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var n={};function s(l){if(typeof n[l]=="undefined"){var a=document.querySelector(l);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}n[l]=a}return n[l]}function d(l,a){var e=s(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(a)}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function n(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}f.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,n,s)=>{"use strict";function d(l){var a=s.nc;a&&l.setAttribute("nonce",a)}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function n(l,a,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var _=typeof e.layer!="undefined";_&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,_&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var i=e.sourceMap;i&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),a.styleTagTransform(t,l,a.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=l.insertStyleElement(l);return{update:function(t){n(a,l,t)},remove:function(){s(a)}}}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function n(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}f.exports=n},"./stories/UILoader.story.tsx":function(f,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(u,c,p,v){v===void 0&&(v=p);var h=Object.getOwnPropertyDescriptor(c,p);(!h||("get"in h?!c.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(u,v,h)}:function(u,c,p,v){v===void 0&&(v=p),u[v]=c[p]}),l=this&&this.__setModuleDefault||(Object.create?function(u,c){Object.defineProperty(u,"default",{enumerable:!0,value:c})}:function(u,c){u.default=c}),a=this&&this.__importStar||function(u){if(u&&u.__esModule)return u;var c={};if(u!=null)for(var p in u)p!=="default"&&Object.prototype.hasOwnProperty.call(u,p)&&d(c,u,p);return l(c,u),c};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../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("./src/components/UILoader/index.tsx"),i=s("./src/components/UIButton/index.tsx"),r=s("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"};const m={childrenGap:40},y=()=>e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,null))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:m,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:m,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(_.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=y;const o=()=>{const[u,c]=(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"),u&&e.default.createElement(_.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(i.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{c(!u)}}))))};n.Delayed=o;const S=`
-    .popup--busy .ms-Dialog-content {
-        position: static;
-    }
-`,D=u=>{const{delayed:c,text:p}=u,[v,h]=(0,e.useState)(!1),[T,I]=(0,e.useState)(!1),g=()=>{h(!v)},b=()=>{I(!0),setTimeout(()=>{I(!1),g()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(i.UIDefaultButton,{onClick:g,primary:!0},p),e.default.createElement(r.UIDialog,{isOpen:v,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(i.UIDefaultButton,{onClick:b},"Accept"))},e.default.createElement("div",null,"Dummy"),T&&e.default.createElement(_.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:c})))},E=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,S),e.default.createElement("div",null,e.default.createElement(D,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(D,{delayed:!0,text:"Open Dialog with delayed loader"})));n.Dialogs=E}}]);})();

package/storybook/UISearchBox-story.383f63fc.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var O=Object.defineProperty,C=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var _=(c,t,a)=>t in c?O(c,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[t]=a,p=(c,t)=>{for(var a in t||(t={}))P.call(t,a)&&_(c,a,t[a]);if(h)for(var a of h(t))w.call(t,a)&&_(c,a,t[a]);return c},x=(c,t)=>C(c,I(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx":function(c,t,a){var m=this&&this.__createBinding||(Object.create?function(e,n,r,o){o===void 0&&(o=r);var l=Object.getOwnPropertyDescriptor(n,r);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(e,o,l)}:function(e,n,r,o){o===void 0&&(o=r),e[o]=n[r]}),b=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),S=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&m(n,e,r);return b(n,e),n};Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const s=S(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=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"),v=a("./src/components/UISearchBox/index.tsx"),y=a("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const B={childrenGap:40},g=()=>{const[e,n]=(0,s.useState)(""),r=(f,u)=>{u!==void 0&&n(u)},o=()=>{n("")},l=(f,u)=>{j(x(p({},d),{[f]:u}))},[d,j]=(0,s.useState)({value:e,onChange:r,onClear:o});return s.default.createElement(i.Stack,{tokens:B,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(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,u)=>{l("disabled",u)}})),s.default.createElement(v.UISearchBox,p({},d))))};t.SearchBox=g}}]);})();

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

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

package/storybook/UITable-story.2c0ccae1.iframe.bundle.js

@@ -1,4 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx":function(v,a,u){var r=this&&this.__createBinding||(Object.create?function(e,t,n,i){i===void 0&&(i=n);var f=Object.getOwnPropertyDescriptor(t,n);(!f||("get"in f?!t.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,f)}:function(e,t,n,i){i===void 0&&(i=n),e[i]=t[n]}),s=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),m=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var n in e)n!=="default"&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return s(t,e),t};Object.defineProperty(a,"__esModule",{value:!0}),a.EditableTable2=a.EditableTable=a.ReadOnlyTable=void 0;const o=m(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=u("../../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"),b=u("./src/components/UITable/index.tsx"),T=u("./src/components/Icons.tsx"),d=u("./src/components/UITable/types.ts"),c=u("./test/__mock__/table-data.ts");a.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((e,t)=>{const n={key:"test"+(t+1),name:"Test "+(t+1),fieldName:"test"+(t+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:d.ColumnControlType.UITextInput,comboboxOptions:void 0};return(t===1||t>=3)&&(n.name+=" (editable)",n.editable=!0,n.validate=h),t===1&&(n.iconName=T.UiIcons.Home,n.iconTooltip="Dummy tooltip"),t===3&&(n.columnControlType=d.ColumnControlType.UICombobox,n.comboboxOptions=["one","two","three"]),t===4&&(n.columnControlType=d.ColumnControlType.UIBooleanSelect),n}),_=p.map(e=>Object.assign({},e,{validate:void 0,editable:!1})),g=()=>o.default.createElement(l.Stack,null,o.default.createElement("div",{className:(0,l.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},o.default.createElement(b.UITable,{items:c.items,dataSetKey:"datasetkey",columns:_})));a.ReadOnlyTable=g;function S(e,t){var n;e&&(console.log("saving ",t,e),c.items[e==null?void 0:e.rowIndex][(n=e==null?void 0:e.column)==null?void 0:n.key]=t,console.log("saving ",c.items))}function y(e){console.log("selected",e)}function h(e){if(e==="hello")return'"hello" is not allowed here!'}const w=()=>{const[e,t]=(0,o.useState)(null),[n,i]=(0,o.useState)(null);return o.default.createElement(l.Stack,null,o.default.createElement("div",null,o.default.createElement("button",{onClick:()=>t(1)},"Scroll to 1st row"),"\xA0",o.default.createElement("button",{onClick:()=>t(9)},"Scroll to 9th row"),"\xA0",o.default.createElement("button",{onClick:()=>t(100)},"Scroll to 100th row"),"\xA0",o.default.createElement("button",{onClick:()=>i("column1")},"Scroll to 1st column"),"\xA0",o.default.createElement("button",{onClick:()=>i("column10")},"Scroll to 10th column"),"\xA0"),o.default.createElement("div",{className:(0,l.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:c.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:e,selectedColumnId:n,selectionMode:l.SelectionMode.multiple,checkboxVisibility:l.CheckboxVisibility.always,showRowNumbers:!0})))};a.EditableTable=w;const I=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"}],E=Array.from({length:5}).map((e,t)=>{const n={key:"test"+(t+1),name:"Test "+(t+1),fieldName:"test"+(t+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:d.ColumnControlType.UITextInput};return t>=1&&(n.name+=" (editable)",n.editable=!0,n.validate=h),t===1&&(n.columnControlType=d.ColumnControlType.UIDropdown,n.data={dropdownOptions:I}),n}),k=(e,t)=>t?o.default.createElement(l.Sticky,null,t(e)):null;function O(e,t){var n;e&&(console.log("saving ",t,e),c.items2[e==null?void 0:e.rowIndex][(n=e==null?void 0:e.column)==null?void 0:n.key]=t,console.log("saving ",c.items2))}const A=()=>o.default.createElement(l.Stack,null,o.default.createElement("div",{className:(0,l.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:c.items2,columns:E,onSave:O,onSelectionChange:y,checkboxVisibility:l.CheckboxVisibility.always,headerRenderer:k,selectionMode:l.SelectionMode.multiple,renderInputs:d.RenderInputs.always})));a.EditableTable2=A},"./test/__mock__/table-data.ts":(v,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.items2=a.items=void 0;const u=`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`;let r=0;function s(m=4){const o=u.split(" "),l=r+m>o.length?0:r;return r=l+m,o.slice(l,r).join(" ")}a.items=Array.from({length:200}).map((m,o)=>({key:o,test1:`row ${o}`,test2:s(),test3:s(),test4:s(),test5:s(),test6:s(),test7:s(),test8:s(),test9:s(),test10:s()})),a.items2=Array.from({length:4}).map((m,o)=>({key:o,test1:`test 1 row ${o}`,test2:`test 2 row ${o}`,test3:`test 3 row ${o}`,test4:`test 4 row ${o}`,test5:`test 5 row ${o}`}))}}]);})();

package/storybook/UIToggleGroup-story.c5e34577.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var P=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var T=(d,e,s)=>e in d?P(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,g=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&T(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&T(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var _={};if(t)for(var c=0;c<this.length;c++){var i=this[c][0];i!=null&&(_[i]=!0)}for(var m=0;m<r.length;m++){var u=[].concat(r[m]);t&&_[u[0]]||(typeof l!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=l),o&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=o),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),s.push(u))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>O});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(_),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=s.n(i),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=s.n(u),p=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(p),v={};for(const I in p)I!=="default"&&(v[I]=()=>p[I]);s.d(e,v);var b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=m();var D=r()(y(),b);const O=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],_=0;_<o.length;_++){var c=o[_],i=t.base?c[0]+t.base:c[0],m=n[i]||0,u="".concat(i," ").concat(m);n[i]=m+1;var f=s(u),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(f!==-1)e[f].references++,e[f].updater(p);else{var y=r(p,t);t.byIndex=_,e.splice(_,0,{identifier:u,updater:y,references:1})}l.push(u)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;n.update(o=c)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(_){_=_||[];for(var c=0;c<n.length;c++){var i=n[c],m=s(i);e[m].references--}for(var u=a(_,t),f=0;f<n.length;f++){var p=n[f],y=s(p);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,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 _=t.sourceMap;_&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(_))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../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("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return r.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var _=Object.getOwnPropertyDescriptor(t,n);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,_)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../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=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class n extends r.default.Component{constructor(_){super(_)}render(){const _=c=>({root:[g({marginTop:25},e.labelGlobalStyle),c.disabled&&{opacity:"0.4"},c.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(g({},this.props),{styles:_}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var _=Object.getOwnPropertyDescriptor(t,n);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,_)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=s("../../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,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../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,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../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,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var _=Object.getOwnPropertyDescriptor(t,n);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,_)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(i,m,u,f){f===void 0&&(f=u);var p=Object.getOwnPropertyDescriptor(m,u);(!p||("get"in p?!m.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return m[u]}}),Object.defineProperty(i,f,p)}:function(i,m,u,f){f===void 0&&(f=u),i[f]=m[u]}),r=this&&this.__setModuleDefault||(Object.create?function(i,m){Object.defineProperty(i,"default",{enumerable:!0,value:m})}:function(i,m){i.default=m}),o=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var m={};if(i!=null)for(var u in i)u!=="default"&&Object.prototype.hasOwnProperty.call(i,u)&&a(m,i,u);return r(m,i),m};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const _={childrenGap:40},c=()=>{const[i,m]=(0,t.useState)(""),u=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],f=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],p=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(v,b)=>{m(b?v:"")};return t.default.createElement(n.Stack,{tokens:_,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:u,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",i)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:u,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:u,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:p,label:"Test"})))};e.defaultUsage=c}}]);})();

package/storybook/UITooltip-story.1f98cce1.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{var U=Object.defineProperty,L=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var S=(i,e,o)=>e in i?U(i,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[e]=o,y=(i,e)=>{for(var o in e||(e={}))v.call(e,o)&&S(i,o,e[o]);if(C)for(var o of C(e))I.call(e,o)&&S(i,o,e[o]);return i},E=(i,e)=>L(i,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.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,e,o)=>{var c=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),a=_(c);a.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=a},"./src/styles/_shadows.scss":(i,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>O});var c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(c),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=o.n(a),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=o.n(t),n=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=o.n(n),T=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=o.n(T),r=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=o.n(r),f=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=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=m(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=d();var j=_()(u(),h);const O=u()&&u().locals?u().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,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},c=20;class _{constructor(s,t,l=o){this.originalStyle={},this.source=s,this.callout=t,this.props=l,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 l=t==null?void 0:t.querySelector(this.props.target);if(l){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},m=this.callout.current;return m&&(n.callout={dom:m,rect:m.getBoundingClientRect()}),n}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l,callout:n,source:m}=s;if(n){const T=window.innerHeight-o.minPagePadding,d=n.rect.height,r=m.rect.bottom;let p=r+d-l.rect.top,f=r+n.rect.height;if(p<=0||f>=T)return;if(f+=l.rect.height,f<=T&&(p+=c),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),l.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l}=s;for(const n in this.originalStyle){const m=this.originalStyle[n];typeof m=="string"&&(t.dom.style[n]=m)}this.originalStyle={},this.placeholder&&(l.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(i,e,o){"use strict";var c=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 _=c(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 l=new Map([[t.Standard,8]]),n=(d,r)=>typeof d=="object"&&typeof d[r]=="object"?d[r]:{},m=d=>{var r,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}`},n(d.styles,"root")),beak:y({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:y({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(r=d.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((p=d.contentPadding)!=null?p:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};e.getCalloutStyle=m;class T extends _.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:p,focusTargetSiblingOnTabPress:f,target:u}=this.props;if(f&&r.key==="Tab"&&u){let g=null;if(typeof u=="string"){const h=(0,a.getDocument)();g=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,s.isHTMLElement)(u)&&(g=u);g&&(0,s.focusToSibling)(g,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}p==null||p(r)}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(i,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(a,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(a,l,n)}:function(a,s,t,l){l===void 0&&(l=t),a[l]=s[t]}),_=this&&this.__exportStar||function(a,s){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(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(i,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const _=c(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(n){super(n)}render(){var p;const n=(p=this.props.maxWidth)!=null?p:200,m=()=>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:n}}})},r=_.default.createElement(a.TooltipHost,E(y({},this.props),{styles:m,calloutProps:y(y({},d),this.props.calloutProps)}));return this.props.showOnFocus?r:_.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},r)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=c(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(n){return{onRenderContent:()=>_.default.createElement("span",null,n!=null?n:""),styles:t.getStyles()}}static renderHTMLContent(n){const m=(0,a.default)(n);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:m}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx":function(i,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(a,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(a,l,n)}:function(a,s,t,l){l===void 0&&(l=t),a[l]=s[t]}),_=this&&this.__exportStar||function(a,s){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(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(i,e,o){"use strict";var c=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const _=c(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");e.default={title:"Dropdowns/Tooltip"};const t={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(t.name)},t.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderHTMLContent(t.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":()=>{}}]);})();

package/storybook/runtime~main.e5f648bf.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{(()=>{"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,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,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],b=!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):(b=!1,i<o&&(o=i));if(b){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}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(b=>n[b]=()=>t[b]);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:"20290ff6",20:"26e2be61",43:"160ba753",57:"4c037a1e",69:"0455922f",104:"383f63fc",170:"486d6398",177:"0a680624",191:"5d2ae767",218:"c5e34577",222:"7968349b",239:"89069029",271:"6cdb6313",289:"69ca0e68",390:"77520f0c",393:"2aeb882a",406:"1f98cce1",424:"e770ebd9",449:"1bc699d2",479:"62692db7",501:"8ce2c34d",525:"5a757001",530:"6dae12fc",558:"54609f03",568:"64f789ef",627:"c6c76096",632:"e0156dc1",644:"1ffba626",652:"9bd6d697",660:"b145ceb4",673:"dd43d8d5",680:"3111e6e0",685:"49b13dae",733:"ed267b56",812:"81441f28",825:"d50c7306",841:"4f3b342c",930:"a27b46f7",932:"ab0c2991",937:"4173109f",939:"4787bd39",949:"d16c6e7f",967:"2c0ccae1",994:"d90c504e"}[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,b;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(b=!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 d=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),b&&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.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),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,d)=>n=e[a]=[c,d]);i.push(n[2]=o);var b=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var d=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
-(`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(b,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,b]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(b)var d=b(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(d)},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})();})();