@sap-ux/ui-components 1.15.3 → 1.15.4

package/storybook/UIActionCallout-story.22d2d3e5.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[84],{"../../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/UIActionCallout/UIActionCallout.scss":(m,t,e)=>{var r=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=n(r);_.push([m.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),m.exports=_},"../../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":(m,t,e)=>{var r=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=n(r);_.push([m.id,".ts-icon{fill:var(--vscode-foreground)}",""]),m.exports=_},"../../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/styles/_shadows.scss":(m,t,e)=>{var r=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=n(r);_.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var a=0;a<this.length;a++){var p=this[a][0];p!=null&&(d[p]=!0)}for(var y=0;y<n.length;y++){var u=[].concat(n[y]);o&&d[u[0]]||(typeof l!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=l),_&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=_),s&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=s):u[4]="".concat(s)),e.push(u))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.tsx":function(m,t,e){"use strict";var r=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=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"),_=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(p){var y;super(p),this.actionDetail=p.actionDetail,this.commandAction=p.commandAction,this.targetElementId=p.targetElementId,this.showInline=p.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=p.icon,this.onClick=p.onClick,this.anchorClicked=!1,this.isError=(y=p.isError)!=null?y:!1}onCalloutClick(){var p;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((p=this.anchor.current)==null||p.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var p,y;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(y=(p=this.icon)==null?void 0:p.render())!=null?y:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(m,t,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},r=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},a=this.callout.current;return a&&(d.callout={dom:a,rect:a.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:a}=o;if(d){const p=window.innerHeight-e.minPagePadding,y=d.rect.height,u=a.rect.bottom;let I=u+y-l.rect.top,v=u+d.rect.height;if(I<=0||v>=p)return;if(v+=l.rect.height,v<=p&&(I+=r),this.props.absolute){const i=s.dom.style;this.originalStyle={transform:i.transform,position:i.position,top:i.top,left:i.left},i.transform="",i.position="absolute",i.top=`${s.rect.top}px`,i.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(I),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const a=this.originalStyle[d];typeof a=="string"&&(s.dom.style[d]=a)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(m,t,e){"use strict";var r=Object.defineProperty,n=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(c,h,b)=>h in c?r(c,h,{enumerable:!0,configurable:!0,writable:!0,value:b}):c[h]=b,a=(c,h)=>{for(var b in h||(h={}))s.call(h,b)&&d(c,b,h[b]);if(o)for(var b of o(h))l.call(h,b)&&d(c,b,h[b]);return c},p=(c,h)=>n(c,_(h)),y=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const u=y(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"),v=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var i;(function(c){c.None="None",c.Standard="Standard"})(i||(t.UICalloutContentPadding=i={}));const E=new Map([[i.Standard,8]]),f=(c,h)=>typeof c=="object"&&typeof c[h]=="object"?c[h]:{},O=c=>{var h;return{root:a({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},f(c.styles,"root")),beak:a({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},f(c.styles,"beak")),beakCurtain:a({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},f(c.styles,"beakCurtain")),calloutMain:a({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(h=c.calloutMinWidth)!=null?h:300,boxSizing:"border-box",padding:E.get(c.contentPadding||i.None)},f(c.styles,"calloutMain")),container:f(c.styles,"container")}};t.getCalloutStyle=O;class g extends u.default.Component{constructor(h){super(h),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(h){const{onKeyDown:b,focusTargetSiblingOnTabPress:A,target:P}=this.props;if(A&&h.key==="Tab"&&P){let C=null;if(typeof P=="string"){const T=(0,I.getDocument)();C=T==null?void 0:T.querySelector(P)}else"getBoundingClientRect"in P&&(0,v.isHTMLElement)(P)&&(C=P);C&&(0,v.focusToSibling)(C,!h.shiftKey)&&(h.stopPropagation(),h.preventDefault())}b==null||b(h)}render(){return u.default.createElement(I.Callout,p(a({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=g},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(m,t,e){"use strict";var r=Object.defineProperty,n=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(i,E,f)=>E in i?r(i,E,{enumerable:!0,configurable:!0,writable:!0,value:f}):i[E]=f,a=(i,E)=>{for(var f in E||(E={}))s.call(E,f)&&d(i,f,E[f]);if(o)for(var f of o(E))l.call(E,f)&&d(i,f,E[f]);return i},p=(i,E)=>n(i,_(E)),y=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const u=y(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 v extends u.default.Component{constructor(E){super(E),this.setStyle=()=>({})}render(){return u.default.createElement(I.Icon,p(a({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}t.UIIcon=v},"./src/components/UIIcon/index.tsx":function(m,t,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLInputElement=t.isHTMLElement=void 0;function e(n){return"title"in n}t.isHTMLElement=e;function r(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}t.isHTMLInputElement=r},"./src/utilities/Focus.ts":(m,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.focusToSibling=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0;const r=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(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return r.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return r.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return r.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return r.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return r.getPreviousElement}});function n(_,o){const s=(0,r.getDocument)();if(s){let l=null;if(o?l=(0,r.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,r.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}t.focusToSibling=n},"./src/utilities/Id.ts":(m,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const r=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(t,"getUIId",{enumerable:!0,get:function(){return r.getId}})},"./src/utilities/Keys.ts":(m,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const r=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(t,"UIKeyCodes",{enumerable:!0,get:function(){return r.KeyCodes}})},"./src/utilities/index.ts":function(m,t,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(m,t,e){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=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"),_=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},a={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},p={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},y=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:a,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:p,isError:!1})));t.defaultUsage=y},"./src/components/UIActionCallout/UIActionCallout.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=e.n(d),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(u),v=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/UIActionCallout/UIActionCallout.scss"),i=e.n(v),E={};for(const c in v)c!=="default"&&(E[c]=()=>v[c]);e.d(t,E);var f={};f.styleTagTransform=I(),f.setAttributes=a(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=y();var O=n()(i(),f);const g=i()&&i().locals?i().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=e.n(d),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(u),v=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"),i=e.n(v),E={};for(const c in v)c!=="default"&&(E[c]=()=>v[c]);e.d(t,E);var f={};f.styleTagTransform=I(),f.setAttributes=a(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=y();var O=n()(i(),f);const g=i()&&i().locals?i().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=e.n(d),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(u),v=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/styles/_shadows.scss"),i=e.n(v),E={};for(const c in v)c!=="default"&&(E[c]=()=>v[c]);e.d(t,E);var f={};f.styleTagTransform=I(),f.setAttributes=a(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=y();var O=n()(i(),f);const g=i()&&i().locals?i().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function r(_,o){for(var s={},l=[],d=0;d<_.length;d++){var a=_[d],p=o.base?a[0]+o.base:a[0],y=s[p]||0,u="".concat(p," ").concat(y);s[p]=y+1;var I=e(u),v={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(I!==-1)t[I].references++,t[I].updater(v);else{var i=n(v,o);o.byIndex=d,t.splice(d,0,{identifier:u,updater:i,references:1})}l.push(u)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(a){if(a){if(a.css===_.css&&a.media===_.media&&a.sourceMap===_.sourceMap&&a.supports===_.supports&&a.layer===_.layer)return;s.update(_=a)}else s.remove()};return l}m.exports=function(_,o){o=o||{},_=_||[];var s=r(_,o);return function(d){d=d||[];for(var a=0;a<s.length;a++){var p=s[a],y=e(p);t[y].references--}for(var u=r(d,o),I=0;I<s.length;I++){var v=s[I],i=e(v);t[i].references===0&&(t[i].updater(),t.splice(i,1))}s=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function r(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function t(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}m.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,t,e)=>{"use strict";function r(n){var _=e.nc;_&&n.setAttribute("nonce",_)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function r(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function t(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}m.exports=t}}]);})();

package/storybook/UICallout-story.147c6813.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../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/styles/_shadows.scss":(h,o,s)=>{var p=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(p);n.push([h.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),h.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":h=>{"use strict";h.exports=function(o){var s=[];return s.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("")},s.i=function(l,n,e,t,d){typeof l=="string"&&(l=[[null,l,void 0]]);var i={};if(e)for(var _=0;_<this.length;_++){var v=this[_][0];v!=null&&(i[v]=!0)}for(var g=0;g<l.length;g++){var r=[].concat(l[g]);e&&i[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),n&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=n),t&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=t):r[4]="".concat(t)),s.push(r))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":h=>{"use strict";h.exports=function(o){return o[1]}},"./src/components/UICallout/CalloutCollisionTransform.ts":(h,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class l{constructor(e,t,d=s){this.originalStyle={},this.source=e,this.callout=t,this.props=d,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const d=t==null?void 0:t.querySelector(this.props.target);if(d){const i={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:d,rect:d.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},_=this.callout.current;return _&&(i.callout={dom:_,rect:_.getBoundingClientRect()}),i}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:d,callout:i,source:_}=e;if(i){const v=window.innerHeight-s.minPagePadding,g=i.rect.height,r=_.rect.bottom;let a=r+g-d.rect.top,u=r+i.rect.height;if(a<=0||u>=v)return;if(u+=d.rect.height,u<=v&&(a+=p),this.props.absolute){const c=t.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${t.rect.top}px`,c.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(a),d.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:d}=e;for(const i in this.originalStyle){const _=this.originalStyle[i];typeof _=="string"&&(t.dom.style[i]=_)}this.originalStyle={},this.placeholder&&(d.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=l},"./src/components/UICallout/UICallout.tsx":function(h,o,s){"use strict";var p=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,i=(m,y,O)=>y in m?p(m,y,{enumerable:!0,configurable:!0,writable:!0,value:O}):m[y]=O,_=(m,y)=>{for(var O in y||(y={}))t.call(y,O)&&i(m,O,y[O]);if(e)for(var O of e(y))d.call(y,O)&&i(m,O,y[O]);return m},v=(m,y)=>l(m,n(y)),g=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=g(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=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"),u=s("./src/utilities/index.ts");s("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var c;(function(m){m.None="None",m.Standard="Standard"})(c||(o.UICalloutContentPadding=c={}));const b=new Map([[c.Standard,8]]),f=(m,y)=>typeof m=="object"&&typeof m[y]=="object"?m[y]:{},S=m=>{var y;return{root:_({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:o.CALLOUT_STYLES.borderRadius},f(m.styles,"root")),beak:_({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},f(m.styles,"beak")),beakCurtain:_({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},f(m.styles,"beakCurtain")),calloutMain:_({backgroundColor:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(y=m.calloutMinWidth)!=null?y:300,boxSizing:"border-box",padding:b.get(m.contentPadding||c.None)},f(m.styles,"calloutMain")),container:f(m.styles,"container")}};o.getCalloutStyle=S;class E extends r.default.Component{constructor(y){super(y),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(y){const{onKeyDown:O,focusTargetSiblingOnTabPress:T,target:C}=this.props;if(T&&y.key==="Tab"&&C){let P=null;if(typeof C=="string"){const I=(0,a.getDocument)();P=I==null?void 0:I.querySelector(C)}else"getBoundingClientRect"in C&&(0,u.isHTMLElement)(C)&&(P=C);P&&(0,u.focusToSibling)(P,!y.shiftKey)&&(y.stopPropagation(),y.preventDefault())}O==null||O(y)}render(){return r.default.createElement(a.Callout,v(_({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=E},"./src/components/UICallout/index.tsx":function(h,o,s){"use strict";var p=this&&this.__createBinding||(Object.create?function(n,e,t,d){d===void 0&&(d=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,d,i)}:function(n,e,t,d){d===void 0&&(d=t),n[d]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),l(s("./src/components/UICallout/CalloutCollisionTransform.ts"),o),l(s("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(h,o,s){"use strict";var p=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,u)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):r[a]=u,d=(r,a)=>{for(var u in a||(a={}))n.call(a,u)&&t(r,u,a[u]);if(l)for(var u of l(a))e.call(a,u)&&t(r,u,a[u]);return r},i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const _=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=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");class g extends _.default.Component{constructor(a){super(a)}render(){return _.default.createElement(v.FocusTrapZone,d({},this.props),this.props.children)}}o.UIFocusTrapZone=g},"./src/components/UIFocusZone/UIFocusZone.tsx":function(h,o,s){"use strict";var p=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,u)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):r[a]=u,d=(r,a)=>{for(var u in a||(a={}))n.call(a,u)&&t(r,u,a[u]);if(l)for(var u of l(a))e.call(a,u)&&t(r,u,a[u]);return r},i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const _=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=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");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return v.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return v.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return v.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return v.FocusZoneTabbableElements}});class g extends _.default.Component{constructor(a){super(a)}render(){return _.default.createElement(v.FocusZone,d({},this.props),this.props.children)}}o.UIFocusZone=g},"./src/components/UIFocusZone/index.tsx":function(h,o,s){"use strict";var p=this&&this.__createBinding||(Object.create?function(n,e,t,d){d===void 0&&(d=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,d,i)}:function(n,e,t,d){d===void 0&&(d=t),n[d]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),l(s("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),l(s("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(h,o,s){"use strict";var p=this&&this.__createBinding||(Object.create?function(a,u,c,b){b===void 0&&(b=c);var f=Object.getOwnPropertyDescriptor(u,c);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[c]}}),Object.defineProperty(a,b,f)}:function(a,u,c,b){b===void 0&&(b=c),a[b]=u[c]}),l=this&&this.__setModuleDefault||(Object.create?function(a,u){Object.defineProperty(a,"default",{enumerable:!0,value:u})}:function(a,u){a.default=u}),n=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var u={};if(a!=null)for(var c in a)c!=="default"&&Object.prototype.hasOwnProperty.call(a,c)&&p(u,a,c);return l(u,a),u};Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=n(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("./src/components/UIButton/index.tsx"),d=s("./src/components/UICallout/index.tsx"),i=s("./src/components/UIFocusZone/index.tsx"),_=s("./src/components/Icons.tsx");(0,_.initIcons)(),o.default={title:"Dropdowns/Callout"};const v=a=>{const{id:u}=a,[c,b]=(0,e.useState)(!1),f=()=>{b(!c)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:u,iconProps:{iconName:_.UiIcons.Bulb},checked:c,onClick:f}),c&&e.default.createElement(d.UICallout,{target:`#${u}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>f(),calloutWidth:300,calloutMinWidth:300,contentPadding:d.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},g=a=>{const{id:u}=a,[c,b]=(0,e.useState)(!1),f=()=>{b(!c)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:u,iconProps:{iconName:_.UiIcons.Bulb},checked:c,onClick:f},"Open"),c&&e.default.createElement(d.UICallout,{target:`#${u}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>f(),calloutWidth:300,calloutMinWidth:300,contentPadding:d.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(i.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:f},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:f},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:f},"Option 3")))))},r=()=>e.default.createElement("div",null,e.default.createElement(v,{id:"callout-with-text-id"}),e.default.createElement(g,{id:"callout-with-items-1-id"}),e.default.createElement(g,{id:"callout-with-items-2-id"}));o.Callout=r},"./src/styles/_shadows.scss":(h,o,s)=>{"use strict";s.r(o),s.d(o,{default:()=>E});var p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(p),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(n),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(t),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=s.n(i),v=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=s.n(v),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),a=s.n(r),u=s("../../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/styles/_shadows.scss"),c=s.n(u),b={};for(const m in u)m!=="default"&&(b[m]=()=>u[m]);s.d(o,b);var f={};f.styleTagTransform=a(),f.setAttributes=_(),f.insert=d().bind(null,"head"),f.domAPI=e(),f.insertStyleElement=g();var S=l()(c(),f);const E=c()&&c().locals?c().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":h=>{"use strict";var o=[];function s(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function p(n,e){for(var t={},d=[],i=0;i<n.length;i++){var _=n[i],v=e.base?_[0]+e.base:_[0],g=t[v]||0,r="".concat(v," ").concat(g);t[v]=g+1;var a=s(r),u={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(a!==-1)o[a].references++,o[a].updater(u);else{var c=l(u,e);e.byIndex=i,o.splice(i,0,{identifier:r,updater:c,references:1})}d.push(r)}return d}function l(n,e){var t=e.domAPI(e);t.update(n);var d=function(_){if(_){if(_.css===n.css&&_.media===n.media&&_.sourceMap===n.sourceMap&&_.supports===n.supports&&_.layer===n.layer)return;t.update(n=_)}else t.remove()};return d}h.exports=function(n,e){e=e||{},n=n||[];var t=p(n,e);return function(i){i=i||[];for(var _=0;_<t.length;_++){var v=t[_],g=s(v);o[g].references--}for(var r=p(i,e),a=0;a<t.length;a++){var u=t[a],c=s(u);o[c].references===0&&(o[c].updater(),o.splice(c,1))}t=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":h=>{"use strict";var o={};function s(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 p(l,n){var e=s(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":h=>{"use strict";function o(s){var p=document.createElement("style");return s.setAttributes(p,s.attributes),s.insert(p,s.options),p}h.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(h,o,s)=>{"use strict";function p(l){var n=s.nc;n&&l.setAttribute("nonce",n)}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":h=>{"use strict";function o(l,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,d&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var i=e.sourceMap;i&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),n.styleTagTransform(t,l,n.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function p(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(){s(n)}}}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":h=>{"use strict";function o(s,p){if(p.styleSheet)p.styleSheet.cssText=s;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(s))}}h.exports=o}}]);})();

package/storybook/{UICheckbox-story.ef3a5b0a.iframe.bundle.js → UICheckbox-story.a8b5df0e.iframe.bundle.js}

@@ -1,2 +1,2 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[294],{"../../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,n,s)=>{var u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=r(u);e.push([g.id,".ts-icon{fill:var(--vscode-foreground)}",""]),g.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":(g,n,s)=>{var u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=r(u);e.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=e},"../../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(n){var s=[];return s.toString=function(){return this.map(function(r){var e="",t=typeof r[5]!="undefined";return r[4]&&(e+="@supports (".concat(r[4],") {")),r[2]&&(e+="@media ".concat(r[2]," {")),t&&(e+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),e+=n(r),t&&(e+="}"),r[2]&&(e+="}"),r[4]&&(e+="}"),e}).join("")},s.i=function(r,e,t,o,d){typeof r=="string"&&(r=[[null,r,void 0]]);var a={};if(t)for(var c=0;c<this.length;c++){var f=this[c][0];f!=null&&(a[f]=!0)}for(var h=0;h<r.length;h++){var l=[].concat(r[h]);t&&a[l[0]]||(typeof d!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=d),e&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=e),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),s.push(l))}},s}},"../../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(n){return n[1]}},"./src/components/UICheckbox/UICheckbox.tsx":function(g,n,s){"use strict";var u=Object.defineProperty,r=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(p,_,i)=>_ in p?u(p,_,{enumerable:!0,configurable:!0,writable:!0,value:i}):p[_]=i,c=(p,_)=>{for(var i in _||(_={}))o.call(_,i)&&a(p,i,_[i]);if(t)for(var i of t(_))d.call(_,i)&&a(p,i,_[i]);return p},f=(p,_)=>r(p,e(_)),h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const l=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=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"),b=s("./src/helper/ValidationMessage/index.tsx");class m extends l.default.Component{constructor(_){super(_),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(i,y)=>({root:[!y.disabled&&[!y.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[v.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,[v.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[v.HighContrastSelector]:{color:y.disabled?"GrayText":"WindowText"}}}],y.checked&&!y.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)"},[v.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"}}},i.message&&{marginBottom:2}],input:{[`.${v.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[v.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 _=(0,b.getMessageInfo)(this.props),i=l.default.createElement(v.Checkbox,f(c({},this.props),{styles:y=>c(c({},this.setStyle(_,y)),this.props.styles)}));return _.message?l.default.createElement(b.MessageWrapper,{message:_},i):i}}n.UICheckbox=m},"./src/components/UICheckbox/index.tsx":function(g,n,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,t,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,d,a)}:function(e,t,o,d){d===void 0&&(d=o),e[d]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&u(t,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(s("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(g,n,s){"use strict";var u=Object.defineProperty,r=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(m,p,_)=>p in m?u(m,p,{enumerable:!0,configurable:!0,writable:!0,value:_}):m[p]=_,c=(m,p)=>{for(var _ in p||(p={}))o.call(p,_)&&a(m,_,p[_]);if(t)for(var _ of t(p))d.call(p,_)&&a(m,_,p[_]);return m},f=(m,p)=>r(m,e(p)),h=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const l=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=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");s("./src/components/UIIcon/UIIcon.scss");class b extends l.default.Component{constructor(p){super(p),this.setStyle=()=>({})}render(){return l.default.createElement(v.Icon,f(c({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}n.UIIcon=b},"./src/components/UIIcon/index.tsx":function(g,n,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,t,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,d,a)}:function(e,t,o,d){d===void 0&&(d=o),e[d]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&u(t,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(g,n,s){"use strict";var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.MESSAGE_ICONS_MAP=void 0;const r=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("./src/helper/ValidationMessage/utils.ts"),t=s("./src/components/Icons.tsx"),o=s("./src/components/UIIcon/index.tsx");s("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[e.ErrorMessageType.Error,t.UiIcons.Error],[e.ErrorMessageType.Warning,t.UiIcons.Warning],[e.ErrorMessageType.Info,t.UiIcons.Info]]);function d(a){const{children:c,message:f}=a,h=f.message?e.MESSAGE_TYPES_CLASSNAME_MAP.get(f.type):void 0,l=n.MESSAGE_ICONS_MAP.get(f.type);return r.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${h}`},r.default.createElement("div",{className:"ts-message-target"},c),r.default.createElement("div",{className:"ts-message-body"},r.default.createElement(o.UIIcon,{iconName:l}),r.default.createElement("span",null,f.message)))}n.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(g,n,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,t,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,d,a)}:function(e,t,o,d){d===void 0&&(d=o),e[d]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&u(t,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(s("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),r(s("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(g,n)=>{"use strict";var s=Object.defineProperty,u=Object.defineProperties,r=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,d=(_,i,y)=>i in _?s(_,i,{enumerable:!0,configurable:!0,writable:!0,value:y}):_[i]=y,a=(_,i)=>{for(var y in i||(i={}))t.call(i,y)&&d(_,y,i[y]);if(e)for(var y of e(i))o.call(i,y)&&d(_,y,i[y]);return _},c=(_,i)=>u(_,r(i));Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var f;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(f=n.ErrorMessageType||(n.ErrorMessageType={}));const h=(_,i)=>{const y=`1px solid ${i}`;return{backgroundColor:_,borderLeft:y,borderRight:y,borderBottom:y,borderColor:i}},l={error:c(a({color:"var(--vscode-input-foreground)"},h("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};l.warning=a(a({},l.error),h("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),l.info=a(a({},l.error),h("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[f.Error,"error"],[f.Warning,"warning"],[f.Info,"info"]]);const v=_=>{let i;switch(_){case f.Warning:{i=l.warning;break}case f.Info:{i=l.info;break}default:{i=l.error;break}}return i},b=_=>{if(_){if(_.errorMessage)return f.Error;if(_.warningMessage)return f.Warning;if(_.infoMessage)return f.Info}return f.Error},m=_=>(_==null?void 0:_.errorMessage)||(_==null?void 0:_.warningMessage)||(_==null?void 0:_.infoMessage),p=_=>{const i=b(_);return{type:i,style:v(i),message:m(_)}};n.getMessageInfo=p},"./stories/UICheckbox.story.tsx":function(g,n,s){"use strict";var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const r=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=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"),t=s("./src/components/UICheckbox/index.tsx");(0,s("./src/components/Icons.tsx").initIcons)(),n.default={title:"Basic Inputs/Checkbox"};const d={childrenGap:40},a=()=>{const c="Dummy message",f={width:"300px",marginBottom:"25px"};return r.default.createElement(e.Stack,{tokens:d,style:{width:300}},r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox"),r.default.createElement(t.UICheckbox,{label:"check"})),r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),r.default.createElement(t.UICheckbox,{label:"Error",errorMessage:c})),r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),r.default.createElement(t.UICheckbox,{label:"Warning",warningMessage:c})),r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),r.default.createElement(t.UICheckbox,{label:"Info",infoMessage:c})))};n.defaultUsage=a},"./src/components/UIIcon/UIIcon.scss":(g,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>y});var u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(u),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(e),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(a),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(f),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=s.n(l),b=s("../../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"),m=s.n(b),p={};for(const E in b)E!=="default"&&(p[E]=()=>b[E]);s.d(n,p);var _={};_.styleTagTransform=v(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=t(),_.insertStyleElement=h();var i=r()(m(),_);const y=m()&&m().locals?m().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(g,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>y});var u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(u),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(e),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(a),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(f),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=s.n(l),b=s("../../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"),m=s.n(b),p={};for(const E in b)E!=="default"&&(p[E]=()=>b[E]);s.d(n,p);var _={};_.styleTagTransform=v(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=t(),_.insertStyleElement=h();var i=r()(m(),_);const y=m()&&m().locals?m().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 n=[];function s(e){for(var t=-1,o=0;o<n.length;o++)if(n[o].identifier===e){t=o;break}return t}function u(e,t){for(var o={},d=[],a=0;a<e.length;a++){var c=e[a],f=t.base?c[0]+t.base:c[0],h=o[f]||0,l="".concat(f," ").concat(h);o[f]=h+1;var v=s(l),b={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(v!==-1)n[v].references++,n[v].updater(b);else{var m=r(b,t);t.byIndex=a,n.splice(a,0,{identifier:l,updater:m,references:1})}d.push(l)}return d}function r(e,t){var o=t.domAPI(t);o.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;o.update(e=c)}else o.remove()};return d}g.exports=function(e,t){t=t||{},e=e||[];var o=u(e,t);return function(a){a=a||[];for(var c=0;c<o.length;c++){var f=o[c],h=s(f);n[h].references--}for(var l=u(a,t),v=0;v<o.length;v++){var b=o[v],m=s(b);n[m].references===0&&(n[m].updater(),n.splice(m,1))}o=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":g=>{"use strict";var n={};function s(r){if(typeof n[r]=="undefined"){var e=document.querySelector(r);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[r]=e}return n[r]}function u(r,e){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}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 n(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}g.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(g,n,s)=>{"use strict";function u(r){var e=s.nc;e&&r.setAttribute("nonce",e)}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 n(r,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var d=typeof t.layer!="undefined";d&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,d&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var a=t.sourceMap;a&&typeof btoa!="undefined"&&(o+=`
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[294],{"../../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,n,s)=>{var u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=r(u);e.push([g.id,".ts-icon{fill:var(--vscode-foreground)}",""]),g.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":(g,n,s)=>{var u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=r(u);e.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=e},"../../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(n){var s=[];return s.toString=function(){return this.map(function(r){var e="",t=typeof r[5]!="undefined";return r[4]&&(e+="@supports (".concat(r[4],") {")),r[2]&&(e+="@media ".concat(r[2]," {")),t&&(e+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),e+=n(r),t&&(e+="}"),r[2]&&(e+="}"),r[4]&&(e+="}"),e}).join("")},s.i=function(r,e,t,o,d){typeof r=="string"&&(r=[[null,r,void 0]]);var a={};if(t)for(var c=0;c<this.length;c++){var f=this[c][0];f!=null&&(a[f]=!0)}for(var h=0;h<r.length;h++){var l=[].concat(r[h]);t&&a[l[0]]||(typeof d!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=d),e&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=e),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),s.push(l))}},s}},"../../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(n){return n[1]}},"./src/components/UICheckbox/UICheckbox.tsx":function(g,n,s){"use strict";var u=Object.defineProperty,r=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(p,_,i)=>_ in p?u(p,_,{enumerable:!0,configurable:!0,writable:!0,value:i}):p[_]=i,c=(p,_)=>{for(var i in _||(_={}))o.call(_,i)&&a(p,i,_[i]);if(t)for(var i of t(_))d.call(_,i)&&a(p,i,_[i]);return p},f=(p,_)=>r(p,e(_)),h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const l=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=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"),b=s("./src/helper/ValidationMessage/index.tsx");class m extends l.default.Component{constructor(_){super(_),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(i,y)=>({root:[!y.disabled&&[!y.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[v.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,[v.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[v.HighContrastSelector]:{color:y.disabled?"GrayText":"WindowText"}}}],y.checked&&!y.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)"},[v.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"}}},i.message&&{marginBottom:2}],input:{[`.${v.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[v.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 _=(0,b.getMessageInfo)(this.props),i=l.default.createElement(v.Checkbox,f(c({},this.props),{styles:y=>c(c({},this.setStyle(_,y)),this.props.styles)}));return _.message?l.default.createElement(b.MessageWrapper,{message:_},i):i}}n.UICheckbox=m},"./src/components/UICheckbox/index.tsx":function(g,n,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,t,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,d,a)}:function(e,t,o,d){d===void 0&&(d=o),e[d]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&u(t,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(s("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(g,n,s){"use strict";var u=Object.defineProperty,r=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,a=(m,p,_)=>p in m?u(m,p,{enumerable:!0,configurable:!0,writable:!0,value:_}):m[p]=_,c=(m,p)=>{for(var _ in p||(p={}))o.call(p,_)&&a(m,_,p[_]);if(t)for(var _ of t(p))d.call(p,_)&&a(m,_,p[_]);return m},f=(m,p)=>r(m,e(p)),h=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const l=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=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");s("./src/components/UIIcon/UIIcon.scss");class b extends l.default.Component{constructor(p){super(p),this.setStyle=()=>({})}render(){return l.default.createElement(v.Icon,f(c({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}n.UIIcon=b},"./src/components/UIIcon/index.tsx":function(g,n,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,t,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,d,a)}:function(e,t,o,d){d===void 0&&(d=o),e[d]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&u(t,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(g,n,s){"use strict";var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.MESSAGE_ICONS_MAP=void 0;const r=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("./src/helper/ValidationMessage/utils.ts"),t=s("./src/components/Icons.tsx"),o=s("./src/components/UIIcon/index.tsx");s("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[e.ErrorMessageType.Error,t.UiIcons.Error],[e.ErrorMessageType.Warning,t.UiIcons.Warning],[e.ErrorMessageType.Info,t.UiIcons.Info]]);function d(a){const{children:c,message:f}=a,h=f.message?e.MESSAGE_TYPES_CLASSNAME_MAP.get(f.type):void 0,l=n.MESSAGE_ICONS_MAP.get(f.type);return r.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${h}`},r.default.createElement("div",{className:"ts-message-target"},c),r.default.createElement("div",{className:"ts-message-body"},r.default.createElement(o.UIIcon,{iconName:l}),r.default.createElement("span",null,f.message)))}n.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(g,n,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,t,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,d,a)}:function(e,t,o,d){d===void 0&&(d=o),e[d]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&u(t,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),r(s("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),r(s("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(g,n)=>{"use strict";var s=Object.defineProperty,u=Object.defineProperties,r=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,d=(_,i,y)=>i in _?s(_,i,{enumerable:!0,configurable:!0,writable:!0,value:y}):_[i]=y,a=(_,i)=>{for(var y in i||(i={}))t.call(i,y)&&d(_,y,i[y]);if(e)for(var y of e(i))o.call(i,y)&&d(_,y,i[y]);return _},c=(_,i)=>u(_,r(i));Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var f;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(f||(n.ErrorMessageType=f={}));const h=(_,i)=>{const y=`1px solid ${i}`;return{backgroundColor:_,borderLeft:y,borderRight:y,borderBottom:y,borderColor:i}},l={error:c(a({color:"var(--vscode-input-foreground)"},h("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};l.warning=a(a({},l.error),h("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),l.info=a(a({},l.error),h("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[f.Error,"error"],[f.Warning,"warning"],[f.Info,"info"]]);const v=_=>{let i;switch(_){case f.Warning:{i=l.warning;break}case f.Info:{i=l.info;break}default:{i=l.error;break}}return i},b=_=>{if(_){if(_.errorMessage)return f.Error;if(_.warningMessage)return f.Warning;if(_.infoMessage)return f.Info}return f.Error},m=_=>(_==null?void 0:_.errorMessage)||(_==null?void 0:_.warningMessage)||(_==null?void 0:_.infoMessage),p=_=>{const i=b(_);return{type:i,style:v(i),message:m(_)}};n.getMessageInfo=p},"./stories/UICheckbox.story.tsx":function(g,n,s){"use strict";var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const r=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=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"),t=s("./src/components/UICheckbox/index.tsx");(0,s("./src/components/Icons.tsx").initIcons)(),n.default={title:"Basic Inputs/Checkbox"};const d={childrenGap:40},a=()=>{const c="Dummy message",f={width:"300px",marginBottom:"25px"};return r.default.createElement(e.Stack,{tokens:d,style:{width:300}},r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox"),r.default.createElement(t.UICheckbox,{label:"check"})),r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),r.default.createElement(t.UICheckbox,{label:"Error",errorMessage:c})),r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),r.default.createElement(t.UICheckbox,{label:"Warning",warningMessage:c})),r.default.createElement(e.Stack,{tokens:{childrenGap:16}},r.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),r.default.createElement(t.UICheckbox,{label:"Info",infoMessage:c})))};n.defaultUsage=a},"./src/components/UIIcon/UIIcon.scss":(g,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>y});var u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(u),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(e),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(a),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(f),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=s.n(l),b=s("../../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"),m=s.n(b),p={};for(const E in b)E!=="default"&&(p[E]=()=>b[E]);s.d(n,p);var _={};_.styleTagTransform=v(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=t(),_.insertStyleElement=h();var i=r()(m(),_);const y=m()&&m().locals?m().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(g,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>y});var u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(u),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(e),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(a),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(f),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=s.n(l),b=s("../../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"),m=s.n(b),p={};for(const E in b)E!=="default"&&(p[E]=()=>b[E]);s.d(n,p);var _={};_.styleTagTransform=v(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=t(),_.insertStyleElement=h();var i=r()(m(),_);const y=m()&&m().locals?m().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 n=[];function s(e){for(var t=-1,o=0;o<n.length;o++)if(n[o].identifier===e){t=o;break}return t}function u(e,t){for(var o={},d=[],a=0;a<e.length;a++){var c=e[a],f=t.base?c[0]+t.base:c[0],h=o[f]||0,l="".concat(f," ").concat(h);o[f]=h+1;var v=s(l),b={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(v!==-1)n[v].references++,n[v].updater(b);else{var m=r(b,t);t.byIndex=a,n.splice(a,0,{identifier:l,updater:m,references:1})}d.push(l)}return d}function r(e,t){var o=t.domAPI(t);o.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;o.update(e=c)}else o.remove()};return d}g.exports=function(e,t){t=t||{},e=e||[];var o=u(e,t);return function(a){a=a||[];for(var c=0;c<o.length;c++){var f=o[c],h=s(f);n[h].references--}for(var l=u(a,t),v=0;v<o.length;v++){var b=o[v],m=s(b);n[m].references===0&&(n[m].updater(),n.splice(m,1))}o=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":g=>{"use strict";var n={};function s(r){if(typeof n[r]=="undefined"){var e=document.querySelector(r);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[r]=e}return n[r]}function u(r,e){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}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 n(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}g.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(g,n,s)=>{"use strict";function u(r){var e=s.nc;e&&r.setAttribute("nonce",e)}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 n(r,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var d=typeof t.layer!="undefined";d&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,d&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var a=t.sourceMap;a&&typeof btoa!="undefined"&&(o+=`
 /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(o,r,e.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function u(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=r.insertStyleElement(r);return{update:function(o){n(e,r,o)},remove:function(){s(e)}}}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 n(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}g.exports=n}}]);})();

package/storybook/{UILoader-story.877b4208.iframe.bundle.js → UILoader-story.ecf11805.iframe.bundle.js}

@@ -1,4 +1,4 @@
-(()=>{(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":(h,s,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(m);n.push([h.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)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.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}}",""]),h.exports=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/styles/_shadows.scss":(h,s,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(m);n.push([h.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),h.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":h=>{"use strict";h.exports=function(s){var o=[];return o.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+=s(l),e&&(n+="}"),l[2]&&(n+="}"),l[4]&&(n+="}"),n}).join("")},o.i=function(l,n,e,t,r){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var _=0;_<this.length;_++){var g=this[_][0];g!=null&&(u[g]=!0)}for(var f=0;f<l.length;f++){var c=[].concat(l[f]);e&&u[c[0]]||(typeof r!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),n&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=n),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":h=>{"use strict";h.exports=function(s){return s[1]}},"./src/components/UIDialog/UIDialog.tsx":function(h,s,o){"use strict";var m=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(d,a,i)=>a in d?m(d,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):d[a]=i,r=(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 y in d)n.call(d,y)&&a.indexOf(y)<0&&(i[y]=d[y]);if(d!=null&&l)for(var y of l(d))a.indexOf(y)<0&&e.call(d,y)&&(i[y]=d[y]);return i},_=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDialog=s.UIDialogScrollArea=s.DIALOG_STYLES=s.DIALOG_MAX_HEIGHT_OFFSET=void 0;const g=_(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=o("../../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"),c=o("./src/components/UIButton/index.tsx"),b=o("./src/utilities/DeepMerge.ts");o("./src/styles/_shadows.scss"),s.DIALOG_MAX_HEIGHT_OFFSET=32,s.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,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=s.UIDialogScrollArea||(s.UIDialogScrollArea={}));class p extends g.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-s.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let a;const{acceptButtonText:i,cancelButtonText:y,onAccept:v,onCancel:O,acceptButtonId:P,cancelButtonId:I,footer:S}=this.props,D={styles:{actionsRight:{width:"100%",textAlign:"center",margin:"0px"},actions:{margin:`${s.DIALOG_STYLES.vPaddingHalf}px 0 ${s.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return S?a=g.default.createElement(f.DialogFooter,r({},D),S):(v||O)&&(a=g.default.createElement(f.DialogFooter,r({},D),v?g.default.createElement(c.UIDefaultButton,{onClick:v,primary:!0,style:{height:"26px"},id:P},i):"",O?g.default.createElement(c.UIDefaultButton,{onClick:O,style:{height:"26px"},id:I},y):"")),a}onHeaderMouseDown(a){var i;if(!((i=this.props.modalProps)!=null&&i.dragOptions))return;const y=a.target.closest(".ms-Dialog-main");y&&y.firstChild&&y.firstChild.focus()}render(){const a=this.props,{acceptButtonText:i,cancelButtonText:y,onAccept:v,onCancel:O,acceptButtonId:P,cancelButtonId:I,footer:S,closeButtonVisible:D,multiLineTitle:x,scrollArea:L=E.Content,children:M}=a,w=u(a,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),T={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:r({backgroundColor:s.DIALOG_STYLES.background,border:`1px solid ${s.DIALOG_STYLES.borderColor}`,boxShadow:s.DIALOG_STYLES.boxShadow,borderRadius:s.DIALOG_STYLES.borderRadius,minHeight:100},L===E.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:r({padding:`${s.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:s.DIALOG_STYLES.title.color},!x&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${s.DIALOG_STYLES.vPadding}px ${s.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:D?void 0:"none"},inner:r({padding:"0"},L===E.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:r({margin:"0",lineHeight:18},s.DIALOG_STYLES.contentText),content:r(r({},s.DIALOG_STYLES.contentText),L===E.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:r({padding:`${s.DIALOG_STYLES.vPaddingHalf}px ${s.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},L===E.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},A=(0,b.deepMerge)(T,w);return g.default.createElement(f.Dialog,r({},A),M,this.getFooter())}}s.UIDialog=p,p.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=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,r,u)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&m(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),l(o("./src/components/UIDialog/UIDialog.tsx"),s)},"./src/components/UILoader/UILoader.tsx":function(h,s,o){"use strict";var m=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,u=(p,d,a)=>d in p?m(p,d,{enumerable:!0,configurable:!0,writable:!0,value:a}):p[d]=a,_=(p,d)=>{for(var a in d||(d={}))t.call(d,a)&&u(p,a,d[a]);if(e)for(var a of e(d))r.call(d,a)&&u(p,a,d[a]);return p},g=(p,d)=>l(p,n(d)),f=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILoader=void 0;const c=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=o("../../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("./src/components/UILoader/UILoader.scss");class E extends c.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:a}=this.props,i=()=>_({},{root:_({},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}}),y=c.default.createElement(b.Spinner,g(_({},this.props),{styles:i}));if(d){const v=()=>_({},{root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return c.default.createElement(b.Overlay,{className:`ui-loader-blocker${a?" ui-loader--delayed":""}`,styles:v},y)}else return y}}s.UILoader=E},"./src/components/UILoader/index.tsx":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=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,r,u)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&m(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),l(o("./src/components/UILoader/UILoader.tsx"),s)},"./src/utilities/DeepMerge.ts":function(h,s,o){"use strict";var m=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.deepMerge=void 0;const l=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(t,r){var u;const _=Object.keys(t).length?n({},t):{},g=Object.keys(r);for(const f of g){const c=r[f];if(e(c))if(!_[f]||e(_[f]))_[f]=n((u=_[f])!=null?u:{},c);else throw new Error("Object structures are not compatible!");else _[f]=c}return _}s.deepMerge=n;function e(t){return t?typeof t=="object"&&!Array.isArray(t)&&!l.default.isValidElement(t):!1}},"./stories/UILoader.story.tsx":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,i,y,v){v===void 0&&(v=y);var O=Object.getOwnPropertyDescriptor(i,y);(!O||("get"in O?!i.__esModule:O.writable||O.configurable))&&(O={enumerable:!0,get:function(){return i[y]}}),Object.defineProperty(a,v,O)}:function(a,i,y,v){v===void 0&&(v=y),a[v]=i[y]}),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 y in a)y!=="default"&&Object.prototype.hasOwnProperty.call(a,y)&&m(i,a,y);return l(i,a),i};Object.defineProperty(s,"__esModule",{value:!0}),s.Dialogs=s.Delayed=s.Loaders=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../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=o("./src/components/UILoader/index.tsx"),u=o("./src/components/Icons.tsx"),_=o("./src/components/UIButton/index.tsx"),g=o("./src/components/UIDialog/index.ts");s.default={title:"Progress/Loader"},(0,u.initIcons)();const f={childrenGap:40},c=()=>e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,null))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:f,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:f,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(r.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{className:"uiLoaderXLarge"}))));s.Loaders=c;const b=()=>{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(r.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(_.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{i(!a)}}))))};s.Delayed=b;const E=`
+(()=>{(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":(h,s,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(m);n.push([h.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)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.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}}",""]),h.exports=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/styles/_shadows.scss":(h,s,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(m);n.push([h.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),h.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":h=>{"use strict";h.exports=function(s){var o=[];return o.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+=s(l),e&&(n+="}"),l[2]&&(n+="}"),l[4]&&(n+="}"),n}).join("")},o.i=function(l,n,e,t,r){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var _=0;_<this.length;_++){var g=this[_][0];g!=null&&(u[g]=!0)}for(var f=0;f<l.length;f++){var c=[].concat(l[f]);e&&u[c[0]]||(typeof r!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),n&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=n),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":h=>{"use strict";h.exports=function(s){return s[1]}},"./src/components/UIDialog/UIDialog.tsx":function(h,s,o){"use strict";var m=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(d,a,i)=>a in d?m(d,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):d[a]=i,r=(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 y in d)n.call(d,y)&&a.indexOf(y)<0&&(i[y]=d[y]);if(d!=null&&l)for(var y of l(d))a.indexOf(y)<0&&e.call(d,y)&&(i[y]=d[y]);return i},_=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDialog=s.UIDialogScrollArea=s.DIALOG_STYLES=s.DIALOG_MAX_HEIGHT_OFFSET=void 0;const g=_(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=o("../../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"),c=o("./src/components/UIButton/index.tsx"),b=o("./src/utilities/DeepMerge.ts");o("./src/styles/_shadows.scss"),s.DIALOG_MAX_HEIGHT_OFFSET=32,s.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,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||(s.UIDialogScrollArea=E={}));class p extends g.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-s.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let a;const{acceptButtonText:i,cancelButtonText:y,onAccept:v,onCancel:O,acceptButtonId:P,cancelButtonId:I,footer:S}=this.props,D={styles:{actionsRight:{width:"100%",textAlign:"center",margin:"0px"},actions:{margin:`${s.DIALOG_STYLES.vPaddingHalf}px 0 ${s.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return S?a=g.default.createElement(f.DialogFooter,r({},D),S):(v||O)&&(a=g.default.createElement(f.DialogFooter,r({},D),v?g.default.createElement(c.UIDefaultButton,{onClick:v,primary:!0,style:{height:"26px"},id:P},i):"",O?g.default.createElement(c.UIDefaultButton,{onClick:O,style:{height:"26px"},id:I},y):"")),a}onHeaderMouseDown(a){var i;if(!((i=this.props.modalProps)!=null&&i.dragOptions))return;const y=a.target.closest(".ms-Dialog-main");y&&y.firstChild&&y.firstChild.focus()}render(){const a=this.props,{acceptButtonText:i,cancelButtonText:y,onAccept:v,onCancel:O,acceptButtonId:P,cancelButtonId:I,footer:S,closeButtonVisible:D,multiLineTitle:x,scrollArea:L=E.Content,children:M}=a,w=u(a,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),T={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:r({backgroundColor:s.DIALOG_STYLES.background,border:`1px solid ${s.DIALOG_STYLES.borderColor}`,boxShadow:s.DIALOG_STYLES.boxShadow,borderRadius:s.DIALOG_STYLES.borderRadius,minHeight:100},L===E.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:r({padding:`${s.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:s.DIALOG_STYLES.title.color},!x&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${s.DIALOG_STYLES.vPadding}px ${s.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:D?void 0:"none"},inner:r({padding:"0"},L===E.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:r({margin:"0",lineHeight:18},s.DIALOG_STYLES.contentText),content:r(r({},s.DIALOG_STYLES.contentText),L===E.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:r({padding:`${s.DIALOG_STYLES.vPaddingHalf}px ${s.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},L===E.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},A=(0,b.deepMerge)(T,w);return g.default.createElement(f.Dialog,r({},A),M,this.getFooter())}}s.UIDialog=p,p.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=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,r,u)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&m(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),l(o("./src/components/UIDialog/UIDialog.tsx"),s)},"./src/components/UILoader/UILoader.tsx":function(h,s,o){"use strict";var m=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,u=(p,d,a)=>d in p?m(p,d,{enumerable:!0,configurable:!0,writable:!0,value:a}):p[d]=a,_=(p,d)=>{for(var a in d||(d={}))t.call(d,a)&&u(p,a,d[a]);if(e)for(var a of e(d))r.call(d,a)&&u(p,a,d[a]);return p},g=(p,d)=>l(p,n(d)),f=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILoader=void 0;const c=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=o("../../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("./src/components/UILoader/UILoader.scss");class E extends c.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:a}=this.props,i=()=>_({},{root:_({},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}}),y=c.default.createElement(b.Spinner,g(_({},this.props),{styles:i}));if(d){const v=()=>_({},{root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return c.default.createElement(b.Overlay,{className:`ui-loader-blocker${a?" ui-loader--delayed":""}`,styles:v},y)}else return y}}s.UILoader=E},"./src/components/UILoader/index.tsx":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=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,r,u)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&m(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),l(o("./src/components/UILoader/UILoader.tsx"),s)},"./src/utilities/DeepMerge.ts":function(h,s,o){"use strict";var m=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.deepMerge=void 0;const l=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(t,r){var u;const _=Object.keys(t).length?n({},t):{},g=Object.keys(r);for(const f of g){const c=r[f];if(e(c))if(!_[f]||e(_[f]))_[f]=n((u=_[f])!=null?u:{},c);else throw new Error("Object structures are not compatible!");else _[f]=c}return _}s.deepMerge=n;function e(t){return t?typeof t=="object"&&!Array.isArray(t)&&!l.default.isValidElement(t):!1}},"./stories/UILoader.story.tsx":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,i,y,v){v===void 0&&(v=y);var O=Object.getOwnPropertyDescriptor(i,y);(!O||("get"in O?!i.__esModule:O.writable||O.configurable))&&(O={enumerable:!0,get:function(){return i[y]}}),Object.defineProperty(a,v,O)}:function(a,i,y,v){v===void 0&&(v=y),a[v]=i[y]}),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 y in a)y!=="default"&&Object.prototype.hasOwnProperty.call(a,y)&&m(i,a,y);return l(i,a),i};Object.defineProperty(s,"__esModule",{value:!0}),s.Dialogs=s.Delayed=s.Loaders=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../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=o("./src/components/UILoader/index.tsx"),u=o("./src/components/Icons.tsx"),_=o("./src/components/UIButton/index.tsx"),g=o("./src/components/UIDialog/index.ts");s.default={title:"Progress/Loader"},(0,u.initIcons)();const f={childrenGap:40},c=()=>e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,null))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:f,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:f,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(r.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{className:"uiLoaderXLarge"}))));s.Loaders=c;const b=()=>{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(r.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(_.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{i(!a)}}))))};s.Delayed=b;const E=`
     .popup--busy .ms-Dialog-content {
         position: static;
     }

package/storybook/UIToggle-story.15e0858a.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,n,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,n,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(n){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+=n(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},r.i=function(t,e,s,o,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),o&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=o):a[4]="".concat(o)),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(n){return n[1]}},"./src/components/UIIcon/UIIcon.tsx":function(f,n,r){"use strict";var i=Object.defineProperty,t=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,o=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={}))o.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(n,"__esModule",{value:!0}),n.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()}))}}n.UIIcon=b},"./src/components/UIIcon/index.tsx":function(f,n,r){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,s,o,d){d===void 0&&(d=o);var l=Object.getOwnPropertyDescriptor(s,o);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,d,l)}:function(e,s,o,d){d===void 0&&(d=o),e[d]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&i(s,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),t(r("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UIToggle/UIToggle.tsx":function(f,n,r){"use strict";var i=Object.defineProperty,t=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,o=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={}))o.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(n,"__esModule",{value:!0}),n.UIToggle=n.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||(n.UIToggleSize=p={}));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}}n.UIToggle=E},"./src/components/UIToggle/index.tsx":function(f,n,r){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,s,o,d){d===void 0&&(d=o);var l=Object.getOwnPropertyDescriptor(s,o);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,d,l)}:function(e,s,o,d){d===void 0&&(d=o),e[d]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&i(s,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),t(r("./src/components/UIToggle/UIToggle.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(f,n,r){"use strict";var i=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.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"),o=r("./src/components/UIIcon/index.tsx");r("./src/helper/ValidationMessage/MessageWrapper.scss"),n.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=n.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(o.UIIcon,{iconName:a}),t.default.createElement("span",null,m.message)))}n.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(f,n,r){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,s,o,d){d===void 0&&(d=o);var l=Object.getOwnPropertyDescriptor(s,o);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,d,l)}:function(e,s,o,d){d===void 0&&(d=o),e[d]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&i(s,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),t(r("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),t(r("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(f,n)=>{"use strict";var r=Object.defineProperty,i=Object.defineProperties,t=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,o=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))o.call(u,E)&&d(_,E,u[E]);return _},c=(_,u)=>i(_,t(u));Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var m;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(m||(n.ErrorMessageType=m={}));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)")),n.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(_)}};n.getMessageInfo=v},"./stories/UIToggle.story.tsx":function(f,n,r){"use strict";var i=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.withMessages=n.smallSize=n.withLabel=n.asDisabled=n.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");n.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},d=()=>t.default.createElement(e.Stack,{tokens:o,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})));n.defaultUsage=d;const l=()=>t.default.createElement(e.Stack,{tokens:o,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})));n.asDisabled=l;const c=()=>t.default.createElement(e.Stack,{tokens:o,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})));n.withLabel=c;const m=()=>t.default.createElement(e.Stack,{tokens:o,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})));n.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})))};n.withMessages=y},"./src/components/UIIcon/UIIcon.scss":(f,n,r)=>{"use strict";r.r(n),r.d(n,{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),o=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=r.n(o),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(n,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,n,r)=>{"use strict";r.r(n),r.d(n,{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),o=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=r.n(o),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(n,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 n=[];function r(e){for(var s=-1,o=0;o<n.length;o++)if(n[o].identifier===e){s=o;break}return s}function i(e,s){for(var o={},d=[],l=0;l<e.length;l++){var c=e[l],m=s.base?c[0]+s.base:c[0],y=o[m]||0,a="".concat(m," ").concat(y);o[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)n[M].references++,n[M].updater(b);else{var p=t(b,s);s.byIndex=l,n.splice(l,0,{identifier:a,updater:p,references:1})}d.push(a)}return d}function t(e,s){var o=s.domAPI(s);o.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;o.update(e=c)}else o.remove()};return d}f.exports=function(e,s){s=s||{},e=e||[];var o=i(e,s);return function(l){l=l||[];for(var c=0;c<o.length;c++){var m=o[c],y=r(m);n[y].references--}for(var a=i(l,s),M=0;M<o.length;M++){var b=o[M],p=r(b);n[p].references===0&&(n[p].updater(),n.splice(p,1))}o=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 n={};function r(t){if(typeof n[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}n[t]=e}return n[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 n(r){var i=document.createElement("style");return r.setAttributes(i,r.attributes),r.insert(i,r.options),i}f.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,n,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 n(t,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var d=typeof s.layer!="undefined";d&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,d&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var l=s.sourceMap;l&&typeof btoa!="undefined"&&(o+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),e.styleTagTransform(o,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(o){n(e,t,o)},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 n(r,i){if(i.styleSheet)i.styleSheet.cssText=r;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(r))}}f.exports=n}}]);})();

package/storybook/UITooltip-story.a33e25e3.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[963],{"../../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/styles/_shadows.scss":(b,t,n)=>{var p=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=a(p);_.push([b.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),b.exports=_},"./src/components/UICallout/CalloutCollisionTransform.ts":(b,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class a{constructor(o,e,s=n){this.originalStyle={},this.source=o,this.callout=e,this.props=s,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${o}px`,e}getElements(){const o=this.source.current,e=o==null?void 0:o.closest(this.props.container);if(e&&o){const s=e==null?void 0:e.querySelector(this.props.target);if(s){const r={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:s,rect:s.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(r.callout={dom:u,rect:u.getBoundingClientRect()}),r}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:e,target:s,callout:r,source:u}=o;if(r){const O=window.innerHeight-n.minPagePadding,E=r.rect.height,g=u.rect.bottom;let T=g+E-s.rect.top,y=g+r.rect.height;if(T<=0||y>=O)return;if(y+=s.rect.height,y<=O&&(T+=p),this.props.absolute){const c=e.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${e.rect.top}px`,c.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(T),s.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:e,target:s}=o;for(const r in this.originalStyle){const u=this.originalStyle[r];typeof u=="string"&&(e.dom.style[r]=u)}this.originalStyle={},this.placeholder&&(s.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const e=this.getElements();return!!(o.type==="focus"&&(e!=null&&e.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=a},"./src/components/UICallout/UICallout.tsx":function(b,t,n){"use strict";var p=Object.defineProperty,a=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,r=(l,i,f)=>i in l?p(l,i,{enumerable:!0,configurable:!0,writable:!0,value:f}):l[i]=f,u=(l,i)=>{for(var f in i||(i={}))e.call(i,f)&&r(l,f,i[f]);if(o)for(var f of o(i))s.call(i,f)&&r(l,f,i[f]);return l},O=(l,i)=>a(l,_(i)),E=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const g=E(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"),y=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var c;(function(l){l.None="None",l.Standard="Standard"})(c||(t.UICalloutContentPadding=c={}));const m=new Map([[c.Standard,8]]),d=(l,i)=>typeof l=="object"&&typeof l[i]=="object"?l[i]:{},h=l=>{var i;return{root:u({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},d(l.styles,"root")),beak:u({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(l.styles,"beak")),beakCurtain:u({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(l.styles,"beakCurtain")),calloutMain:u({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(i=l.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:m.get(l.contentPadding||c.None)},d(l.styles,"calloutMain")),container:d(l.styles,"container")}};t.getCalloutStyle=h;class v extends g.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:f,focusTargetSiblingOnTabPress:U,target:S}=this.props;if(U&&i.key==="Tab"&&S){let C=null;if(typeof S=="string"){const P=(0,T.getDocument)();C=P==null?void 0:P.querySelector(S)}else"getBoundingClientRect"in S&&(0,y.isHTMLElement)(S)&&(C=S);C&&(0,y.focusToSibling)(C,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}f==null||f(i)}render(){return g.default.createElement(T.Callout,O(u({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=v},"./src/components/UICallout/index.tsx":function(b,t,n){"use strict";var p=this&&this.__createBinding||(Object.create?function(_,o,e,s){s===void 0&&(s=e);var r=Object.getOwnPropertyDescriptor(o,e);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(_,s,r)}:function(_,o,e,s){s===void 0&&(s=e),_[s]=o[e]}),a=this&&this.__exportStar||function(_,o){for(var e in _)e!=="default"&&!Object.prototype.hasOwnProperty.call(o,e)&&p(o,_,e)};Object.defineProperty(t,"__esModule",{value:!0}),a(n("./src/components/UICallout/CalloutCollisionTransform.ts"),t),a(n("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UITooltip/UITooltip.tsx":function(b,t,n){"use strict";var p=Object.defineProperty,a=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,r=(m,d,h)=>d in m?p(m,d,{enumerable:!0,configurable:!0,writable:!0,value:h}):m[d]=h,u=(m,d)=>{for(var h in d||(d={}))e.call(d,h)&&r(m,h,d[h]);if(o)for(var h of o(d))s.call(d,h)&&r(m,h,d[h]);return m},O=(m,d)=>a(m,_(d)),E=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltip=t.UITooltipDelay=void 0;const g=E(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");Object.defineProperty(t,"UITooltipDelay",{enumerable:!0,get:function(){return T.TooltipDelay}});const y=n("./src/components/UICallout/index.tsx");class c extends g.default.Component{constructor(d){super(d)}render(){const d=this.props.maxWidth!==void 0?this.props.maxWidth:200,h=()=>u(u({},{root:{display:"inline-block"},content:{backgroundColor:y.CALLOUT_STYLES.background,color:y.CALLOUT_STYLES.text,fontFamily:y.CALLOUT_STYLES.font}}),this.props.styles),l={beakWidth:10,styles:()=>(0,y.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:d}}})},i=g.default.createElement(T.TooltipHost,O(u({},this.props),{styles:h,calloutProps:u(u({},l),this.props.calloutProps)}));return this.props.showOnFocus?i:g.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}t.UITooltip=c},"./src/components/UITooltip/UITooltipUtils.tsx":function(b,t,n){"use strict";var p=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltipUtils=void 0;const a=p(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=p(n("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),o=n("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text},subText:{}}}}t.UITooltipUtils=e,e.renderContent=s=>({onRenderContent:()=>a.default.createElement("span",null,s!=null?s:""),styles:e.getStyles()}),e.renderHTMLContent=s=>{const r=(0,_.default)(s);return{onRenderContent:()=>a.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:e.getStyles()}}},"./src/components/UITooltip/index.tsx":function(b,t,n){"use strict";var p=this&&this.__createBinding||(Object.create?function(_,o,e,s){s===void 0&&(s=e);var r=Object.getOwnPropertyDescriptor(o,e);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(_,s,r)}:function(_,o,e,s){s===void 0&&(s=e),_[s]=o[e]}),a=this&&this.__exportStar||function(_,o){for(var e in _)e!=="default"&&!Object.prototype.hasOwnProperty.call(o,e)&&p(o,_,e)};Object.defineProperty(t,"__esModule",{value:!0}),a(n("./src/components/UITooltip/UITooltip.tsx"),t),a(n("./src/components/UITooltip/UITooltipUtils.tsx"),t)},"./stories/UITooltip.story.tsx":function(b,t,n){"use strict";var p=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltips=void 0;const a=p(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=n("./src/components/UITooltip/index.tsx"),o=n("./src/components/UIButton/index.tsx"),e=n("./src/components/Icons.tsx");t.default={title:"Dropdowns/Tooltip"},(0,e.initIcons)();const s={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{margin:20}},a.default.createElement(_.UITooltip,{tooltipProps:_.UITooltipUtils.renderContent(s.name)},s.name)),a.default.createElement("div",{style:{margin:20}},a.default.createElement(_.UITooltip,{tooltipProps:_.UITooltipUtils.renderHTMLContent(s.html)},"render HTML content")),a.default.createElement("div",null,a.default.createElement(_.UITooltip,{content:"This is the tooltip"},a.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),a.default.createElement("div",null,a.default.createElement(_.UITooltip,{content:"This is the tooltip",showOnFocus:!0},a.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and on focus"))));t.Tooltips=r},"./src/styles/_shadows.scss":(b,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>v});var p=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=n.n(p),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=n.n(_),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=n.n(e),r=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=n.n(r),O=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=n.n(O),g=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),T=n.n(g),y=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/styles/_shadows.scss"),c=n.n(y),m={};for(const l in y)l!=="default"&&(m[l]=()=>y[l]);n.d(t,m);var d={};d.styleTagTransform=T(),d.setAttributes=u(),d.insert=s().bind(null,"head"),d.domAPI=o(),d.insertStyleElement=E();var h=a()(c(),d);const v=c()&&c().locals?c().locals:void 0},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();

package/storybook/UITreedropdown-story.6c01d877.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":i=>{"use strict";i.exports=function(o){var d=[];return d.toString=function(){return this.map(function(r){var n="",t=typeof r[5]!="undefined";return r[4]&&(n+="@supports (".concat(r[4],") {")),r[2]&&(n+="@media ".concat(r[2]," {")),t&&(n+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),n+=o(r),t&&(n+="}"),r[2]&&(n+="}"),r[4]&&(n+="}"),n}).join("")},d.i=function(r,n,t,a,g){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(t)for(var l=0;l<this.length;l++){var c=this[l][0];c!=null&&(p[c]=!0)}for(var T=0;T<r.length;T++){var e=[].concat(r[T]);t&&p[e[0]]||(typeof g!="undefined"&&(typeof e[5]=="undefined"||(e[1]="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {").concat(e[1],"}")),e[5]=g),n&&(e[2]&&(e[1]="@media ".concat(e[2]," {").concat(e[1],"}")),e[2]=n),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":i=>{"use strict";i.exports=function(o){return o[1]}},"./src/components/UIButton/UIIconButton.tsx":function(i,o,d){"use strict";var s=Object.defineProperty,r=Object.defineProperties,n=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,p=(f,v,u)=>v in f?s(f,v,{enumerable:!0,configurable:!0,writable:!0,value:u}):f[v]=u,l=(f,v)=>{for(var u in v||(v={}))a.call(v,u)&&p(f,u,v[u]);if(t)for(var u of t(v))g.call(v,u)&&p(f,u,v[u]);return f},c=(f,v)=>r(f,n(v)),T=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const e=T(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=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"),x=d("./src/components/UIContextualMenu/index.tsx");var y;(function(f){f.Default="Default",f.Wide="Wide"})(y||(o.UIIconButtonSizes=y={}));class w extends e.default.Component{constructor(v){super(v),this.setStyle=u=>{const m=(u.sizeType||y.Default)===y.Default?16:26;return{root:{minWidth:"initial",height:16,width:m,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:m},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:m},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:m,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(v){return`var(${v}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(h.IconButton,c(l({},this.props),{styles:this.setStyle(this.props),menuAs:x.UIContextualMenu}))}}o.UIIconButton=w},"./stories/UITreedropdown.story.tsx":function(i,o,d){"use strict";var s=Object.defineProperty,r=Object.defineProperties,n=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,p=(u,_,m)=>_ in u?s(u,_,{enumerable:!0,configurable:!0,writable:!0,value:m}):u[_]=m,l=(u,_)=>{for(var m in _||(_={}))a.call(_,m)&&p(u,m,_[m]);if(t)for(var m of t(_))g.call(_,m)&&p(u,m,_[m]);return u},c=(u,_)=>r(u,n(_)),T=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(o,"__esModule",{value:!0}),o.accessibilityStates=o.Message=o.Basic=void 0;const e=T(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=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"),x=d("./src/components/UITreeDropdown/index.tsx");o.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:[]}],w=()=>{const[u,_]=e.default.useState(""),m=b=>_(b);return e.default.createElement("div",{style:{width:300}},e.default.createElement(x.UITreeDropdown,{value:u,label:"Label",placeholderText:"Select value",items:y,onParameterValueChange:m,maxWidth:300}))};o.Basic=w;const f=()=>{const[u,_]=e.default.useState(""),m=b=>_(b);return e.default.createElement("div",{style:{width:300}},e.default.createElement(x.UITreeDropdown,{value:u,label:"Label",placeholderText:"Select value",items:y,onParameterValueChange:m,maxWidth:300,errorMessage:"Dummy error"}))};o.Message=f;const v=()=>{const[u,_]=e.default.useState("_Title1"),m={childrenGap:40},b={placeholderText:"Select value",items:y,maxWidth:300,onParameterValueChange:E=>console.log(E)},I=c(l({},b),{onParameterValueChange:E=>_(E)});return e.default.createElement("div",null,e.default.createElement(h.Stack,{horizontal:!0,tokens:m},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(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{value:u})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{errorMessage:"Dummy error",value:u})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{value:u,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{value:u,readOnly:!0})))))))};o.accessibilityStates=v},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var o=[];function d(n){for(var t=-1,a=0;a<o.length;a++)if(o[a].identifier===n){t=a;break}return t}function s(n,t){for(var a={},g=[],p=0;p<n.length;p++){var l=n[p],c=t.base?l[0]+t.base:l[0],T=a[c]||0,e="".concat(c," ").concat(T);a[c]=T+1;var h=d(e),x={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(h!==-1)o[h].references++,o[h].updater(x);else{var y=r(x,t);t.byIndex=p,o.splice(p,0,{identifier:e,updater:y,references:1})}g.push(e)}return g}function r(n,t){var a=t.domAPI(t);a.update(n);var g=function(l){if(l){if(l.css===n.css&&l.media===n.media&&l.sourceMap===n.sourceMap&&l.supports===n.supports&&l.layer===n.layer)return;a.update(n=l)}else a.remove()};return g}i.exports=function(n,t){t=t||{},n=n||[];var a=s(n,t);return function(p){p=p||[];for(var l=0;l<a.length;l++){var c=a[l],T=d(c);o[T].references--}for(var e=s(p,t),h=0;h<a.length;h++){var x=a[h],y=d(x);o[y].references===0&&(o[y].updater(),o.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":i=>{"use strict";var o={};function d(r){if(typeof o[r]=="undefined"){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}o[r]=n}return o[r]}function s(r,n){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(n)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function o(d){var s=document.createElement("style");return d.setAttributes(s,d.attributes),d.insert(s,d.options),s}i.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,o,d)=>{"use strict";function s(r){var n=d.nc;n&&r.setAttribute("nonce",n)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function o(r,n,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var g=typeof t.layer!="undefined";g&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,g&&(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))))," */")),n.styleTagTransform(a,r,n.options)}function d(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function s(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=r.insertStyleElement(r);return{update:function(a){o(n,r,a)},remove:function(){d(n)}}}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function o(d,s){if(s.styleSheet)s.styleSheet.cssText=d;else{for(;s.firstChild;)s.removeChild(s.firstChild);s.appendChild(document.createTextNode(d))}}i.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(i,o,d)=>{var s=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"),n=r;n.v1=s,n.v4=r,i.exports=n},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":i=>{for(var o=[],d=0;d<256;++d)o[d]=(d+256).toString(16).substr(1);function s(r,n){var t=n||0,a=o;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("")}i.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":i=>{var o=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(o){var d=new Uint8Array(16);i.exports=function(){return o(d),d}}else{var s=new Array(16);i.exports=function(){for(var n=0,t;n<16;n++)n&3||(t=Math.random()*4294967296),s[n]=t>>>((n&3)<<3)&255;return s}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(i,o,d)=>{var s=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"),n,t,a=0,g=0;function p(l,c,T){var e=c&&T||0,h=c||[];l=l||{};var x=l.node||n,y=l.clockseq!==void 0?l.clockseq:t;if(x==null||y==null){var w=s();x==null&&(x=n=[w[0]|1,w[1],w[2],w[3],w[4],w[5]]),y==null&&(y=t=(w[6]<<8|w[7])&16383)}var f=l.msecs!==void 0?l.msecs:new Date().getTime(),v=l.nsecs!==void 0?l.nsecs:g+1,u=f-a+(v-g)/1e4;if(u<0&&l.clockseq===void 0&&(y=y+1&16383),(u<0||f>a)&&l.nsecs===void 0&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=f,g=v,t=y,f+=122192928e5;var _=((f&268435455)*1e4+v)%4294967296;h[e++]=_>>>24&255,h[e++]=_>>>16&255,h[e++]=_>>>8&255,h[e++]=_&255;var m=f/4294967296*1e4&268435455;h[e++]=m>>>8&255,h[e++]=m&255,h[e++]=m>>>24&15|16,h[e++]=m>>>16&255,h[e++]=y>>>8|128,h[e++]=y&255;for(var b=0;b<6;++b)h[e+b]=x[b];return c||r(h)}i.exports=p},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(i,o,d)=>{var s=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 n(t,a,g){var p=a&&g||0;typeof t=="string"&&(a=t==="binary"?new Array(16):null,t=null),t=t||{};var l=t.random||(t.rng||s)();if(l[6]=l[6]&15|64,l[8]=l[8]&63|128,a)for(var c=0;c<16;++c)a[p+c]=l[c];return a||r(l)}i.exports=n}}]);})();

package/storybook/iframe.html

@@ -364,8 +364,8 @@
             window['DOCS_OPTIONS'] = {};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.81679064.iframe.bundle.js';
+      import './runtime~main.354d31ac.iframe.bundle.js';
       
-      import './565.d2884ebb.iframe.bundle.js';
+      import './808.3481e3a0.iframe.bundle.js';
       
-      import './main.3da10e91.iframe.bundle.js';</script></body></html>
+      import './main.c062586d.iframe.bundle.js';</script></body></html>

package/storybook/main.c062586d.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{var O=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports);var u=(s,e,t)=>new Promise((i,r)=>{var n=o=>{try{y(t.next(o))}catch(a){r(a)}},I=o=>{try{y(t.throw(o))}catch(a){r(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,e)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[179],{"./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,e,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",930,273,84],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",930,273,84],"./UIButton.story":["./stories/UIButton.story.tsx",930,273,261,17,703,967,740],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",930,273,261,17,703,967,740],"./UICallout.story":["./stories/UICallout.story.tsx",930,273,261,17,703,292],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",930,273,261,17,703,292],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,244],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,244],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",930,273,294],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",930,273,294],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",930,273,900],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",930,273,900],"./UICombobox.story":["./stories/UICombobox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,295],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,295],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",930,273,261,17,703,778],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",930,273,261,17,703,778],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",930,239,273,261,17,761],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",930,239,273,261,17,761],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",930,273,261,835],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",930,273,261,835],"./UIDialog.story":["./stories/UIDialog.story.tsx",930,273,261,17,703,550,980,693],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",930,273,261,17,703,550,980,693],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,520],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,520],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,210],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,210],"./UIIcon.story":["./stories/UIIcon.story.tsx",930,273,524],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",930,273,524],"./UILabel.story":["./stories/UILabel.story.tsx",930,273,398],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",930,273,398],"./UILink.story":["./stories/UILink.story.tsx",930,469],"./UILink.story.tsx":["./stories/UILink.story.tsx",930,469],"./UILoader.story":["./stories/UILoader.story.tsx",930,273,261,17,703,682],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",930,273,261,17,703,682],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",930,273,328],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",930,273,328],"./UIPersona.story":["./stories/UIPersona.story.tsx",930,218],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",930,218],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,535],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,535],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,786],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,786],"./UISections.story":["./stories/UISections.story.tsx",930,273,261,17,703,550,498,248],"./UISections.story.tsx":["./stories/UISections.story.tsx",930,273,261,17,703,550,498,248],"./UISeparator.story":["./stories/UISeparator.story.tsx",930,456],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",930,456],"./UITable.story":["./stories/UITable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,309],"./UITable.story.tsx":["./stories/UITable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,309],"./UITextInput.story":["./stories/UITextInput.story.tsx",930,273,261,797],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",930,273,261,797],"./UIToggle.story":["./stories/UIToggle.story.tsx",930,273,626],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",930,273,626],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",930,273,859,844],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",930,273,859,844],"./UITooltip.story":["./stories/UITooltip.story.tsx",930,277,273,261,17,703,963],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",930,277,273,261,17,703,963],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,302],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,302],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",930,273,261,17,967,29],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",930,273,261,17,967,29],"./Utilities.story":["./stories/Utilities.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,672],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,672]};function r(n){if(!t.o(i,n))return Promise.resolve().then(()=>{var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o});var I=i[n],y=I[0];return Promise.all(I.slice(1).map(t.e)).then(()=>t.t(y,23))}r.keys=()=>Object.keys(i),r.id="./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$",s.exports=r},"./storybook-config-entry.js":(s,e,t)=>{"use strict";var i=t("@storybook/global"),r=t("@storybook/preview-api");const n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>u(p,null,function*(){if(!/^\.[\\/](?:stories\/(?!\.)(?=.)[^/]*?\.story\.tsx)$/.exec(x))return;const U=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$")("./"+U)})];function o(x){return u(this,null,function*(){for(let U=0;U<y.length;U++){const _=yield I(()=>y[U](x));if(_)return _}})}const a=()=>(0,r.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@7.4.3_react-dom@16.14.0_react@16.14.0_typescript@5.3.3/node_modules/@storybook/react/preview.js")]),c=(0,n.createBrowserChannel)({page:"preview"});r.addons.setChannel(c),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=c);const l=new r.PreviewWeb;window.__STORYBOOK_PREVIEW__=l,window.__STORYBOOK_STORY_STORE__=l.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=c,window.__STORYBOOK_CLIENT_API__=new r.ClientApi({storyStore:l.storyStore}),l.initialize({importFn:o,getProjectAnnotations:a})},"@storybook/client-logger":s=>{"use strict";s.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":s=>{"use strict";s.exports=__STORYBOOK_MODULE_PREVIEW_API__}},s=>{var e=i=>s(s.s=i);s.O(0,[808],()=>e("./storybook-config-entry.js"));var t=s.O()}])});T();})();

package/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1706888671559,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.4.3","storybookVersionSpecifier":"7.4.3","language":"typescript","storybookPackages":{"@storybook/react":{"version":"7.4.3"},"@storybook/react-webpack5":{"version":"7.4.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.4.3"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
+{"generatedAt":1707305031093,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.4.3","storybookVersionSpecifier":"7.4.3","language":"typescript","storybookPackages":{"@storybook/react":{"version":"7.4.3"},"@storybook/react-webpack5":{"version":"7.4.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.4.3"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}

package/storybook/{runtime~main.81679064.iframe.bundle.js → runtime~main.354d31ac.iframe.bundle.js}

@@ -1,2 +1,2 @@
-(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",535:"UIQuickNavigation-story",626:"UIToggle-story",672:"Utilities-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{29:"5ff8c2a8",84:"9ee56c83",169:"7d877717",210:"3606536e",218:"9d5750d4",239:"df74670d",244:"cc07045d",248:"c18e255d",277:"b4eb5ff2",292:"02f5453c",294:"ef3a5b0a",295:"9da4ca1c",302:"9e4a233b",307:"9b1e7ad5",308:"ee260d41",309:"4fbef46b",314:"88c87a07",328:"28245a77",398:"fe877da7",405:"2472d9fb",456:"608804ec",469:"cb4bc655",494:"d8aaa4d7",520:"c229d439",524:"98a0771b",535:"14c63c2c",580:"057c85e9",626:"1eb81da9",666:"81c8d5ce",672:"5c3248ff",682:"877b4208",693:"3223c2f8",740:"f98ff4fa",761:"d3cd928a",763:"3cd34b10",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"573848ba",900:"136500c4",909:"93a86e30",930:"1b3c5615",959:"cfd0b5da",963:"2e3afa33"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={303:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
+(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",535:"UIQuickNavigation-story",626:"UIToggle-story",672:"Utilities-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{17:"58e7a4db",29:"6c01d877",84:"22d2d3e5",210:"3606536e",218:"9d5750d4",239:"df74670d",244:"cc07045d",248:"c18e255d",261:"d971d681",273:"5a956b49",277:"b4eb5ff2",292:"147c6813",294:"a8b5df0e",295:"9da4ca1c",302:"9e4a233b",309:"4fbef46b",314:"88c87a07",328:"28245a77",364:"47805bd3",398:"fe877da7",456:"608804ec",469:"cb4bc655",498:"b199f389",520:"c229d439",524:"98a0771b",535:"14c63c2c",550:"0b6a8cfa",626:"15e0858a",672:"5c3248ff",682:"ecf11805",693:"3223c2f8",703:"583fbda9",740:"f98ff4fa",761:"d3cd928a",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"573848ba",859:"097d359c",900:"136500c4",930:"1b3c5615",963:"a33e25e3",967:"14c8251d",980:"51ae5caf"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={303:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
 (`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(d,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,d]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(d)var b=d(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();