npm - @sap-ux/ui-components - Versions diffs - 1.15.5 → 1.15.7 - Mend

@sap-ux/ui-components 1.15.5 → 1.15.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/storybook/UIButton-story.6a4794ff.iframe.bundle.js ADDED Viewed

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

package/storybook/UICallout-story.d069408b.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{(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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=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,O;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((O=m.contentPadding)!=null?O: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.9.24_@types+react@16.14.55_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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(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+=`
2	+ /# 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.fa3d8a15.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{(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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),b=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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class b extends l.default.Component{constructor(p){super(p),this.setStyle=()=>({})}render(){const p=this.props.className?` ${this.props.className}`:"";return l.default.createElement(v.Icon,f(c({},this.props),{className:`ts-icon${p}`,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=_=>{const i=["errorMessage","warningMessage","infoMessage"];for(const y of i)if(_!=null&&_[y])return _[y]},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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/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+=`
2	+ /# 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/UIDatePicker-story.487eafff.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[835],{"../../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/UIDatePicker/UIDatePicker.scss":(c,_,n)=>{var l=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=t(l);e.push([c.id,".ui-DatePicker{display:flex;align-items:center;height:24px;max-height:24px;min-height:24px;margin:0}.ui-DatePicker-toggle{position:relative;margin-left:10px}.ui-DatePicker-toggle input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.ui-DatePicker-toggle input::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}body[data-vscode-theme-kind=vscode-dark] .ui-DatePicker-toggle input{color-scheme:dark}",""]),c.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(_){var n=[];return n.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+=_(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},n.i=function(t,e,s,o,u){typeof t=="string"&&(t=[[null,t,void 0]]);var d={};if(s)for(var a=0;a<this.length;a++){var i=this[a][0];i!=null&&(d[i]=!0)}for(var p=0;p<t.length;p++){var r=[].concat(t[p]);s&&d[r[0]]\|\|(typeof u!="undefined"&&(typeof r[5]=="undefined"\|\|(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),o&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=o):r[4]="".concat(o)),n.push(r))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(_){return _[1]}},"./src/components/UIDatePicker/UIDatePicker.tsx":function(c,_,n){"use strict";var l=this&&this.__importDefault\|\|function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIDatePicker=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("./src/components/UIInput/index.tsx"),s=n("./src/components/UIIcon/index.tsx"),o=n("./src/components/Icons.tsx");n("./src/components/UIDatePicker/UIDatePicker.scss");class u extends t.default.Component{constructor(a){var i;super(a),this.state={value:""},this.dateRegex=/^\d{4}-\d{2}-\d{2}$/,this.dateTimeRegex=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/,this.state.value=(i=a.defaultValue)!=null?i:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(a,i=""){var p,r;i=i.trim(),(r=(p=this.props).onChange)==null\|\|r.call(p,a,i),this.setState({value:i})}onPickerChange(a){var i,p;let r=a.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(r)&&(r=`${a.target.value}:00`),(p=(i=this.props).onChange)==null\|\|p.call(i,a,r),this.setState({value:r})}render(){const a=this.dateRegex.test(this.state.value)\|\|this.dateTimeRegex.test(this.state.value);return t.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},t.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),t.default.createElement("div",{className:"ui-DatePicker-toggle"},t.default.createElement(s.UIIcon,{iconName:o.UiIcons.Calendar}),t.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}_.UIDatePicker=u},"./src/components/UIDatePicker/index.tsx":function(c,_,n){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(e,s,o,u){u===void 0&&(u=o);var d=Object.getOwnPropertyDescriptor(s,o);(!d\|\|("get"in d?!s.__esModule:d.writable\|\|d.configurable))&&(d={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,u,d)}:function(e,s,o,u){u===void 0&&(u=o),e[u]=s[o]}),t=this&&this.__exportStar\|\|function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&l(s,e,o)};Object.defineProperty(_,"__esModule",{value:!0}),t(n("./src/components/UIDatePicker/UIDatePicker.tsx"),_)},"./stories/UIDatePicker.story.tsx":function(c,_,n){"use strict";var l=this&&this.__importDefault\|\|function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=n("./src/components/UIDatePicker/index.tsx");(0,n("./src/components/Icons.tsx").initIcons)(),_.default={title:"Basic Inputs/DatePicker"};const u={childrenGap:40},d=()=>t.default.createElement(e.Stack,{tokens:u,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),t.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),t.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));_.defaultUsage=d},"./src/components/UIDatePicker/UIDatePicker.scss":(c,_,n)=>{"use strict";n.r(_),n.d(_,{default:()=>I});var l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=n.n(l),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=n.n(e),o=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=n.n(o),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=n.n(d),i=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(i),r=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=n.n(r),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/components/UIDatePicker/UIDatePicker.scss"),m=n.n(y),P={};for(const v in y)v!=="default"&&(P[v]=()=>y[v]);n.d(_,P);var h={};h.styleTagTransform=f(),h.setAttributes=a(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();var D=t()(m(),h);const I=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":c=>{"use strict";var _=[];function n(e){for(var s=-1,o=0;o<_.length;o++)if(_[o].identifier===e){s=o;break}return s}function l(e,s){for(var o={},u=[],d=0;d<e.length;d++){var a=e[d],i=s.base?a[0]+s.base:a[0],p=o[i]\|\|0,r="".concat(i," ").concat(p);o[i]=p+1;var f=n(r),y={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(f!==-1)_[f].references++,_[f].updater(y);else{var m=t(y,s);s.byIndex=d,_.splice(d,0,{identifier:r,updater:m,references:1})}u.push(r)}return u}function t(e,s){var o=s.domAPI(s);o.update(e);var u=function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap&&a.supports===e.supports&&a.layer===e.layer)return;o.update(e=a)}else o.remove()};return u}c.exports=function(e,s){s=s\|\|{},e=e\|\|[];var o=l(e,s);return function(d){d=d\|\|[];for(var a=0;a<o.length;a++){var i=o[a],p=n(i);_[p].references--}for(var r=l(d,s),f=0;f<o.length;f++){var y=o[f],m=n(y);_[m].references===0&&(_[m].updater(),_.splice(m,1))}o=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var _={};function n(t){if(typeof _[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}_[t]=e}return _[t]}function l(t,e){var s=n(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)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function _(n){var l=document.createElement("style");return n.setAttributes(l,n.attributes),n.insert(l,n.options),l}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,_,n)=>{"use strict";function l(t){var e=n.nc;e&&t.setAttribute("nonce",e)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function _(t,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,u&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var d=s.sourceMap;d&&typeof btoa!="undefined"&&(o+=`
2	+ /# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," /")),e.styleTagTransform(o,t,e.options)}function n(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(o){_(e,t,o)},remove:function(){n(e)}}}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function _(n,l){if(l.styleSheet)l.styleSheet.cssText=n;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(n))}}c.exports=_}}]);})();

package/storybook/UIIcon-story.5f5e2a12.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[524],{"../../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,o,t)=>{var d=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=n(d);e.push([p.id,".ts-icon{fill:var(--vscode-foreground)}",""]),p.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":p=>{"use strict";p.exports=function(o){var t=[];return t.toString=function(){return this.map(function(n){var e="",s=typeof n[5]!="undefined";return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),s&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=o(n),s&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e}).join("")},t.i=function(n,e,s,_,u){typeof n=="string"&&(n=[[null,n,void 0]]);var a={};if(s)for(var l=0;l<this.length;l++){var i=this[l][0];i!=null&&(a[i]=!0)}for(var y=0;y<n.length;y++){var r=[].concat(n[y]);s&&a[r[0]]\|\|(typeof u!="undefined"&&(typeof r[5]=="undefined"\|\|(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":p=>{"use strict";p.exports=function(o){return o[1]}},"./src/components/UIIcon/UIIcon.tsx":function(p,o,t){"use strict";var d=Object.defineProperty,n=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(c,m,f)=>m in c?d(c,m,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[m]=f,l=(c,m)=>{for(var f in m\|\|(m={}))_.call(m,f)&&a(c,f,m[f]);if(s)for(var f of s(m))u.call(m,f)&&a(c,f,m[f]);return c},i=(c,m)=>n(c,e(m)),y=this&&this.__importDefault\|\|function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIcon=void 0;const r=y(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class I extends r.default.Component{constructor(m){super(m),this.setStyle=()=>({})}render(){const m=this.props.className?` ${this.props.className}`:"";return r.default.createElement(v.Icon,i(l({},this.props),{className:`ts-icon${m}`,styles:this.setStyle()}))}}o.UIIcon=I},"./src/components/UIIcon/index.tsx":function(p,o,t){"use strict";var d=this&&this.__createBinding\|\|(Object.create?function(e,s,_,u){u===void 0&&(u=_);var a=Object.getOwnPropertyDescriptor(s,_);(!a\|\|("get"in a?!s.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return s[_]}}),Object.defineProperty(e,u,a)}:function(e,s,_,u){u===void 0&&(u=_),e[u]=s[_]}),n=this&&this.__exportStar\|\|function(e,s){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(s,_)&&d(s,e,_)};Object.defineProperty(o,"__esModule",{value:!0}),n(t("./src/components/UIIcon/UIIcon.tsx"),o)},"./stories/UIIcon.story.tsx":function(p,o,t){"use strict";var d=this&&this.__importDefault\|\|function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.SvgIcon=void 0;const n=d(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UIIcon/index.tsx"),_=t("./src/components/Icons.tsx");o.default={title:"Utilities/Icons"},(0,_.initIcons)();const u=[];for(const i in _.UiIcons)u.push(i);u.sort();const a=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:i=>n.default.createElement(s.UIIcon,{style:{width:"16px",height:"16px"},iconName:i})},{key:"column2",name:"Name",minWidth:50,onRender:i=>n.default.createElement("span",null,i)}],l=()=>n.default.createElement("div",null,n.default.createElement(e.DetailsList,{selectionMode:e.SelectionMode.none,items:u,columns:a,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));o.SvgIcon=l},"./src/components/UIIcon/UIIcon.scss":(p,o,t)=>{"use strict";t.r(o),t.d(o,{default:()=>P});var d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=t.n(d),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=t.n(e),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=t.n(_),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(a),i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(i),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),I=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),c=t.n(I),m={};for(const E in I)E!=="default"&&(m[E]=()=>I[E]);t.d(o,m);var f={};f.styleTagTransform=v(),f.setAttributes=l(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=y();var h=n()(c(),f);const P=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":p=>{"use strict";var o=[];function t(e){for(var s=-1,_=0;_<o.length;_++)if(o[_].identifier===e){s=_;break}return s}function d(e,s){for(var _={},u=[],a=0;a<e.length;a++){var l=e[a],i=s.base?l[0]+s.base:l[0],y=_[i]\|\|0,r="".concat(i," ").concat(y);_[i]=y+1;var v=t(r),I={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(v!==-1)o[v].references++,o[v].updater(I);else{var c=n(I,s);s.byIndex=a,o.splice(a,0,{identifier:r,updater:c,references:1})}u.push(r)}return u}function n(e,s){var _=s.domAPI(s);_.update(e);var u=function(l){if(l){if(l.css===e.css&&l.media===e.media&&l.sourceMap===e.sourceMap&&l.supports===e.supports&&l.layer===e.layer)return;_.update(e=l)}else _.remove()};return u}p.exports=function(e,s){s=s\|\|{},e=e\|\|[];var _=d(e,s);return function(a){a=a\|\|[];for(var l=0;l<_.length;l++){var i=_[l],y=t(i);o[y].references--}for(var r=d(a,s),v=0;v<_.length;v++){var I=_[v],c=t(I);o[c].references===0&&(o[c].updater(),o.splice(c,1))}_=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":p=>{"use strict";var o={};function t(n){if(typeof o[n]=="undefined"){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}o[n]=e}return o[n]}function d(n,e){var s=t(n);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)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":p=>{"use strict";function o(t){var d=document.createElement("style");return t.setAttributes(d,t.attributes),t.insert(d,t.options),d}p.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(p,o,t)=>{"use strict";function d(n){var e=t.nc;e&&n.setAttribute("nonce",e)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":p=>{"use strict";function o(n,e,s){var _="";s.supports&&(_+="@supports (".concat(s.supports,") {")),s.media&&(_+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(_+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),_+=s.css,u&&(_+="}"),s.media&&(_+="}"),s.supports&&(_+="}");var a=s.sourceMap;a&&typeof btoa!="undefined"&&(_+=`
2	+ /# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," /")),e.styleTagTransform(_,n,e.options)}function t(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(_){o(e,n,_)},remove:function(){t(e)}}}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":p=>{"use strict";function o(t,d){if(d.styleSheet)d.styleSheet.cssText=t;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(t))}}p.exports=o}}]);})();

package/storybook/{UILoader-story.a6ec2932.iframe.bundle.js → UILoader-story.0bf17a53.iframe.bundle.js} RENAMED Viewed

@@ -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.9.24_@types+react@16.14.55_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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");o("./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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=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.9.24_@types+react@16.14.55_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!=null&&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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");o("./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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=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.d4b6d82b.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{(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,g,_)=>g in p?i(p,g,{enumerable:!0,configurable:!0,writable:!0,value:_}):p[g]=_,c=(p,g)=>{for(var _ in g\|\|(g={}))o.call(g,_)&&l(p,_,g[_]);if(s)for(var _ of s(g))d.call(g,_)&&l(p,_,g[_]);return p},m=(p,g)=>t(p,e(g)),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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r("./src/components/UIIcon/UIIcon.scss");class b extends a.default.Component{constructor(g){super(g),this.setStyle=()=>({})}render(){const g=this.props.className?` ${this.props.className}`:"";return a.default.createElement(M.Icon,m(c({},this.props),{className:`ts-icon${g}`,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=(v,h,P)=>h in v?i(v,h,{enumerable:!0,configurable:!0,writable:!0,value:P}):v[h]=P,c=(v,h)=>{for(var P in h\|\|(h={}))o.call(h,P)&&l(v,P,h[P]);if(s)for(var P of s(h))d.call(h,P)&&l(v,P,h[P]);return v},m=(v,h)=>t(v,e(h)),y=this&&this.__importDefault\|\|function(v){return v&&v.__esModule?v:{default:v}};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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),b=r("./src/helper/ValidationMessage/index.tsx");var p;(function(v){v.Standard="Standard",v.Small="Small"})(p\|\|(n.UIToggleSize=p={}));const g=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:S,inlineLabel:w}=this.props,I=g.get(S!=null?S: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}}}),T=a.default.createElement(M.Toggle,m(c({},this.props),{styles:j}));return O.message?a.default.createElement(b.MessageWrapper,{message:O},T):T}}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=_=>{const u=["errorMessage","warningMessage","infoMessage"];for(const E of u)if(_!=null&&_[E])return _[E]},g=_=>{const u=b(_);return{type:u,style:M(u),message:p(_)}};n.getMessageInfo=g},"./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.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=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),g={};for(const v in b)v!=="default"&&(g[v]=()=>b[v]);r.d(n,g);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),g={};for(const v in b)v!=="default"&&(g[v]=()=>b[v]);r.d(n,g);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+=`
2	+ /# 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/UIToggleGroup-story.5e7383bd.iframe.bundle.js ADDED Viewed

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

package/storybook/UITooltip-story.886396d8.iframe.bundle.js ADDED Viewed

@@ -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,s)=>{var f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=a(f);_.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 s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class a{constructor(o,e,n=s){this.originalStyle={},this.source=o,this.callout=e,this.props=n,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 n=e==null?void 0:e.querySelector(this.props.target);if(n){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:e,target:n,callout:l,source:i}=o;if(l){const O=window.innerHeight-s.minPagePadding,E=l.rect.height,g=i.rect.bottom;let T=g+E-n.rect.top,y=g+l.rect.height;if(T<=0||y>=O)return;if(y+=n.rect.height,y<=O&&(T+=f),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),n.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:e,target:n}=o;for(const l in this.originalStyle){const i=this.originalStyle[l];typeof i=="string"&&(e.dom.style[l]=i)}this.originalStyle={},this.placeholder&&(n.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,s){"use strict";var f=Object.defineProperty,a=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,l=(r,u,p)=>u in r?f(r,u,{enumerable:!0,configurable:!0,writable:!0,value:p}):r[u]=p,i=(r,u)=>{for(var p in u||(u={}))e.call(u,p)&&l(r,p,u[p]);if(o)for(var p of o(u))n.call(u,p)&&l(r,p,u[p]);return r},O=(r,u)=>a(r,_(u)),E=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const g=E(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),T=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=s("./src/utilities/index.ts");s("./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(r){r.None="None",r.Standard="Standard"})(c||(t.UICalloutContentPadding=c={}));const m=new Map([[c.Standard,8]]),d=(r,u)=>typeof r=="object"&&typeof r[u]=="object"?r[u]:{},h=r=>{var u,p;return{root:i({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},d(r.styles,"root")),beak:i({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(r.styles,"beak")),beakCurtain:i({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(r.styles,"beakCurtain")),calloutMain:i({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(u=r.calloutMinWidth)!=null?u:300,boxSizing:"border-box",padding:m.get((p=r.contentPadding)!=null?p:c.None)},d(r.styles,"calloutMain")),container:d(r.styles,"container")}};t.getCalloutStyle=h;class v extends g.default.Component{constructor(u){super(u),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(u){const{onKeyDown:p,focusTargetSiblingOnTabPress:C,target:S}=this.props;if(C&&u.key==="Tab"&&S){let P=null;if(typeof S=="string"){const U=(0,T.getDocument)();P=U==null?void 0:U.querySelector(S)}else"getBoundingClientRect"in S&&(0,y.isHTMLElement)(S)&&(P=S);P&&(0,y.focusToSibling)(P,!u.shiftKey)&&(u.stopPropagation(),u.preventDefault())}p==null||p(u)}render(){return g.default.createElement(T.Callout,O(i({},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,s){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,o,e,n){n===void 0&&(n=e);var l=Object.getOwnPropertyDescriptor(o,e);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(_,n,l)}:function(_,o,e,n){n===void 0&&(n=e),_[n]=o[e]}),a=this&&this.__exportStar||function(_,o){for(var e in _)e!=="default"&&!Object.prototype.hasOwnProperty.call(o,e)&&f(o,_,e)};Object.defineProperty(t,"__esModule",{value:!0}),a(s("./src/components/UICallout/CalloutCollisionTransform.ts"),t),a(s("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UITooltip/UITooltip.tsx":function(b,t,s){"use strict";var f=Object.defineProperty,a=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,l=(m,d,h)=>d in m?f(m,d,{enumerable:!0,configurable:!0,writable:!0,value:h}):m[d]=h,i=(m,d)=>{for(var h in d||(d={}))e.call(d,h)&&l(m,h,d[h]);if(o)for(var h of o(d))n.call(d,h)&&l(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(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),T=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UITooltipDelay",{enumerable:!0,get:function(){return T.TooltipDelay}});const y=s("./src/components/UICallout/index.tsx");class c extends g.default.Component{constructor(d){super(d)}render(){var d;const h=(d=this.props.maxWidth)!=null?d:200,v=()=>i(i({},{root:{display:"inline-block"},content:{backgroundColor:y.CALLOUT_STYLES.background,color:y.CALLOUT_STYLES.text,fontFamily:y.CALLOUT_STYLES.font}}),this.props.styles),u={beakWidth:10,styles:()=>(0,y.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:h}}})},p=g.default.createElement(T.TooltipHost,O(i({},this.props),{styles:v,calloutProps:i(i({},u),this.props.calloutProps)}));return this.props.showOnFocus?p:g.default.createElement("div",{onFocusCapture:C=>{C.target.parentElement&&C.target.parentElement.classList.contains("ms-TooltipHost")&&C.stopPropagation()}},p)}}t.UITooltip=c},"./src/components/UITooltip/UITooltipUtils.tsx":function(b,t,s){"use strict";var f=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltipUtils=void 0;const a=f(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=f(s("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),o=s("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>a.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const i=(0,_.default)(l);return{onRenderContent:()=>a.default.createElement("span",{dangerouslySetInnerHTML:{__html:i}}),styles:e.getStyles()}}}t.UITooltipUtils=e},"./src/components/UITooltip/index.tsx":function(b,t,s){"use strict";var f=this&&this.__createBinding||(Object.create?function(_,o,e,n){n===void 0&&(n=e);var l=Object.getOwnPropertyDescriptor(o,e);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(_,n,l)}:function(_,o,e,n){n===void 0&&(n=e),_[n]=o[e]}),a=this&&this.__exportStar||function(_,o){for(var e in _)e!=="default"&&!Object.prototype.hasOwnProperty.call(o,e)&&f(o,_,e)};Object.defineProperty(t,"__esModule",{value:!0}),a(s("./src/components/UITooltip/UITooltip.tsx"),t),a(s("./src/components/UITooltip/UITooltipUtils.tsx"),t)},"./stories/UITooltip.story.tsx":function(b,t,s){"use strict";var f=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltips=void 0;const a=f(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=s("./src/components/UITooltip/index.tsx"),o=s("./src/components/UIButton/index.tsx"),e=s("./src/components/Icons.tsx");t.default={title:"Dropdowns/Tooltip"},(0,e.initIcons)();const n={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{margin:20}},a.default.createElement(_.UITooltip,{tooltipProps:_.UITooltipUtils.renderContent(n.name)},n.name)),a.default.createElement("div",{style:{margin:20}},a.default.createElement(_.UITooltip,{tooltipProps:_.UITooltipUtils.renderHTMLContent(n.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=l},"./src/styles/_shadows.scss":(b,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=s.n(f),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=s.n(_),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=s.n(e),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(l),O=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=s.n(O),g=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),T=s.n(g),y=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(y),m={};for(const r in y)r!=="default"&&(m[r]=()=>y[r]);s.d(t,m);var d={};d.styleTagTransform=T(),d.setAttributes=i(),d.insert=n().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.697fc9a3.iframe.bundle.js ADDED Viewed

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

package/storybook/iframe.html CHANGED Viewed

@@ -357,15 +357,15 @@
-            window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];
+            window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories[\\\\/](?!\\.)(?=.)[^\\\\/]*?\\.story\\.tsx)$"}];
             window['DOCS_OPTIONS'] = {};</script><script type="module">import './sb-preview/runtime.js';
-      import './runtime~main.e3a9ee75.iframe.bundle.js';
+      import './runtime~main.19d74e4f.iframe.bundle.js';
       import './808.47f59694.iframe.bundle.js';
-      import './main.0aaac035.iframe.bundle.js';</script></body></html>
+      import './main.92903cce.iframe.bundle.js';</script></body></html>

package/storybook/main.92903cce.iframe.bundle.js ADDED Viewed

@@ -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",412,273,84],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",412,273,84],"./UIButton.story":["./stories/UIButton.story.tsx",412,273,261,17,703,967,740],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",412,273,261,17,703,967,740],"./UICallout.story":["./stories/UICallout.story.tsx",412,273,261,17,703,292],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",412,273,261,17,703,292],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,244],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,244],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",412,273,294],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",412,273,294],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",412,273,900],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",412,273,900],"./UICombobox.story":["./stories/UICombobox.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,295],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,295],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",412,273,261,17,703,778],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",412,273,261,17,703,778],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",412,254,273,261,17,761],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",412,254,273,261,17,761],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",412,273,261,835],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",412,273,261,835],"./UIDialog.story":["./stories/UIDialog.story.tsx",412,273,261,17,703,550,980,693],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",412,273,261,17,703,550,980,693],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,520],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,520],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,210],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,210],"./UIIcon.story":["./stories/UIIcon.story.tsx",412,273,524],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",412,273,524],"./UILabel.story":["./stories/UILabel.story.tsx",412,273,398],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",412,273,398],"./UILink.story":["./stories/UILink.story.tsx",412,469],"./UILink.story.tsx":["./stories/UILink.story.tsx",412,469],"./UILoader.story":["./stories/UILoader.story.tsx",412,273,261,17,703,682],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",412,273,261,17,703,682],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",412,273,328],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",412,273,328],"./UIPersona.story":["./stories/UIPersona.story.tsx",412,218],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",412,218],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,535],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,535],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,786],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,786],"./UISections.story":["./stories/UISections.story.tsx",412,273,261,17,703,550,498,248],"./UISections.story.tsx":["./stories/UISections.story.tsx",412,273,261,17,703,550,498,248],"./UISeparator.story":["./stories/UISeparator.story.tsx",412,456],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",412,456],"./UITable.story":["./stories/UITable.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,309],"./UITable.story.tsx":["./stories/UITable.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,309],"./UITextInput.story":["./stories/UITextInput.story.tsx",412,273,261,797],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",412,273,261,797],"./UIToggle.story":["./stories/UIToggle.story.tsx",412,273,626],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",412,273,626],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",412,273,859,844],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",412,273,859,844],"./UITooltip.story":["./stories/UITooltip.story.tsx",412,277,273,261,17,703,963],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",412,277,273,261,17,703,963],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,302],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,302],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",412,273,261,17,967,29],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",412,273,261,17,967,29],"./Utilities.story":["./stories/Utilities.story.tsx",412,277,254,16,273,261,17,703,550,967,980,498,859,364,672],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",412,277,254,16,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();})();