@sap-ux/ui-components 1.11.0 → 1.11.1

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

@@ -0,0 +1,6 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[682],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(y,o,r)=>{var f=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(f);n.push([y.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),y.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":y=>{"use strict";y.exports=function(o){var r=[];return r.toString=function(){return this.map(function(l){var n="",e=typeof l[5]!="undefined";return l[4]&&(n+="@supports (".concat(l[4],") {")),l[2]&&(n+="@media ".concat(l[2]," {")),e&&(n+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),n+=o(l),e&&(n+="}"),l[2]&&(n+="}"),l[4]&&(n+="}"),n}).join("")},r.i=function(l,n,e,t,s){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var c=0;c<this.length;c++){var v=this[c][0];v!=null&&(u[v]=!0)}for(var p=0;p<l.length;p++){var _=[].concat(l[p]);e&&u[_[0]]||(typeof s!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=s),n&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=n),t&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=t):_[4]="".concat(t)),r.push(_))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":y=>{"use strict";y.exports=function(o){return o[1]}},"./src/components/UIDialog/UIDialog.tsx":function(y,o,r){"use strict";var f=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(d,a,i)=>a in d?f(d,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):d[a]=i,s=(d,a)=>{for(var i in a||(a={}))n.call(a,i)&&t(d,i,a[i]);if(l)for(var i of l(a))e.call(a,i)&&t(d,i,a[i]);return d},u=(d,a)=>{var i={};for(var m in d)n.call(d,m)&&a.indexOf(m)<0&&(i[m]=d[m]);if(d!=null&&l)for(var m of l(d))a.indexOf(m)<0&&e.call(d,m)&&(i[m]=d[m]);return i},c=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDialog=o.UIDialogScrollArea=o.DIALOG_STYLES=o.DIALOG_MAX_HEIGHT_OFFSET=void 0;const v=c(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=r("./src/components/UIButton/index.tsx"),S=r("./src/utilities/DeepMerge.ts");o.DIALOG_MAX_HEIGHT_OFFSET=32,o.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"0px 4px 10px rgba(0, 0, 0, 0.3)",borderColor:"var(--vscode-editorWidget-border)",vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)",fontFamily:"var(--vscode-font-family)"}};var E;(function(d){d.Content="Content",d.Dialog="Dialog"})(E=o.UIDialogScrollArea||(o.UIDialogScrollArea={}));class h extends v.default.Component{constructor(a){super(a),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(a){const{scrollArea:i}=this.props;a.scrollArea!==i&&(i===E.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-o.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let a;const{acceptButtonText:i,cancelButtonText:m,onAccept:g,onCancel:I,acceptButtonId:L,cancelButtonId:b,footer:D}=this.props,O={styles:{actionsRight:{width:"100%",textAlign:"center",margin:"0px"},actions:{margin:`${o.DIALOG_STYLES.vPaddingHalf}px 0 ${o.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return D?a=v.default.createElement(p.DialogFooter,s({},O),D):(g||I)&&(a=v.default.createElement(p.DialogFooter,s({},O),g?v.default.createElement(_.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:L},i):"",I?v.default.createElement(_.UIDefaultButton,{onClick:I,style:{height:"26px"},id:b},m):"")),a}onHeaderMouseDown(a){var i;if(!((i=this.props.modalProps)!=null&&i.dragOptions))return;const m=a.target.closest(".ms-Dialog-main");m&&m.firstChild&&m.firstChild.focus()}render(){const a=this.props,{acceptButtonText:i,cancelButtonText:m,onAccept:g,onCancel:I,acceptButtonId:L,cancelButtonId:b,footer:D,closeButtonVisible:O,multiLineTitle:M,scrollArea:x=E.Content,children:P}=a,T=u(a,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:s({backgroundColor:o.DIALOG_STYLES.background,border:`1px solid ${o.DIALOG_STYLES.borderColor}`,boxShadow:o.DIALOG_STYLES.boxShadow,borderRadius:0,minHeight:100},x===E.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:s({padding:`${o.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:o.DIALOG_STYLES.title.color},!M&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${o.DIALOG_STYLES.vPadding}px ${o.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:O?void 0:"none"},inner:s({padding:"0"},x===E.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:s({margin:"0",lineHeight:18},o.DIALOG_STYLES.contentText),content:s(s({},o.DIALOG_STYLES.contentText),x===E.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:s({padding:`${o.DIALOG_STYLES.vPaddingHalf}px ${o.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},x===E.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},w=(0,S.deepMerge)(A,T);return v.default.createElement(p.Dialog,s({},w),P,this.getFooter())}}o.UIDialog=h,h.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(y,o,r){"use strict";var f=this&&this.__createBinding||(Object.create?function(n,e,t,s){s===void 0&&(s=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,s,u)}:function(n,e,t,s){s===void 0&&(s=t),n[s]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&f(e,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),l(r("./src/components/UIDialog/UIDialog.tsx"),o)},"./src/components/UILoader/UILoader.tsx":function(y,o,r){"use strict";var f=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,u=(h,d,a)=>d in h?f(h,d,{enumerable:!0,configurable:!0,writable:!0,value:a}):h[d]=a,c=(h,d)=>{for(var a in d||(d={}))t.call(d,a)&&u(h,a,d[a]);if(e)for(var a of e(d))s.call(d,a)&&u(h,a,d[a]);return h},v=(h,d)=>l(h,n(d)),p=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILoader=void 0;const _=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r("./src/components/UILoader/UILoader.scss");class E extends _.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:a}=this.props,i=()=>c({},{root:c({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),m=_.default.createElement(S.Spinner,v(c({},this.props),{styles:i}));if(d){const g=()=>c({},{root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return _.default.createElement(S.Overlay,{className:`ui-loader-blocker${a?" ui-loader--delayed":""}`,styles:g},m)}else return m}}o.UILoader=E},"./src/components/UILoader/index.tsx":function(y,o,r){"use strict";var f=this&&this.__createBinding||(Object.create?function(n,e,t,s){s===void 0&&(s=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,s,u)}:function(n,e,t,s){s===void 0&&(s=t),n[s]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&f(e,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),l(r("./src/components/UILoader/UILoader.tsx"),o)},"./src/utilities/DeepMerge.ts":function(y,o,r){"use strict";var f=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.deepMerge=void 0;const l=f(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(t,s){var u;const c=Object.keys(t).length?n({},t):{},v=Object.keys(s);for(const p of v){const _=s[p];if(e(_))if(!c[p]||e(c[p]))c[p]=n((u=c[p])!=null?u:{},_);else throw new Error("Object structures are not compatible!");else c[p]=_}return c}o.deepMerge=n;function e(t){return t?typeof t=="object"&&!Array.isArray(t)&&!l.default.isValidElement(t):!1}},"./stories/UILoader.story.tsx":function(y,o,r){"use strict";var f=this&&this.__createBinding||(Object.create?function(a,i,m,g){g===void 0&&(g=m);var I=Object.getOwnPropertyDescriptor(i,m);(!I||("get"in I?!i.__esModule:I.writable||I.configurable))&&(I={enumerable:!0,get:function(){return i[m]}}),Object.defineProperty(a,g,I)}:function(a,i,m,g){g===void 0&&(g=m),a[g]=i[m]}),l=this&&this.__setModuleDefault||(Object.create?function(a,i){Object.defineProperty(a,"default",{enumerable:!0,value:i})}:function(a,i){a.default=i}),n=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var i={};if(a!=null)for(var m in a)m!=="default"&&Object.prototype.hasOwnProperty.call(a,m)&&f(i,a,m);return l(i,a),i};Object.defineProperty(o,"__esModule",{value:!0}),o.Dialogs=o.Delayed=o.Loaders=void 0;const e=n(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=r("./src/components/UILoader/index.tsx"),u=r("./src/components/Icons.tsx"),c=r("./src/components/UIButton/index.tsx"),v=r("./src/components/UIDialog/index.ts");o.default={title:"Progress/Loader"},(0,u.initIcons)();const p={childrenGap:40},_=()=>e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,null))),e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:p,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:p,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(s.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:p},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(s.UILoader,{className:"uiLoaderXLarge"}))));o.Loaders=_;const S=()=>{const[a,i]=(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"),a&&e.default.createElement(s.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(c.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{i(!a)}}))))};o.Delayed=S;const E=`
+    .popup--busy .ms-Dialog-content {
+        position: static;
+    }
+`,h=a=>{const{delayed:i,text:m}=a,[g,I]=(0,e.useState)(!1),[L,b]=(0,e.useState)(!1),D=()=>{I(!g)},O=()=>{b(!0),setTimeout(()=>{b(!1),D()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(c.UIDefaultButton,{onClick:D,primary:!0},m),e.default.createElement(v.UIDialog,{isOpen:g,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:D,onCancel:D,onDismiss:D,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(c.UIDefaultButton,{onClick:O},"Accept"))},e.default.createElement("div",null,"Dummy"),L&&e.default.createElement(s.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:i})))},d=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,E),e.default.createElement("div",null,e.default.createElement(h,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(h,{delayed:!0,text:"Open Dialog with delayed loader"})));o.Dialogs=d},"./src/components/UILoader/UILoader.scss":(y,o,r)=>{"use strict";r.r(o),r.d(o,{default:()=>m});var f=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=r.n(f),n=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=r.n(n),t=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=r.n(t),u=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=r.n(u),v=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=r.n(v),_=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=r.n(_),E=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),h=r.n(E),d={};for(const g in E)g!=="default"&&(d[g]=()=>E[g]);r.d(o,d);var a={};a.styleTagTransform=S(),a.setAttributes=c(),a.insert=s().bind(null,"head"),a.domAPI=e(),a.insertStyleElement=p();var i=l()(h(),a);const m=h()&&h().locals?h().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":y=>{"use strict";var o=[];function r(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function f(n,e){for(var t={},s=[],u=0;u<n.length;u++){var c=n[u],v=e.base?c[0]+e.base:c[0],p=t[v]||0,_="".concat(v," ").concat(p);t[v]=p+1;var S=r(_),E={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(S!==-1)o[S].references++,o[S].updater(E);else{var h=l(E,e);e.byIndex=u,o.splice(u,0,{identifier:_,updater:h,references:1})}s.push(_)}return s}function l(n,e){var t=e.domAPI(e);t.update(n);var s=function(c){if(c){if(c.css===n.css&&c.media===n.media&&c.sourceMap===n.sourceMap&&c.supports===n.supports&&c.layer===n.layer)return;t.update(n=c)}else t.remove()};return s}y.exports=function(n,e){e=e||{},n=n||[];var t=f(n,e);return function(u){u=u||[];for(var c=0;c<t.length;c++){var v=t[c],p=r(v);o[p].references--}for(var _=f(u,e),S=0;S<t.length;S++){var E=t[S],h=r(E);o[h].references===0&&(o[h].updater(),o.splice(h,1))}t=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":y=>{"use strict";var o={};function r(l){if(typeof o[l]=="undefined"){var n=document.querySelector(l);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}o[l]=n}return o[l]}function f(l,n){var e=r(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(n)}y.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":y=>{"use strict";function o(r){var f=document.createElement("style");return r.setAttributes(f,r.attributes),r.insert(f,r.options),f}y.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(y,o,r)=>{"use strict";function f(l){var n=r.nc;n&&l.setAttribute("nonce",n)}y.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":y=>{"use strict";function o(l,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var s=typeof e.layer!="undefined";s&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,s&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),n.styleTagTransform(t,l,n.options)}function r(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function f(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=l.insertStyleElement(l);return{update:function(t){o(n,l,t)},remove:function(){r(n)}}}y.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":y=>{"use strict";function o(r,f){if(f.styleSheet)f.styleSheet.cssText=r;else{for(;f.firstChild;)f.removeChild(f.firstChild);f.appendChild(document.createTextNode(r))}}y.exports=o}}]);})();

package/storybook/UIMessageBar-story.28245a77.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[328],{"./src/components/UIMessageBar/UIMessageBar.tsx":function(_,n,i){var p=Object.defineProperty,l=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(t,e,c)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):t[e]=c,f=(t,e)=>{for(var c in e||(e={}))s.call(e,c)&&a(t,c,e[c]);if(r)for(var c of r(e))u.call(e,c)&&a(t,c,e[c]);return t},B=(t,e)=>l(t,o(e)),M=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIMessageBar=n.UIMessageBarType=void 0;const g=M(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIMessageBarType",{enumerable:!0,get:function(){return d.MessageBarType}});const m=i("./src/components/Icons.tsx");class v extends g.default.Component{constructor(e){super(e),this.setStyle=c=>{const{messageBarType:y}=c;return{root:f({},(y===d.MessageBarType.error||y===d.MessageBarType.success)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}render(){const e=this.props.messageBarType===d.MessageBarType.error?m.UiIcons.Error:m.UiIcons.Success;return g.default.createElement(d.MessageBar,B(f({},this.props),{messageBarIconProps:{iconName:e},styles:this.setStyle(this.props)}),this.props.children)}}n.UIMessageBar=v},"./src/components/UIMessageBar/index.tsx":function(_,n,i){var p=this&&this.__createBinding||(Object.create?function(o,r,s,u){u===void 0&&(u=s);var a=Object.getOwnPropertyDescriptor(r,s);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[s]}}),Object.defineProperty(o,u,a)}:function(o,r,s,u){u===void 0&&(u=s),o[u]=r[s]}),l=this&&this.__exportStar||function(o,r){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(r,s)&&p(r,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),l(i("./src/components/UIMessageBar/UIMessageBar.tsx"),n)},"./stories/UIMessageBar.story.tsx":function(_,n,i){var p=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const l=p(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=i("./src/components/UIMessageBar/index.tsx");n.default={title:"Utilities/MessageBar"};const s={childrenGap:40},u=()=>l.default.createElement(o.Stack,{tokens:s},l.default.createElement(r.UIMessageBar,{messageBarType:o.MessageBarType.success},l.default.createElement("div",null,"Success message bar")),l.default.createElement(r.UIMessageBar,{messageBarType:o.MessageBarType.error},l.default.createElement("div",null,"Error message bar")));n.defaultUsage=u}}]);})();

package/storybook/UIPersona-story.9d5750d4.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"./src/components/UIPersona/UIPersona.tsx":function(d,t,f){var u=Object.defineProperty,r=Object.defineProperties,l=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,o=(a,s,c)=>s in a?u(a,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[s]=c,m=(a,s)=>{for(var c in s||(s={}))n.call(s,c)&&o(a,c,s[c]);if(e)for(var c of e(s))i.call(s,c)&&o(a,c,s[c]);return a},P=(a,s)=>r(a,l(s)),U=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const _=U(f("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=f("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIPersonaSize",{enumerable:!0,get:function(){return p.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return p.PersonaPresence}});class b extends _.default.Component{constructor(s){super(s),this.personaStyles=c=>m({},{root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return _.default.createElement(p.Persona,P(m({},this.props),{styles:this.personaStyles}))}}t.UIPersona=b},"./src/components/UIPersona/index.tsx":function(d,t,f){var u=this&&this.__createBinding||(Object.create?function(l,e,n,i){i===void 0&&(i=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(l,i,o)}:function(l,e,n,i){i===void 0&&(i=n),l[i]=e[n]}),r=this&&this.__exportStar||function(l,e){for(var n in l)n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&u(e,l,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(f("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx":function(d,t,f){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const r=u(f("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=f("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=f("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const n={childrenGap:40},i=()=>r.default.createElement(l.Stack,{tokens:n},r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),r.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120,text:"John Doe",presence:e.UIPersonaPresence.online,secondaryText:"Software Engineer",tertiaryText:"In a meeting",optionalText:"Available at 4:00pm"}));t.defaultUsage=i}}]);})();

package/storybook/UISearchBox-story.a0c8fbe9.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[786],{"./src/components/UISearchBox/UISearchBox.tsx":function(m,u,p){var _=Object.defineProperty,h=Object.defineProperties,v=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,d=(e,r,a)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,l=(e,r)=>{for(var a in r||(r={}))c.call(r,a)&&d(e,a,r[a]);if(n)for(var a of n(r))s.call(r,a)&&d(e,a,r[a]);return e},g=(e,r)=>h(e,v(r)),t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(u,"__esModule",{value:!0}),u.UISearchBox=void 0;const o=t(p("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=p("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class f extends o.default.Component{constructor(r){super(r)}render(){const r=a=>l({},{root:[{fontFamily:"var(--vscode-font-family)",fontSize:13,backgroundColor:"var(--vscode-input-background)",border:"1px solid var(--vscode-editorWidget-border)",borderRadius:0,height:22,width:"100%",boxSizing:"initial",selectors:{"&:hover":{border:"1px solid var(--vscode-focusBorder)"}}},a.hasFocus&&{selectors:{":after":{border:"1px solid var(--vscode-focusBorder)",inset:-1,borderRadius:0}}},a.disabled&&{color:"var(--vscode-input-foreground)",opacity:.2,backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-input-background)",borderRadius:0,height:22,maxHeight:22,minHeight:22,boxSizing:"initial"}],field:[{backgroundColor:"var(--vscode-input-background)",color:"var(--vscode-input-foreground)",lineHeight:22,height:22,maxHeight:22,minHeight:22,fontSize:13,fontWeight:"normal",boxSizing:"border-box",selectors:{"::placeholder":{color:"var(--vscode-input-placeholderForeground)"}}},{":focus":{outline:0}},a.hasFocus&&{selectors:{":after":{border:"1px solid var(--vscode-focusBorder')"}}}],iconContainer:[{alignItems:"flex-start",marginLeft:5,height:16,width:23,cursor:"text",paddingTop:5,transition:"width 0.167s ease 0s",selectors:{svg:{width:16},"svg > g":{fill:"var(--vscode-foreground)"}}},a.hasFocus&&{width:0,marginLeft:5}],clearButton:[{display:"flex",flexDirection:"row",alignItems:"stretch",cursor:"pointer",flexBasis:"16px",flexShrink:0,padding:0,margin:"-1px 0px",selectors:{"&:hover .ms-Button":{backgroundColor:"var(--vscode-input-background)"},"&:hover .ms-Button-icon":{color:"var(--vscode-input-foreground)"},".ms-Button":{borderRadius:0},".ms-Button-icon":{color:"var(--vscode-input-foreground)"}}}]});return o.default.createElement(i.SearchBox,g(l({},this.props),{styles:r}))}}u.UISearchBox=f},"./src/components/UISearchBox/index.tsx":function(m,u,p){var _=this&&this.__createBinding||(Object.create?function(n,c,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(c,s);(!l||("get"in l?!c.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return c[s]}}),Object.defineProperty(n,d,l)}:function(n,c,s,d){d===void 0&&(d=s),n[d]=c[s]}),h=this&&this.__exportStar||function(n,c){for(var s in n)s!=="default"&&!Object.prototype.hasOwnProperty.call(c,s)&&_(c,n,s)};Object.defineProperty(u,"__esModule",{value:!0}),u.UISearchBoxInterface=void 0;const v=p("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(u,"UISearchBoxInterface",{enumerable:!0,get:function(){return v.ISearchBox}}),h(p("./src/components/UISearchBox/UISearchBox.tsx"),u)},"./stories/UISearchBox.story.tsx":function(m,u,p){var _=this&&this.__createBinding||(Object.create?function(t,o,i,f){f===void 0&&(f=i);var e=Object.getOwnPropertyDescriptor(o,i);(!e||("get"in e?!o.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return o[i]}}),Object.defineProperty(t,f,e)}:function(t,o,i,f){f===void 0&&(f=i),t[f]=o[i]}),h=this&&this.__setModuleDefault||(Object.create?function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}:function(t,o){t.default=o}),v=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var o={};if(t!=null)for(var i in t)i!=="default"&&Object.prototype.hasOwnProperty.call(t,i)&&_(o,t,i);return h(o,t),o};Object.defineProperty(u,"__esModule",{value:!0}),u.SearchBox=void 0;const n=v(p("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=p("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=p("./src/components/UISearchBox/index.tsx"),d=p("./src/components/Icons.tsx");u.default={title:"Basic Inputs/Search"};const l={childrenGap:40};(0,d.initIcons)();const g=()=>{const[t,o]=(0,n.useState)(""),i=(e,r)=>{r!==void 0&&o(r)},f=()=>{o("")};return n.default.createElement(c.Stack,{tokens:l,style:{width:300}},n.default.createElement(c.Stack,{tokens:{childrenGap:16}},n.default.createElement(c.Text,{variant:"large",className:"textColor"},"UISearchBox"),n.default.createElement(s.UISearchBox,{value:t,onChange:i,onClear:f})))};u.SearchBox=g}}]);})();

package/storybook/UISections-story.c6d7a89e.iframe.bundle.js

@@ -0,0 +1,14 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[248],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(g,o,e)=>{var u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),t=_(u);t.push([g.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:0}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),g.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(g,o,e)=>{var u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),t=_(u);t.push([g.id,".ts-icon{fill:var(--vscode-foreground)}",""]),g.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(g,o,e)=>{var u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),t=_(u);t.push([g.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),g.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":g=>{"use strict";g.exports=function(o){var e=[];return e.toString=function(){return this.map(function(_){var t="",s=typeof _[5]!="undefined";return _[4]&&(t+="@supports (".concat(_[4],") {")),_[2]&&(t+="@media ".concat(_[2]," {")),s&&(t+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),t+=o(_),s&&(t+="}"),_[2]&&(t+="}"),_[4]&&(t+="}"),t}).join("")},e.i=function(_,t,s,n,d){typeof _=="string"&&(_=[[null,_,void 0]]);var a={};if(s)for(var m=0;m<this.length;m++){var y=this[m][0];y!=null&&(a[y]=!0)}for(var O=0;O<_.length;O++){var i=[].concat(_[O]);s&&a[i[0]]||(typeof d!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=d),t&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=t),n&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=n):i[4]="".concat(n)),e.push(i))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":g=>{"use strict";g.exports=function(o){return o[1]}},"./src/components/UIDropdown/UIDropdown.tsx":function(g,o,e){"use strict";var u=Object.defineProperty,_=Object.defineProperties,t=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(E,h,v)=>h in E?u(E,h,{enumerable:!0,configurable:!0,writable:!0,value:v}):E[h]=v,m=(E,h)=>{for(var v in h||(h={}))n.call(h,v)&&a(E,v,h[v]);if(s)for(var v of s(h))d.call(h,v)&&a(E,v,h[v]);return E},y=(E,h)=>_(E,t(h)),O=this&&this.__importDefault||function(E){return E&&E.__esModule?E:{default:E}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDropdown=o.UIDropdownMenuItemType=o.UIDropdownOption=void 0;const i=O(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),I=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return I.DropdownMenuItemType}}),Object.defineProperty(o,"UIDropdownOption",{enumerable:!0,get:function(){return I.IDropdownOption}});const p=e("./src/components/UIIcon/index.tsx"),l=e("./src/helper/ValidationMessage/index.tsx"),c=e("./src/components/UILabel/index.tsx"),r=e("./src/components/UIDropdown/utils.ts");e("./src/components/UIDropdown/UIDropdown.scss");const P="var(--vscode-inputValidation-errorBorder)";class S extends i.default.Component{constructor(h){super(h),this.onRenderCaretDown=()=>i.default.createElement(p.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=v=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(v);{const{multiSelectDelimiter:D=", "}=this.props;if(v){const U=v.map(b=>b.text).join(D);return i.default.createElement(i.default.Fragment,null,U)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState({isOpen:!this.state.isOpen},()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState({isOpen:!this.state.isOpen}),this.props.onHandleOpen())})},this.onChange=(v,D,U)=>{this.props.multiSelect&&this.props.onHandleChange&&D&&U&&this.props.onHandleChange(D,U)},this.stopEventPropagation=v=>{v.stopPropagation()},this.onRenderOption=(v,D)=>i.default.createElement(i.default.Fragment,null,D==null?void 0:D(v),(v==null?void 0:v.itemType)!==I.DropdownMenuItemType.Header&&i.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(v,D)=>D&&v?(v.title===void 0&&(v.title=v.text),D(v)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(h){return{root:{minWidth:h.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(h){const{className:v,readOnly:D,disabled:U}=this.props,b=h.message?l.MESSAGE_TYPES_CLASSNAME_MAP.get(h.type):void 0;let f=`ts-SelectBox${h.message?" ts-SelectBox--"+b:""}`;return D&&!U&&(f+=" ts-SelectBox--readonly"),U&&(f+=" ts-SelectBox--disabled"),v&&(f+=` ${v}`),(0,r.isDropdownEmpty)(this.props)&&(f+=" ts-SelectBox--empty"),f}getAccessibilityProps(){const{readOnly:h,disabled:v}=this.props,D={};return h&&!v?(D.tabIndex=0,D["data-is-focusable"]=!0,D["aria-disabled"]=void 0,D["aria-readonly"]=!0):v&&(D.tabIndex=0,D["data-is-focusable"]=!0),D}render(){const h=(0,l.getMessageInfo)(this.props),v=this.getAccessibilityProps(),D=()=>m({},{label:m(m(m({},c.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:P,paddingRight:12}}}),errorMessage:[h.style]});return i.default.createElement(I.Dropdown,y(m(m({calloutProps:{calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown"},onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:I.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},v),this.props),{styles:D,className:this.getClassNames(h),errorMessage:h.message}))}}o.UIDropdown=S},"./src/components/UIDropdown/index.tsx":function(g,o,e){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,s,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(s,n);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[n]}}),Object.defineProperty(t,d,a)}:function(t,s,n,d){d===void 0&&(d=n),t[d]=s[n]}),_=this&&this.__exportStar||function(t,s){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(s,n)&&u(s,t,n)};Object.defineProperty(o,"__esModule",{value:!0}),_(e("./src/components/UIDropdown/UIDropdown.tsx"),o),_(e("./src/components/UIDropdown/utils.ts"),o)},"./src/components/UIDropdown/utils.ts":(g,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.isDropdownEmpty=void 0;function e(u){var _;const{selectedKey:t}=u;return Array.isArray(t)?t.length===0:"text"in u&&u.text||"selectedKeys"in u&&((_=u.selectedKeys)!=null&&_.length)?!1:!t}o.isDropdownEmpty=e},"./src/components/UIIcon/UIIcon.tsx":function(g,o,e){"use strict";var u=Object.defineProperty,_=Object.defineProperties,t=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(l,c,r)=>c in l?u(l,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[c]=r,m=(l,c)=>{for(var r in c||(c={}))n.call(c,r)&&a(l,r,c[r]);if(s)for(var r of s(c))d.call(c,r)&&a(l,r,c[r]);return l},y=(l,c)=>_(l,t(c)),O=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIcon=void 0;const i=O(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),I=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class p extends i.default.Component{constructor(c){super(c),this.setStyle=()=>({})}render(){return i.default.createElement(I.Icon,y(m({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}o.UIIcon=p},"./src/components/UIIcon/index.tsx":function(g,o,e){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,s,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(s,n);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[n]}}),Object.defineProperty(t,d,a)}:function(t,s,n,d){d===void 0&&(d=n),t[d]=s[n]}),_=this&&this.__exportStar||function(t,s){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(s,n)&&u(s,t,n)};Object.defineProperty(o,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),o)},"./src/components/UILabel/UILabel.tsx":function(g,o,e){"use strict";var u=Object.defineProperty,_=Object.defineProperties,t=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(l,c,r)=>c in l?u(l,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[c]=r,m=(l,c)=>{for(var r in c||(c={}))n.call(c,r)&&a(l,r,c[r]);if(s)for(var r of s(c))d.call(c,r)&&a(l,r,c[r]);return l},y=(l,c)=>_(l,t(c)),O=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILabel=o.labelGlobalStyle=void 0;const i=O(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),I=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");o.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class p extends i.default.Component{constructor(c){super(c)}render(){const c=r=>m({},{root:[m({marginTop:25},o.labelGlobalStyle),r.disabled&&{opacity:"0.4"},r.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return i.default.createElement(I.Label,y(m({},this.props),{styles:c}))}}o.UILabel=p},"./src/components/UILabel/index.tsx":function(g,o,e){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,s,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(s,n);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[n]}}),Object.defineProperty(t,d,a)}:function(t,s,n,d){d===void 0&&(d=n),t[d]=s[n]}),_=this&&this.__exportStar||function(t,s){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(s,n)&&u(s,t,n)};Object.defineProperty(o,"__esModule",{value:!0}),_(e("./src/components/UILabel/UILabel.tsx"),o)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(g,o,e){"use strict";var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(o,"__esModule",{value:!0}),o.MessageWrapper=o.MESSAGE_ICONS_MAP=void 0;const _=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),o.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[t.ErrorMessageType.Error,s.UiIcons.Error],[t.ErrorMessageType.Warning,s.UiIcons.Warning],[t.ErrorMessageType.Info,s.UiIcons.Info]]);function d(a){const{children:m,message:y}=a,O=y.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(y.type):void 0,i=o.MESSAGE_ICONS_MAP.get(y.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${O}`},_.default.createElement("div",{className:"ts-message-target"},m),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(n.UIIcon,{iconName:i}),_.default.createElement("span",null,y.message)))}o.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(g,o,e){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,s,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(s,n);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[n]}}),Object.defineProperty(t,d,a)}:function(t,s,n,d){d===void 0&&(d=n),t[d]=s[n]}),_=this&&this.__exportStar||function(t,s){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(s,n)&&u(s,t,n)};Object.defineProperty(o,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),o),_(e("./src/helper/ValidationMessage/utils.ts"),o)},"./src/helper/ValidationMessage/utils.ts":(g,o)=>{"use strict";var e=Object.defineProperty,u=Object.defineProperties,_=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,d=(r,P,S)=>P in r?e(r,P,{enumerable:!0,configurable:!0,writable:!0,value:S}):r[P]=S,a=(r,P)=>{for(var S in P||(P={}))s.call(P,S)&&d(r,S,P[S]);if(t)for(var S of t(P))n.call(P,S)&&d(r,S,P[S]);return r},m=(r,P)=>u(r,_(P));Object.defineProperty(o,"__esModule",{value:!0}),o.getMessageInfo=o.MESSAGE_TYPES_CLASSNAME_MAP=o.ErrorMessageType=void 0;var y;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(y=o.ErrorMessageType||(o.ErrorMessageType={}));const O=(r,P)=>{const S=`1px solid ${P}`;return{backgroundColor:r,borderLeft:S,borderRight:S,borderBottom:S,borderColor:P}},i={error:m(a({color:"var(--vscode-input-foreground)"},O("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};i.warning=a(a({},i.error),O("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),i.info=a(a({},i.error),O("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),o.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[y.Error,"error"],[y.Warning,"warning"],[y.Info,"info"]]);const I=r=>{let P;switch(r){case y.Warning:{P=i.warning;break}case y.Info:{P=i.info;break}default:{P=i.error;break}}return P},p=r=>{if(r){if(r.errorMessage)return y.Error;if(r.warningMessage)return y.Warning;if(r.infoMessage)return y.Info}return y.Error},l=r=>(r==null?void 0:r.errorMessage)||(r==null?void 0:r.warningMessage)||(r==null?void 0:r.infoMessage),c=r=>{const P=p(r);return{type:P,style:I(P),message:l(r)}};o.getMessageInfo=c},"./stories/UISections.story.tsx":function(g,o,e){"use strict";var u=Object.defineProperty,_=Object.defineProperties,t=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(b,f,M)=>f in b?u(b,f,{enumerable:!0,configurable:!0,writable:!0,value:M}):b[f]=M,m=(b,f)=>{for(var M in f||(f={}))n.call(f,M)&&a(b,M,f[M]);if(s)for(var M of s(f))d.call(f,M)&&a(b,M,f[M]);return b},y=(b,f)=>_(b,t(f)),O=this&&this.__createBinding||(Object.create?function(b,f,M,w){w===void 0&&(w=M);var B=Object.getOwnPropertyDescriptor(f,M);(!B||("get"in B?!f.__esModule:B.writable||B.configurable))&&(B={enumerable:!0,get:function(){return f[M]}}),Object.defineProperty(b,w,B)}:function(b,f,M,w){w===void 0&&(w=M),b[w]=f[M]}),i=this&&this.__setModuleDefault||(Object.create?function(b,f){Object.defineProperty(b,"default",{enumerable:!0,value:f})}:function(b,f){b.default=f}),I=this&&this.__importStar||function(b){if(b&&b.__esModule)return b;var f={};if(b!=null)for(var M in b)M!=="default"&&Object.prototype.hasOwnProperty.call(b,M)&&O(f,b,M);return i(f,b),f};Object.defineProperty(o,"__esModule",{value:!0}),o.VerticalSections=o.HorizontalSections=void 0;const p=I(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("./src/components/UISection/index.tsx"),c=e("./src/components/UIToggle/index.tsx"),r=e("./src/components/UIDropdown/index.tsx"),P=e("./src/components/UIButton/index.tsx");o.default={title:"Utilities/Splitter"};const S=`
+    .componentOptions {
+        display: flex;
+    }
+    .componentOptions > div {
+        min-width: 100px;
+        margin-right: 10px;
+    }
+`,E=`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.`,h=b=>b.map(f=>({key:f,text:f}));function v(b){const[f,M]=(0,p.useState)({vertical:b.vertical,splitterType:l.UISplitterType.Resize,splitter:!0,minSectionSize:[300,300],animation:!0,splitterLayoutType:l.UISplitterLayoutType.Standard,sizesAsPercents:!1,sizes:[400,void 0]}),[w,B]=(0,p.useState)(!0),[C,x]=(0,p.useState)(!0),L=(A,j)=>{M(y(m({},f),{[A]:j}))},K=(A,j)=>{L(A.currentTarget.id,j)},R=(A,j)=>{let T=f.animation;T===!0&&!j?(T=[!0,!0],T[A]=!1):!T&&j?(T=[!1,!1],T[A]=!0):T=j,L("animation",T)},W=(A,j,T,V)=>{L(A,T==null?void 0:T.key)};return p.default.createElement(p.default.Fragment,null,p.default.createElement("style",null,S),p.default.createElement("div",{style:{height:"100%",display:"flex",flexDirection:"column"}},p.default.createElement("div",{className:"componentOptions"},p.default.createElement(c.UIToggle,{id:"splitter",label:"splitter",checked:f.splitter,inlineLabel:!0,inlineLabelLeft:!0,size:c.UIToggleSize.Small,onChange:K}),p.default.createElement(r.UIDropdown,{id:"splitterType",label:"splitterType",selectedKey:f.splitterType,options:h([l.UISplitterType.Resize,l.UISplitterType.Toggle]),onChange:W.bind(this,"splitterType")}),p.default.createElement(r.UIDropdown,{id:"splitterLayoutType",label:"splitterLayoutType",selectedKey:f.splitterLayoutType,options:h([l.UISplitterLayoutType.Compact,l.UISplitterLayoutType.Standard]),onChange:W.bind(this,"splitterLayoutType")}),p.default.createElement("div",null,p.default.createElement(c.UIToggle,{id:"animation1",label:"Animate left section",checked:Array.isArray(f.animation)?f.animation[0]:f.animation,inlineLabel:!0,inlineLabelLeft:!0,size:c.UIToggleSize.Small,onChange:(A,j)=>R(0,j)}),p.default.createElement(c.UIToggle,{id:"animation1",label:"Animate right section",checked:Array.isArray(f.animation)?f.animation[1]:f.animation,inlineLabel:!0,inlineLabelLeft:!0,size:c.UIToggleSize.Small,onChange:(A,j)=>R(1,j)})),p.default.createElement("div",null,p.default.createElement(c.UIToggle,{id:"sectionVisible",label:"toggle left section",checked:w,inlineLabel:!0,inlineLabelLeft:!0,size:c.UIToggleSize.Small,onChange:()=>{B(!w)}}),p.default.createElement(c.UIToggle,{id:"sectionVisible",label:"toggle right section",checked:C,inlineLabel:!0,inlineLabelLeft:!0,size:c.UIToggleSize.Small,onChange:()=>{x(!C)}})),p.default.createElement("div",null,p.default.createElement(P.UIDefaultButton,{text:"Toggle sections",onClick:()=>{B(!w),x(!C)}}))),p.default.createElement("div",{style:{height:"100%"}},p.default.createElement(l.UISections,y(m({},f),{height:"100%",onClose:()=>{x(!C)}}),p.default.createElement(l.UISections.Section,{height:"100%",cleanPadding:!0,hidden:!w},p.default.createElement("div",null,E,E,E)),p.default.createElement(l.UISections.Section,{height:"100%",cleanPadding:!0,hidden:!C},p.default.createElement("div",null,E,E,E))))))}const D=()=>p.default.createElement(v,{vertical:!1});o.HorizontalSections=D;const U=()=>p.default.createElement(v,{vertical:!0});o.VerticalSections=U},"./src/components/UIDropdown/UIDropdown.scss":(g,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>S});var u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(u),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(n),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=e.n(a),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=e.n(y),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(i),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),l=e.n(p),c={};for(const E in p)E!=="default"&&(c[E]=()=>p[E]);e.d(o,c);var r={};r.styleTagTransform=I(),r.setAttributes=m(),r.insert=d().bind(null,"head"),r.domAPI=s(),r.insertStyleElement=O();var P=_()(l(),r);const S=l()&&l().locals?l().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(g,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>S});var u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(u),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(n),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=e.n(a),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=e.n(y),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(i),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),l=e.n(p),c={};for(const E in p)E!=="default"&&(c[E]=()=>p[E]);e.d(o,c);var r={};r.styleTagTransform=I(),r.setAttributes=m(),r.insert=d().bind(null,"head"),r.domAPI=s(),r.insertStyleElement=O();var P=_()(l(),r);const S=l()&&l().locals?l().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(g,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>S});var u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(u),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(t),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(n),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=e.n(a),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=e.n(y),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(i),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),l=e.n(p),c={};for(const E in p)E!=="default"&&(c[E]=()=>p[E]);e.d(o,c);var r={};r.styleTagTransform=I(),r.setAttributes=m(),r.insert=d().bind(null,"head"),r.domAPI=s(),r.insertStyleElement=O();var P=_()(l(),r);const S=l()&&l().locals?l().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":g=>{"use strict";var o=[];function e(t){for(var s=-1,n=0;n<o.length;n++)if(o[n].identifier===t){s=n;break}return s}function u(t,s){for(var n={},d=[],a=0;a<t.length;a++){var m=t[a],y=s.base?m[0]+s.base:m[0],O=n[y]||0,i="".concat(y," ").concat(O);n[y]=O+1;var I=e(i),p={css:m[1],media:m[2],sourceMap:m[3],supports:m[4],layer:m[5]};if(I!==-1)o[I].references++,o[I].updater(p);else{var l=_(p,s);s.byIndex=a,o.splice(a,0,{identifier:i,updater:l,references:1})}d.push(i)}return d}function _(t,s){var n=s.domAPI(s);n.update(t);var d=function(m){if(m){if(m.css===t.css&&m.media===t.media&&m.sourceMap===t.sourceMap&&m.supports===t.supports&&m.layer===t.layer)return;n.update(t=m)}else n.remove()};return d}g.exports=function(t,s){s=s||{},t=t||[];var n=u(t,s);return function(a){a=a||[];for(var m=0;m<n.length;m++){var y=n[m],O=e(y);o[O].references--}for(var i=u(a,s),I=0;I<n.length;I++){var p=n[I],l=e(p);o[l].references===0&&(o[l].updater(),o.splice(l,1))}n=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":g=>{"use strict";var o={};function e(_){if(typeof o[_]=="undefined"){var t=document.querySelector(_);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(s){t=null}o[_]=t}return o[_]}function u(_,t){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}g.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":g=>{"use strict";function o(e){var u=document.createElement("style");return e.setAttributes(u,e.attributes),e.insert(u,e.options),u}g.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(g,o,e)=>{"use strict";function u(_){var t=e.nc;t&&_.setAttribute("nonce",t)}g.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":g=>{"use strict";function o(_,t,s){var n="";s.supports&&(n+="@supports (".concat(s.supports,") {")),s.media&&(n+="@media ".concat(s.media," {"));var d=typeof s.layer!="undefined";d&&(n+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),n+=s.css,d&&(n+="}"),s.media&&(n+="}"),s.supports&&(n+="}");var a=s.sourceMap;a&&typeof btoa!="undefined"&&(n+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(n,_,t.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function u(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=_.insertStyleElement(_);return{update:function(n){o(t,_,n)},remove:function(){e(t)}}}g.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":g=>{"use strict";function o(e,u){if(u.styleSheet)u.styleSheet.cssText=e;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(e))}}g.exports=o}}]);})();

package/storybook/UISeparator-story.608804ec.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[456],{"./src/components/UISeparator/UISeparator.tsx":function(p,c,d){var i=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,l=(o,r,s)=>r in o?i(o,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[r]=s,_=(o,r)=>{for(var s in r||(r={}))e.call(r,s)&&l(o,s,r[s]);if(n)for(var s of n(r))u.call(r,s)&&l(o,s,r[s]);return o},m=(o,r)=>t(o,a(r)),v=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(c,"__esModule",{value:!0}),c.UISeparator=void 0;const f=v(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class S extends f.default.Component{constructor(r){super(r)}render(){const r=s=>_({},{root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},s.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return f.default.createElement(b.Separator,m(_({},this.props),{styles:r}))}}c.UISeparator=S},"./src/components/UISeparator/index.tsx":function(p,c,d){var i=this&&this.__createBinding||(Object.create?function(a,n,e,u){u===void 0&&(u=e);var l=Object.getOwnPropertyDescriptor(n,e);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(a,u,l)}:function(a,n,e,u){u===void 0&&(u=e),a[u]=n[e]}),t=this&&this.__exportStar||function(a,n){for(var e in a)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&i(n,a,e)};Object.defineProperty(c,"__esModule",{value:!0}),t(d("./src/components/UISeparator/UISeparator.tsx"),c)},"./stories/UISeparator.story.tsx":function(p,c,d){var i=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const t=i(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=d("./src/components/UISeparator/index.tsx");c.default={title:"Utilities/Separator"};const e={childrenGap:40},u=()=>t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),t.default.createElement(a.Stack,{horizontal:!0,tokens:e},t.default.createElement("span",null,"Hello"),t.default.createElement(n.UISeparator,{vertical:!0}),t.default.createElement("span",null,"World"))),t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),t.default.createElement(a.Stack,{horizontal:!0,tokens:e},t.default.createElement("span",null,"Hello"),t.default.createElement(n.UISeparator,null),t.default.createElement("span",null,"World"))));c.defaultUsage=u}}]);})();

package/storybook/UITable-story.4fbef46b.iframe.bundle.js

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

package/storybook/UITextInput-story.171bd469.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[797],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":v=>{v.exports=function(o){var s=[];return s.toString=function(){return this.map(function(n){var t="",r=typeof n[5]!="undefined";return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=o(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},s.i=function(n,t,r,a,i){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(r)for(var l=0;l<this.length;l++){var h=this[l][0];h!=null&&(d[h]=!0)}for(var x=0;x<n.length;x++){var e=[].concat(n[x]);r&&d[e[0]]||(typeof i!="undefined"&&(typeof e[5]=="undefined"||(e[1]="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {").concat(e[1],"}")),e[5]=i),t&&(e[2]&&(e[1]="@media ".concat(e[2]," {").concat(e[1],"}")),e[2]=t),a&&(e[4]?(e[1]="@supports (".concat(e[4],") {").concat(e[1],"}"),e[4]=a):e[4]="".concat(a)),s.push(e))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":v=>{v.exports=function(o){return o[1]}},"./src/components/UICheckbox/UICheckbox.tsx":function(v,o,s){var u=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(b,f,g)=>f in b?u(b,f,{enumerable:!0,configurable:!0,writable:!0,value:g}):b[f]=g,l=(b,f)=>{for(var g in f||(f={}))a.call(f,g)&&d(b,g,f[g]);if(r)for(var g of r(f))i.call(f,g)&&d(b,g,f[g]);return b},h=(b,f)=>n(b,t(f)),x=this&&this.__importDefault||function(b){return b&&b.__esModule?b:{default:b}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const e=x(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=s("./src/helper/ValidationMessage/index.tsx");class I extends e.default.Component{constructor(f){super(f),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(g,k)=>({root:[!k.disabled&&[!k.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[c.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[c.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[c.HighContrastSelector]:{color:k.disabled?"GrayText":"WindowText"}}}],k.checked&&!k.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[c.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},g.message&&{marginBottom:2}],input:{[`.${c.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[c.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)"},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)"}})}render(){const f=(0,p.getMessageInfo)(this.props),g=e.default.createElement(c.Checkbox,h(l({},this.props),{styles:k=>l(l({},this.setStyle(f,k)),this.props.styles)}));return f.message?e.default.createElement(p.MessageWrapper,{message:f},g):g}}o.UICheckbox=I},"./src/components/UICheckbox/index.tsx":function(v,o,s){var u=this&&this.__createBinding||(Object.create?function(t,r,a,i){i===void 0&&(i=a);var d=Object.getOwnPropertyDescriptor(r,a);(!d||("get"in d?!r.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(t,i,d)}:function(t,r,a,i){i===void 0&&(i=a),t[i]=r[a]}),n=this&&this.__exportStar||function(t,r){for(var a in t)a!=="default"&&!Object.prototype.hasOwnProperty.call(r,a)&&u(r,t,a)};Object.defineProperty(o,"__esModule",{value:!0}),n(s("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./stories/UITextInput.story.tsx":function(v,o,s){var u=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(m,_,y)=>_ in m?u(m,_,{enumerable:!0,configurable:!0,writable:!0,value:y}):m[_]=y,l=(m,_)=>{for(var y in _||(_={}))a.call(_,y)&&d(m,y,_[y]);if(r)for(var y of r(_))i.call(_,y)&&d(m,y,_[y]);return m},h=(m,_)=>n(m,t(_)),x=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.withMessages=o.accessibilityStates=o.defaultUsage=void 0;const e=x(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=s("./src/components/UIInput/index.tsx"),I=s("./src/components/UICheckbox/index.tsx"),b=s("./src/components/Icons.tsx");o.default={title:"Basic Inputs/Input"},(0,b.initIcons)();const f={childrenGap:40},g={iconName:"FolderOpened"},k=()=>e.default.createElement(c.Stack,{tokens:f,style:{width:300}},e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(p.UITextInput,{label:"Enter your name"})),e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(p.UITextInput,{label:"Select your folder",iconProps:g})),e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(p.UITextInput,{label:"Enter your name",disabled:!0})));o.defaultUsage=k;const S=()=>{const[m,_]=e.default.useState(!1),[y,P]=e.default.useState("Content"),E={multiline:m,onChange:(U,C)=>{P(C||"")}};return e.default.createElement("div",null,e.default.createElement(c.Stack,{horizontal:!0,tokens:f},e.default.createElement(I.UICheckbox,{label:"Multi Line",checked:m,onChange:(U,C)=>{_(C)}})),e.default.createElement(c.Stack,{horizontal:!0,tokens:f},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(p.UITextInput,h(l({},E),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{errorMessage:"Dummy error",value:y})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y,readOnly:!0})))))))};o.accessibilityStates=S;const w=()=>{const m="Dummy message";return e.default.createElement(c.Stack,{tokens:f,style:{width:"100%"}},e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(p.UITextInput,{label:"input field label",errorMessage:m})),e.default.createElement(c.Separator,null),e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(p.UITextInput,{label:"input field label",warningMessage:m})),e.default.createElement(c.Separator,null),e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(p.UITextInput,{label:"input field label",infoMessage:m})))};o.withMessages=w},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":v=>{var o=[];function s(t){for(var r=-1,a=0;a<o.length;a++)if(o[a].identifier===t){r=a;break}return r}function u(t,r){for(var a={},i=[],d=0;d<t.length;d++){var l=t[d],h=r.base?l[0]+r.base:l[0],x=a[h]||0,e="".concat(h," ").concat(x);a[h]=x+1;var c=s(e),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(c!==-1)o[c].references++,o[c].updater(p);else{var I=n(p,r);r.byIndex=d,o.splice(d,0,{identifier:e,updater:I,references:1})}i.push(e)}return i}function n(t,r){var a=r.domAPI(r);a.update(t);var i=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;a.update(t=l)}else a.remove()};return i}v.exports=function(t,r){r=r||{},t=t||[];var a=u(t,r);return function(d){d=d||[];for(var l=0;l<a.length;l++){var h=a[l],x=s(h);o[x].references--}for(var e=u(d,r),c=0;c<a.length;c++){var p=a[c],I=s(p);o[I].references===0&&(o[I].updater(),o.splice(I,1))}a=e}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":v=>{var o={};function s(n){if(typeof o[n]=="undefined"){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(r){t=null}o[n]=t}return o[n]}function u(n,t){var r=s(n);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":v=>{function o(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}v.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(v,o,s)=>{function u(n){var t=s.nc;t&&n.setAttribute("nonce",t)}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":v=>{function o(n,t,r){var a="";r.supports&&(a+="@supports (".concat(r.supports,") {")),r.media&&(a+="@media ".concat(r.media," {"));var i=typeof r.layer!="undefined";i&&(a+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),a+=r.css,i&&(a+="}"),r.media&&(a+="}"),r.supports&&(a+="}");var d=r.sourceMap;d&&typeof btoa!="undefined"&&(a+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),t.styleTagTransform(a,n,t.options)}function s(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function u(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=n.insertStyleElement(n);return{update:function(a){o(t,n,a)},remove:function(){s(t)}}}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":v=>{function o(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}v.exports=o}}]);})();

package/storybook/UIToggle-story.1eb81da9.iframe.bundle.js

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

package/storybook/UIToggleGroup-story.4ac2c028.iframe.bundle.js

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

package/storybook/UITooltip-story.4454641b.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[963],{"./src/components/UICallout/UICallout.tsx":function(y,t,c){"use strict";var m=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,s=(n,i,f)=>i in n?m(n,i,{enumerable:!0,configurable:!0,writable:!0,value:f}):n[i]=f,p=(n,i)=>{for(var f in i||(i={}))o.call(i,f)&&s(n,f,i[f]);if(r)for(var f of r(i))e.call(i,f)&&s(n,f,i[f]);return n},U=(n,i)=>a(n,l(i)),v=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const T=v(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)"};var g;(function(n){n.None="None",n.Standard="Standard"})(g=t.UICalloutContentPadding||(t.UICalloutContentPadding={}));const h=new Map([[g.Standard,8]]),u=(n,i)=>typeof n=="object"&&typeof n[i]=="object"?n[i]:{},d=n=>{var i;return{root:p({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:0},u(n.styles,"root")),beak:p({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},u(n.styles,"beak")),beakCurtain:p({backgroundColor:t.CALLOUT_STYLES.background},u(n.styles,"beakCurtain")),calloutMain:p({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:0,minWidth:(i=n.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:h.get(n.contentPadding||g.None)},u(n.styles,"calloutMain")),container:u(n.styles,"container")}};t.getCalloutStyle=d;class _ extends T.default.Component{constructor(i){super(i)}render(){return T.default.createElement(b.Callout,U(p({},this.props),{styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=_},"./src/components/UICallout/index.tsx":function(y,t,c){"use strict";var m=this&&this.__createBinding||(Object.create?function(l,r,o,e){e===void 0&&(e=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(l,e,s)}:function(l,r,o,e){e===void 0&&(e=o),l[e]=r[o]}),a=this&&this.__exportStar||function(l,r){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&m(r,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),a(c("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UITooltip/UITooltip.tsx":function(y,t,c){"use strict";var m=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,s=(u,d,_)=>d in u?m(u,d,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[d]=_,p=(u,d)=>{for(var _ in d||(d={}))o.call(d,_)&&s(u,_,d[_]);if(r)for(var _ of r(d))e.call(d,_)&&s(u,_,d[_]);return u},U=(u,d)=>a(u,l(d)),v=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltip=t.UITooltipDelay=void 0;const T=v(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UITooltipDelay",{enumerable:!0,get:function(){return b.TooltipDelay}});const g=c("./src/components/UICallout/index.tsx");class h extends T.default.Component{constructor(d){super(d)}render(){const d=this.props.maxWidth!==void 0?this.props.maxWidth:200,_=()=>p(p({},{root:{display:"inline-block"},content:{backgroundColor:g.CALLOUT_STYLES.background,color:g.CALLOUT_STYLES.text,fontFamily:g.CALLOUT_STYLES.font}}),this.props.styles),i={beakWidth:10,styles:()=>(0,g.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:d}}})},f=T.default.createElement(b.TooltipHost,U(p({},this.props),{styles:_,calloutProps:p(p({},i),this.props.calloutProps)}));return this.props.showOnFocus?f:T.default.createElement("div",{onFocusCapture:S=>{S.target.parentElement&&S.target.parentElement.classList.contains("ms-TooltipHost")&&S.stopPropagation()}},f)}}t.UITooltip=h},"./src/components/UITooltip/UITooltipUtils.tsx":function(y,t,c){"use strict";var m=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltipUtils=void 0;const a=m(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=m(c("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),r=c("./src/components/UICallout/index.tsx");class o{static getStyles(){return{root:{},content:{background:r.CALLOUT_STYLES.background,color:r.CALLOUT_STYLES.text},subText:{}}}}t.UITooltipUtils=o,o.renderContent=e=>({onRenderContent:()=>a.default.createElement("span",null,e!=null?e:""),styles:o.getStyles()}),o.renderHTMLContent=e=>{const s=(0,l.default)(e);return{onRenderContent:()=>a.default.createElement("span",{dangerouslySetInnerHTML:{__html:s}}),styles:o.getStyles()}}},"./src/components/UITooltip/index.tsx":function(y,t,c){"use strict";var m=this&&this.__createBinding||(Object.create?function(l,r,o,e){e===void 0&&(e=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(l,e,s)}:function(l,r,o,e){e===void 0&&(e=o),l[e]=r[o]}),a=this&&this.__exportStar||function(l,r){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&m(r,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),a(c("./src/components/UITooltip/UITooltip.tsx"),t),a(c("./src/components/UITooltip/UITooltipUtils.tsx"),t)},"./stories/UITooltip.story.tsx":function(y,t,c){"use strict";var m=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltips=void 0;const a=m(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=c("./src/components/UITooltip/index.tsx"),r=c("./src/components/UIButton/index.tsx"),o=c("./src/components/Icons.tsx");t.default={title:"Dropdowns/Tooltip"},(0,o.initIcons)();const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},s=()=>a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{margin:20}},a.default.createElement(l.UITooltip,{tooltipProps:l.UITooltipUtils.renderContent(e.name)},e.name)),a.default.createElement("div",{style:{margin:20}},a.default.createElement(l.UITooltip,{tooltipProps:l.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),a.default.createElement("div",null,a.default.createElement(l.UITooltip,{content:"This is the tooltip"},a.default.createElement(r.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),a.default.createElement("div",null,a.default.createElement(l.UITooltip,{content:"This is the tooltip",showOnFocus:!0},a.default.createElement(r.UIDefaultButton,null,"Show tooltip on hover and on focus"))));t.Tooltips=s},"?3397":()=>{},"?7610":()=>{},"?3d24":()=>{},"?d0b2":()=>{},"?7bec":()=>{}}]);})();

package/storybook/UITranslationInput-story.9e4a233b.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[302],{"./stories/UITranslationInput.story.tsx":function(z,u,c){var E=Object.defineProperty,P=Object.defineProperties,B=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,p=(e,t,o)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,m=(e,t)=>{for(var o in t||(t={}))D.call(t,o)&&p(e,o,t[o]);if(f)for(var o of f(t))S.call(t,o)&&p(e,o,t[o]);return e},T=(e,t)=>P(e,B(t)),U=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(u,"__esModule",{value:!0}),u.translationInput=void 0;const n=U(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),O=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=c("./src/components/UITranslationInput/index.tsx"),I=c("./src/components/Icons.tsx"),w=c("./src/components/UITable/index.tsx"),C=c("./src/components/UIButton/index.tsx"),h=c("./src/components/UICheckbox/index.tsx");u.default={title:"Basic Inputs/Input"},(0,I.initIcons)();const v={childrenGap:40},_="ui-components-i18n-bundle",j=()=>{let e={};try{e=JSON.parse(window.localStorage.getItem(_)||"")}catch(t){e={}}return e},b=e=>{window.localStorage.setItem(_,JSON.stringify(e))},N=()=>{const[e,t]=n.default.useState("Content"),[o,g]=n.default.useState(!1),[i,l]=n.default.useState(!1),[a,k]=n.default.useState(j()),V=(s,r)=>{t(r||"")},F=s=>{a[s.key.value]||(a[s.key.value]=[T(m({},s),{dummyPath:"dddd"})],b(a),k(m({},a)))},R=s=>{const r=document.querySelector(`div[data-i18n-key="${s.key.value}"]`);(r==null?void 0:r.parentElement).focus(),(0,O.setFocusVisibility)(!0,r==null?void 0:r.parentElement)},K=s=>{a[s]&&(delete a[s],b(a),k(m({},a)))},x=[];for(const s in a){const r=a[s];for(const M of r)x.push({key:s,value:M.value.value})}return n.default.createElement(y.Stack,{tokens:v,style:{width:"100%",height:"100%"}},n.default.createElement(y.Stack,{horizontal:!0,tokens:v},n.default.createElement(h.UICheckbox,{label:"Disabled",checked:o,onChange:(s,r)=>{g(r)}}),n.default.createElement(h.UICheckbox,{label:"Busy",checked:i,onChange:(s,r)=>{l(r)}})),n.default.createElement(d.UITranslationInput,{entries:a,id:"test",i18nPrefix:"i18n",allowedI18nPrefixes:["i18n","@i18n"],allowedPatterns:[d.TranslationTextPattern.SingleBracketBinding,d.TranslationTextPattern.DoubleBracketReplace],defaultPattern:d.TranslationTextPattern.SingleBracketBinding,value:e,onChange:V,onCreateNewEntry:F,onShowExistingEntry:R,disabled:o,busy:i?{busy:i,useMinWaitingTime:!0}:void 0}),n.default.createElement(W,{tableData:x,onDelete:K}))};u.translationInput=N;function W(e){const t=Array.from({length:3}).map((g,i)=>{const l={key:"test"+(i+1),name:"",fieldName:"",minWidth:100,maxWidth:300};return i===0?(l.name="Key",l.fieldName="key",l.onRender=a=>n.default.createElement("div",{"data-i18n-key":a.key},a.key)):i===1?(l.name="Value",l.fieldName="value"):i===2&&(l.name="Delete",l.minWidth=50,l.maxWidth=50,l.onRender=a=>n.default.createElement(C.UIIconButton,{onClick:()=>{e.onDelete(a.key)},iconProps:{iconName:I.UiIcons.TrashCan}})),l}),o=".ms-Fabric--isFocusVisible .ms-DetailsList .ms-DetailsRow-cell:focus::after { z-index: -1; }";return n.default.createElement(n.default.Fragment,null,n.default.createElement("style",null,o),n.default.createElement("div",{style:{position:"relative",height:"100%"}},n.default.createElement(w.UITable,{dataSetKey:"datasetkey",items:e.tableData,columns:t})))}}}]);})();

package/storybook/UITreedropdown-story.691e8540.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[29],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(u){var d=[];return d.toString=function(){return this.map(function(r){var l="",t=typeof r[5]!="undefined";return r[4]&&(l+="@supports (".concat(r[4],") {")),r[2]&&(l+="@media ".concat(r[2]," {")),t&&(l+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),l+=u(r),t&&(l+="}"),r[2]&&(l+="}"),r[4]&&(l+="}"),l}).join("")},d.i=function(r,l,t,a,_){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(t)for(var n=0;n<this.length;n++){var s=this[n][0];s!=null&&(p[s]=!0)}for(var x=0;x<r.length;x++){var e=[].concat(r[x]);t&&p[e[0]]||(typeof _!="undefined"&&(typeof e[5]=="undefined"||(e[1]="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {").concat(e[1],"}")),e[5]=_),l&&(e[2]&&(e[1]="@media ".concat(e[2]," {").concat(e[1],"}")),e[2]=l),a&&(e[4]?(e[1]="@supports (".concat(e[4],") {").concat(e[1],"}"),e[4]=a):e[4]="".concat(a)),d.push(e))}},d}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(u){return u[1]}},"./stories/UITreedropdown.story.tsx":function(c,u,d){"use strict";var o=Object.defineProperty,r=Object.defineProperties,l=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,p=(i,f,v)=>f in i?o(i,f,{enumerable:!0,configurable:!0,writable:!0,value:v}):i[f]=v,n=(i,f)=>{for(var v in f||(f={}))a.call(f,v)&&p(i,v,f[v]);if(t)for(var v of t(f))_.call(f,v)&&p(i,v,f[v]);return i},s=(i,f)=>r(i,l(f)),x=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(u,"__esModule",{value:!0}),u.accessibilityStates=u.Message=u.Basic=void 0;const e=x(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),h=d("./src/components/UITreeDropdown/index.tsx");u.default={title:"Dropdowns/TreeDropdown"};const y=[{value:"__OperationControl",label:"__OperationControl",children:[{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]}]},{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"DraftAdministrativeData",label:"DraftAdministrativeData",children:[{value:"SAP__Other",label:"SAP__Other",children:[]}]},{value:"_Artist",label:"_Artist",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title1",label:"_Title1",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]},{value:"_Title4",label:"_Title4",children:[]},{value:"_Title5",label:"_Title5",children:[]},{value:"_Title6",label:"_Title6",children:[]},{value:"_Title7",label:"_Title7",children:[]},{value:"_Title8",label:"_Title8",children:[]},{value:"_Title9",label:"_Title9",children:[]}],g=()=>{const[i,f]=e.default.useState(""),v=T=>f(T);return e.default.createElement("div",{style:{width:300}},e.default.createElement(h.UITreeDropdown,{value:i,label:"Label",placeholderText:"Select value",items:y,onParameterValueChange:v,maxWidth:300}))};u.Basic=g;const w=()=>{const[i,f]=e.default.useState(""),v=T=>f(T);return e.default.createElement("div",{style:{width:300}},e.default.createElement(h.UITreeDropdown,{value:i,label:"Label",placeholderText:"Select value",items:y,onParameterValueChange:v,maxWidth:300,errorMessage:"Dummy error"}))};u.Message=w;const E=()=>{const[i,f]=e.default.useState("_Title1"),v={childrenGap:40},T={placeholderText:"Select value",items:y,maxWidth:300,onParameterValueChange:b=>console.log(b)},S=s(n({},T),{onParameterValueChange:b=>f(b)});return e.default.createElement("div",null,e.default.createElement(m.Stack,{horizontal:!0,tokens:v},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(h.UITreeDropdown,s(n({},T),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},S),{value:i})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},T),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},S),{errorMessage:"Dummy error",value:i})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},T),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},S),{value:i,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},T),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(h.UITreeDropdown,s(n({},S),{value:i,readOnly:!0})))))))};u.accessibilityStates=E},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var u=[];function d(l){for(var t=-1,a=0;a<u.length;a++)if(u[a].identifier===l){t=a;break}return t}function o(l,t){for(var a={},_=[],p=0;p<l.length;p++){var n=l[p],s=t.base?n[0]+t.base:n[0],x=a[s]||0,e="".concat(s," ").concat(x);a[s]=x+1;var m=d(e),h={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(m!==-1)u[m].references++,u[m].updater(h);else{var y=r(h,t);t.byIndex=p,u.splice(p,0,{identifier:e,updater:y,references:1})}_.push(e)}return _}function r(l,t){var a=t.domAPI(t);a.update(l);var _=function(n){if(n){if(n.css===l.css&&n.media===l.media&&n.sourceMap===l.sourceMap&&n.supports===l.supports&&n.layer===l.layer)return;a.update(l=n)}else a.remove()};return _}c.exports=function(l,t){t=t||{},l=l||[];var a=o(l,t);return function(p){p=p||[];for(var n=0;n<a.length;n++){var s=a[n],x=d(s);u[x].references--}for(var e=o(p,t),m=0;m<a.length;m++){var h=a[m],y=d(h);u[y].references===0&&(u[y].updater(),u.splice(y,1))}a=e}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var u={};function d(r){if(typeof u[r]=="undefined"){var l=document.querySelector(r);if(window.HTMLIFrameElement&&l instanceof window.HTMLIFrameElement)try{l=l.contentDocument.head}catch(t){l=null}u[r]=l}return u[r]}function o(r,l){var t=d(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(l)}c.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function u(d){var o=document.createElement("style");return d.setAttributes(o,d.attributes),d.insert(o,d.options),o}c.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,u,d)=>{"use strict";function o(r){var l=d.nc;l&&r.setAttribute("nonce",l)}c.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function u(r,l,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var _=typeof t.layer!="undefined";_&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,_&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var p=t.sourceMap;p&&typeof btoa!="undefined"&&(a+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),l.styleTagTransform(a,r,l.options)}function d(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function o(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var l=r.insertStyleElement(r);return{update:function(a){u(l,r,a)},remove:function(){d(l)}}}c.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function u(d,o){if(o.styleSheet)o.styleSheet.cssText=d;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(d))}}c.exports=u},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(c,u,d)=>{var o=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),r=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),l=r;l.v1=o,l.v4=r,c.exports=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":c=>{for(var u=[],d=0;d<256;++d)u[d]=(d+256).toString(16).substr(1);function o(r,l){var t=l||0,a=u;return[a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]]].join("")}c.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":c=>{var u=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(u){var d=new Uint8Array(16);c.exports=function(){return u(d),d}}else{var o=new Array(16);c.exports=function(){for(var l=0,t;l<16;l++)l&3||(t=Math.random()*4294967296),o[l]=t>>>((l&3)<<3)&255;return o}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(c,u,d)=>{var o=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),r=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),l,t,a=0,_=0;function p(n,s,x){var e=s&&x||0,m=s||[];n=n||{};var h=n.node||l,y=n.clockseq!==void 0?n.clockseq:t;if(h==null||y==null){var g=o();h==null&&(h=l=[g[0]|1,g[1],g[2],g[3],g[4],g[5]]),y==null&&(y=t=(g[6]<<8|g[7])&16383)}var w=n.msecs!==void 0?n.msecs:new Date().getTime(),E=n.nsecs!==void 0?n.nsecs:_+1,i=w-a+(E-_)/1e4;if(i<0&&n.clockseq===void 0&&(y=y+1&16383),(i<0||w>a)&&n.nsecs===void 0&&(E=0),E>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=w,_=E,t=y,w+=122192928e5;var f=((w&268435455)*1e4+E)%4294967296;m[e++]=f>>>24&255,m[e++]=f>>>16&255,m[e++]=f>>>8&255,m[e++]=f&255;var v=w/4294967296*1e4&268435455;m[e++]=v>>>8&255,m[e++]=v&255,m[e++]=v>>>24&15|16,m[e++]=v>>>16&255,m[e++]=y>>>8|128,m[e++]=y&255;for(var T=0;T<6;++T)m[e+T]=h[T];return s||r(m)}c.exports=p},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(c,u,d)=>{var o=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),r=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function l(t,a,_){var p=a&&_||0;typeof t=="string"&&(a=t==="binary"?new Array(16):null,t=null),t=t||{};var n=t.random||(t.rng||o)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,a)for(var s=0;s<16;++s)a[p+s]=n[s];return a||r(n)}c.exports=l}}]);})();

package/storybook/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
+  <svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
+  </svg>
+  <style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
+</svg>