@sap-ux/ui-components 1.13.3 → 1.13.5

package/storybook/UICallout-story.ae31276b.iframe.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(()=>{(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/runtime/api.js":g=>{g.exports=function(n){var d=[];return d.toString=function(){return this.map(function(s){var o="",e=typeof s[5]!="undefined";return s[4]&&(o+="@supports (".concat(s[4],") {")),s[2]&&(o+="@media ".concat(s[2]," {")),e&&(o+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),o+=n(s),e&&(o+="}"),s[2]&&(o+="}"),s[4]&&(o+="}"),o}).join("")},d.i=function(s,o,e,t,l){typeof s=="string"&&(s=[[null,s,void 0]]);var u={};if(e)for(var c=0;c<this.length;c++){var h=this[c][0];h!=null&&(u[h]=!0)}for(var y=0;y<s.length;y++){var r=[].concat(s[y]);e&&u[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),t&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=t):r[4]="".concat(t)),d.push(r))}},d}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":g=>{g.exports=function(n){return n[1]}},"./src/components/UICallout/CalloutCollisionTransform.ts":(g,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.CalloutCollisionTransform=void 0;const d={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class s{constructor(e,t,l=d){this.originalStyle={},this.source=e,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(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 l=t==null?void 0:t.querySelector(this.props.target);if(l){const u={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(u.callout={dom:c,rect:c.getBoundingClientRect()}),u}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:l,callout:u,source:c}=e;if(u){const h=window.innerHeight-d.minPagePadding,y=u.rect.height,r=c.rect.bottom;let a=r+y-l.rect.top,i=r+u.rect.height;if(a<=0||i>=h)return;if(i+=l.rect.height,i<=h&&(a+=p),this.props.absolute){const f=t.dom.style;this.originalStyle={transform:f.transform,position:f.position,top:f.top,left:f.left},f.transform="",f.position="absolute",f.top=`${t.rect.top}px`,f.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(a),l.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:l}=e;for(const u in this.originalStyle){const c=this.originalStyle[u];typeof c=="string"&&(t.dom.style[u]=c)}this.originalStyle={},this.placeholder&&(l.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)))}}n.CalloutCollisionTransform=s},"./src/components/UICallout/UICallout.tsx":function(g,n,d){var p=Object.defineProperty,s=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,u=(m,_,C)=>_ in m?p(m,_,{enumerable:!0,configurable:!0,writable:!0,value:C}):m[_]=C,c=(m,_)=>{for(var C in _||(_={}))t.call(_,C)&&u(m,C,_[C]);if(e)for(var C of e(_))l.call(_,C)&&u(m,C,_[C]);return m},h=(m,_)=>s(m,o(_)),y=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICallout=n.getCalloutStyle=n.UICalloutContentPadding=n.CALLOUT_STYLES=void 0;const r=y(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),i=d("./src/utilities/index.ts");n.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var f;(function(m){m.None="None",m.Standard="Standard"})(f=n.UICalloutContentPadding||(n.UICalloutContentPadding={}));const b=new Map([[f.Standard,8]]),v=(m,_)=>typeof m=="object"&&typeof m[_]=="object"?m[_]:{},P=m=>{var _;return{root:c({boxShadow:n.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:n.CALLOUT_STYLES.borderRadius},v(m.styles,"root")),beak:c({backgroundColor:n.CALLOUT_STYLES.background,boxShadow:n.CALLOUT_STYLES.boxShadow},v(m.styles,"beak")),beakCurtain:c({backgroundColor:n.CALLOUT_STYLES.background,borderRadius:n.CALLOUT_STYLES.borderRadius},v(m.styles,"beakCurtain")),calloutMain:c({backgroundColor:n.CALLOUT_STYLES.background,color:n.CALLOUT_STYLES.text,fontFamily:n.CALLOUT_STYLES.font,borderRadius:n.CALLOUT_STYLES.borderRadius,minWidth:(_=m.calloutMinWidth)!=null?_:300,boxSizing:"border-box",padding:b.get(m.contentPadding||f.None)},v(m.styles,"calloutMain")),container:v(m.styles,"container")}};n.getCalloutStyle=P;class T extends r.default.Component{constructor(_){super(_),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(_){const{onKeyDown:C,focusTargetSiblingOnTabPress:U,target:S}=this.props;if(U&&_.key==="Tab"&&S){let I=null;if(typeof S=="string"){const O=(0,a.getDocument)();I=O==null?void 0:O.querySelector(S)}else"getBoundingClientRect"in S&&(0,i.isHTMLElement)(S)&&(I=S);I&&(0,i.focusToSibling)(I,!_.shiftKey)&&(_.stopPropagation(),_.preventDefault())}C==null||C(_)}render(){return r.default.createElement(a.Callout,h(c({},this.props),{onKeyDown:this.onKeyDown,styles:(0,n.getCalloutStyle)(this.props)}),this.props.children)}}n.UICallout=T},"./src/components/UICallout/index.tsx":function(g,n,d){var p=this&&this.__createBinding||(Object.create?function(o,e,t,l){l===void 0&&(l=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(o,l,u)}:function(o,e,t,l){l===void 0&&(l=t),o[l]=e[t]}),s=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),s(d("./src/components/UICallout/CalloutCollisionTransform.ts"),n),s(d("./src/components/UICallout/UICallout.tsx"),n)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(g,n,d){var p=Object.defineProperty,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,i)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,l=(r,a)=>{for(var i in a||(a={}))o.call(a,i)&&t(r,i,a[i]);if(s)for(var i of s(a))e.call(a,i)&&t(r,i,a[i]);return r},u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIFocusTrapZone=void 0;const c=u(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class y extends c.default.Component{constructor(a){super(a)}render(){return c.default.createElement(h.FocusTrapZone,l({},this.props),this.props.children)}}n.UIFocusTrapZone=y},"./src/components/UIFocusZone/UIFocusZone.tsx":function(g,n,d){var p=Object.defineProperty,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,i)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,l=(r,a)=>{for(var i in a||(a={}))o.call(a,i)&&t(r,i,a[i]);if(s)for(var i of s(a))e.call(a,i)&&t(r,i,a[i]);return r},u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIFocusZone=n.UIFocusZoneTabbableElements=n.IFocusZone=n.UIFocusZoneProps=n.UIFocusZoneDirection=void 0;const c=u(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIFocusZoneProps",{enumerable:!0,get:function(){return h.IFocusZoneProps}}),Object.defineProperty(n,"UIFocusZoneDirection",{enumerable:!0,get:function(){return h.FocusZoneDirection}}),Object.defineProperty(n,"IFocusZone",{enumerable:!0,get:function(){return h.IFocusZone}}),Object.defineProperty(n,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return h.FocusZoneTabbableElements}});class y extends c.default.Component{constructor(a){super(a)}render(){return c.default.createElement(h.FocusZone,l({},this.props),this.props.children)}}n.UIFocusZone=y},"./src/components/UIFocusZone/index.tsx":function(g,n,d){var p=this&&this.__createBinding||(Object.create?function(o,e,t,l){l===void 0&&(l=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(o,l,u)}:function(o,e,t,l){l===void 0&&(l=t),o[l]=e[t]}),s=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),s(d("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),n),s(d("./src/components/UIFocusZone/UIFocusZone.tsx"),n)},"./stories/UICallout.story.tsx":function(g,n,d){var p=this&&this.__createBinding||(Object.create?function(a,i,f,b){b===void 0&&(b=f);var v=Object.getOwnPropertyDescriptor(i,f);(!v||("get"in v?!i.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return i[f]}}),Object.defineProperty(a,b,v)}:function(a,i,f,b){b===void 0&&(b=f),a[b]=i[f]}),s=this&&this.__setModuleDefault||(Object.create?function(a,i){Object.defineProperty(a,"default",{enumerable:!0,value:i})}:function(a,i){a.default=i}),o=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var i={};if(a!=null)for(var f in a)f!=="default"&&Object.prototype.hasOwnProperty.call(a,f)&&p(i,a,f);return s(i,a),i};Object.defineProperty(n,"__esModule",{value:!0}),n.Callout=void 0;const e=o(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=d("./src/components/UIButton/index.tsx"),l=d("./src/components/UICallout/index.tsx"),u=d("./src/components/UIFocusZone/index.tsx"),c=d("./src/components/Icons.tsx");(0,c.initIcons)(),n.default={title:"Dropdowns/Callout"};const h=a=>{const{id:i}=a,[f,b]=(0,e.useState)(!1),v=()=>{b(!f)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:f,onClick:v}),f&&e.default.createElement(l.UICallout,{target:`#${i}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>v(),calloutWidth:300,calloutMinWidth:300,contentPadding:l.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")))},y=a=>{const{id:i}=a,[f,b]=(0,e.useState)(!1),v=()=>{b(!f)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:f,onClick:v},"Open"),f&&e.default.createElement(l.UICallout,{target:`#${i}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>v(),calloutWidth:300,calloutMinWidth:300,contentPadding:l.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(u.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:v},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:v},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:v},"Option 3")))))},r=()=>e.default.createElement("div",null,e.default.createElement(h,{id:"callout-with-text-id"}),e.default.createElement(y,{id:"callout-with-items-1-id"}),e.default.createElement(y,{id:"callout-with-items-2-id"}));n.Callout=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":g=>{var n=[];function d(o){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===o){e=t;break}return e}function p(o,e){for(var t={},l=[],u=0;u<o.length;u++){var c=o[u],h=e.base?c[0]+e.base:c[0],y=t[h]||0,r="".concat(h," ").concat(y);t[h]=y+1;var a=d(r),i={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(a!==-1)n[a].references++,n[a].updater(i);else{var f=s(i,e);e.byIndex=u,n.splice(u,0,{identifier:r,updater:f,references:1})}l.push(r)}return l}function s(o,e){var t=e.domAPI(e);t.update(o);var l=function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;t.update(o=c)}else t.remove()};return l}g.exports=function(o,e){e=e||{},o=o||[];var t=p(o,e);return function(u){u=u||[];for(var c=0;c<t.length;c++){var h=t[c],y=d(h);n[y].references--}for(var r=p(u,e),a=0;a<t.length;a++){var i=t[a],f=d(i);n[f].references===0&&(n[f].updater(),n.splice(f,1))}t=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":g=>{var n={};function d(s){if(typeof n[s]=="undefined"){var o=document.querySelector(s);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[s]=o}return n[s]}function p(s,o){var e=d(s);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}g.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":g=>{function n(d){var p=document.createElement("style");return d.setAttributes(p,d.attributes),d.insert(p,d.options),p}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,d)=>{function p(s){var o=d.nc;o&&s.setAttribute("nonce",o)}g.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":g=>{function n(s,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,l&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(t,s,o.options)}function d(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function p(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=s.insertStyleElement(s);return{update:function(t){n(o,s,t)},remove:function(){d(o)}}}g.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":g=>{function n(d,p){if(p.styleSheet)p.styleSheet.cssText=d;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(d))}}g.exports=n}}]);})();

package/storybook/UICreateSelect-story.e2f32e1b.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[761],{"../../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/UICreateSelect/UICreateSelect.scss":(h,r,t)=>{var u=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),o=a(u);o.push([h.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),h.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(h,r,t)=>{var u=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),o=a(u);o.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)}.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=o},"../../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(r){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=r(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,n,p){typeof a=="string"&&(a=[[null,a,void 0]]);var d={};if(e)for(var l=0;l<this.length;l++){var v=this[l][0];v!=null&&(d[v]=!0)}for(var S=0;S<a.length;S++){var s=[].concat(a[S]);e&&d[s[0]]||(typeof p!="undefined"&&(typeof s[5]=="undefined"||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=p),o&&(s[2]&&(s[1]="@media ".concat(s[2]," {").concat(s[1],"}")),s[2]=o),n&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=n):s[4]="".concat(n)),t.push(s))}},t}},"../../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(r){return r[1]}},"./src/components/UICreateSelect/UICreateSelect.tsx":function(h,r,t){"use strict";var u=Object.defineProperty,a=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,d=(i,E,c)=>E in i?u(i,E,{enumerable:!0,configurable:!0,writable:!0,value:c}):i[E]=c,l=(i,E)=>{for(var c in E||(E={}))n.call(E,c)&&d(i,c,E[c]);if(e)for(var c of e(E))p.call(E,c)&&d(i,c,E[c]);return i},v=(i,E)=>a(i,o(E)),S=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICreateSelect=r.UICreateSelectInstance=void 0;const s=S(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=t("../../node_modules/.pnpm/react-select@5.7.4_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(r,"UICreateSelectInstance",{enumerable:!0,get:function(){return m.SelectInstance}});const g=S(t("../../node_modules/.pnpm/react-select@5.7.4_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),_=t("./src/components/UIIcon/index.tsx"),f=t("./src/components/UILoader/index.tsx"),y=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const C=t("./src/components/UIInput/index.tsx"),x=i=>s.default.createElement(m.components.DropdownIndicator,l({},i),s.default.createElement(_.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),b=i=>s.default.createElement(m.components.ClearIndicator,l({},i),s.default.createElement(_.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),U=i=>s.default.createElement("div",{className:"ui-create-select-indicator-loading"},s.default.createElement(f.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),T=i=>{var E,c,I,M;return s.default.createElement(s.default.Fragment,null,!((E=i==null?void 0:i.data)!=null&&E.__isNew__)&&s.default.createElement(m.components.Option,l({},i),s.default.createElement(y.UIHighlightMenuOption,{text:(c=i==null?void 0:i.data)==null?void 0:c.label,query:(I=i==null?void 0:i.selectProps)==null?void 0:I.inputValue})),((M=i==null?void 0:i.data)==null?void 0:M.__isNew__)&&s.default.createElement(m.components.Option,l({},i)))},j=i=>{let E="transparent";return i.isSelected&&(E="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),i.isFocused&&!i.isSelected&&(E="var(--vscode-list-hoverBackground)"),E},w=i=>{const E=c=>`${i.createText}: ${c}`;return s.default.createElement(g.default,v(l({},i),{ref:i.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:c=>c.label,formatCreateLabel:E,components:{ClearIndicator:b,DropdownIndicator:x,LoadingIndicator:U,Option:T},unstyled:!0,styles:{control:(c,I)=>v(l({},c),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:I.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:C.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(c,I)=>v(l({},c),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(c,I)=>v(l({},c),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(c,I)=>v(l({},c),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:I.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:j(I),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:I.isSelected?j(I):"var(--vscode-list-hoverBackground)",color:I.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(c,I)=>v(l({},c),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(c,I)=>v(l({},c),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(c,I)=>v(l({},c),{padding:"0px"}),indicatorsContainer:(c,I)=>v(l({},c),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(c,I)=>v(l({},c),{display:"none"}),dropdownIndicator:(c,I)=>v(l({},c),{padding:"0px"}),clearIndicator:(c,I)=>v(l({},c),{padding:"0px",cursor:"pointer"})}}))};r.UICreateSelect=w},"./src/components/UICreateSelect/index.tsx":function(h,r,t){"use strict";var u=this&&this.__createBinding||(Object.create?function(o,e,n,p){p===void 0&&(p=n);var d=Object.getOwnPropertyDescriptor(e,n);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(o,p,d)}:function(o,e,n,p){p===void 0&&(p=n),o[p]=e[n]}),a=this&&this.__exportStar||function(o,e){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&u(e,o,n)};Object.defineProperty(r,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),r)},"./src/components/UILoader/UILoader.tsx":function(h,r,t){"use strict";var u=Object.defineProperty,a=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,d=(_,f,y)=>f in _?u(_,f,{enumerable:!0,configurable:!0,writable:!0,value:y}):_[f]=y,l=(_,f)=>{for(var y in f||(f={}))n.call(f,y)&&d(_,y,f[y]);if(e)for(var y of e(f))p.call(f,y)&&d(_,y,f[y]);return _},v=(_,f)=>a(_,o(f)),S=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(r,"__esModule",{value:!0}),r.UILoader=void 0;const s=S(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UILoader/UILoader.scss");class g extends s.default.Component{constructor(f){super(f)}render(){const{blockDOM:f,delayed:y}=this.props,C=()=>l({},{root:l({},f&&{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}}),x=s.default.createElement(m.Spinner,v(l({},this.props),{styles:C}));if(f){const b=()=>l({},{root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return s.default.createElement(m.Overlay,{className:`ui-loader-blocker${y?" ui-loader--delayed":""}`,styles:b},x)}else return x}}r.UILoader=g},"./src/components/UILoader/index.tsx":function(h,r,t){"use strict";var u=this&&this.__createBinding||(Object.create?function(o,e,n,p){p===void 0&&(p=n);var d=Object.getOwnPropertyDescriptor(e,n);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(o,p,d)}:function(o,e,n,p){p===void 0&&(p=n),o[p]=e[n]}),a=this&&this.__exportStar||function(o,e){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&u(e,o,n)};Object.defineProperty(r,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),r)},"./stories/UICreateSelect.story.tsx":function(h,r,t){"use strict";var u=this&&this.__createBinding||(Object.create?function(s,m,g,_){_===void 0&&(_=g);var f=Object.getOwnPropertyDescriptor(m,g);(!f||("get"in f?!m.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return m[g]}}),Object.defineProperty(s,_,f)}:function(s,m,g,_){_===void 0&&(_=g),s[_]=m[g]}),a=this&&this.__setModuleDefault||(Object.create?function(s,m){Object.defineProperty(s,"default",{enumerable:!0,value:m})}:function(s,m){s.default=m}),o=this&&this.__importStar||function(s){if(s&&s.__esModule)return s;var m={};if(s!=null)for(var g in s)g!=="default"&&Object.prototype.hasOwnProperty.call(s,g)&&u(m,s,g);return a(m,s),m};Object.defineProperty(r,"__esModule",{value:!0}),r.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=t("./src/components/UICreateSelect/index.tsx"),d=t("./src/components/UILabel/index.tsx");(0,t("./src/components/Icons.tsx").initIcons)(),r.default={title:"Dropdowns/CreateSelect"};const v={childrenGap:40},S=()=>{const s=O=>({label:O,value:O.toLowerCase().replace(/\W/g,"")}),m=[s("One"),s("Two"),s("Three")],[g,_]=(0,e.useState)(!1),[f,y]=(0,e.useState)(m),[C,x]=(0,e.useState)(),[b,U]=(0,e.useState)(),[T,j]=(0,e.useState)(!1),[w,i]=(0,e.useState)([]),[E,c]=(0,e.useState)(),[I,M]=(0,e.useState)(),F=e.default.createRef(),A=O=>{const P=s(O);_(!0),x(P),setTimeout(()=>{_(!1),y(D=>[...D,P]),U(P)},1e3)},B=O=>{const P=O;x(P),U(P)},L=(0,e.useRef)(null),W=O=>{const P=s(O);j(!0),c(P),setTimeout(()=>{var D;j(!1),i(k=>[...k,P]),M(P),(D=L.current)==null||D.focus()},1e3)},R=O=>{const P=O;c(P),M(P)},K=O=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(n.Stack,{tokens:v},e.default.createElement(n.Stack,{tokens:v},e.default.createElement(n.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(d.UILabel,null,"UI Create Select Label")),e.default.createElement(p.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:g,isDisabled:!1,isValidNewOption:O=>O.length>0,placeholder:"Search or enter a new value",options:f,value:C,onCreateOption:A,onChange:B}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,b==null?void 0:b.value))))),e.default.createElement(n.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(d.UILabel,null,"UI Create Select Label")),e.default.createElement(p.UICreateSelect,{creatableRef:L,createText:"Add new qualifier",isClearable:!0,isLoading:T,isDisabled:!1,isValidNewOption:O=>O.length>0,placeholder:"Search or enter a new qualifier value",options:w,value:E,noOptionsMessage:K,onCreateOption:W,onChange:R}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,I==null?void 0:I.value)))))))};r.CreateSelect=S},"./src/components/UICreateSelect/UICreateSelect.scss":(h,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>x});var u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(u),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=t.n(n),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(d),v=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),S=t.n(v),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=t.n(s),g=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/UICreateSelect/UICreateSelect.scss"),_=t.n(g),f={};for(const b in g)b!=="default"&&(f[b]=()=>g[b]);t.d(r,f);var y={};y.styleTagTransform=m(),y.setAttributes=l(),y.insert=p().bind(null,"head"),y.domAPI=e(),y.insertStyleElement=S();var C=a()(_(),y);const x=_()&&_().locals?_().locals:void 0},"./src/components/UILoader/UILoader.scss":(h,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>x});var u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(u),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=t.n(n),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(d),v=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),S=t.n(v),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=t.n(s),g=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/UILoader/UILoader.scss"),_=t.n(g),f={};for(const b in g)b!=="default"&&(f[b]=()=>g[b]);t.d(r,f);var y={};y.styleTagTransform=m(),y.setAttributes=l(),y.insert=p().bind(null,"head"),y.domAPI=e(),y.insertStyleElement=S();var C=a()(_(),y);const x=_()&&_().locals?_().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 r=[];function t(o){for(var e=-1,n=0;n<r.length;n++)if(r[n].identifier===o){e=n;break}return e}function u(o,e){for(var n={},p=[],d=0;d<o.length;d++){var l=o[d],v=e.base?l[0]+e.base:l[0],S=n[v]||0,s="".concat(v," ").concat(S);n[v]=S+1;var m=t(s),g={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(m!==-1)r[m].references++,r[m].updater(g);else{var _=a(g,e);e.byIndex=d,r.splice(d,0,{identifier:s,updater:_,references:1})}p.push(s)}return p}function a(o,e){var n=e.domAPI(e);n.update(o);var p=function(l){if(l){if(l.css===o.css&&l.media===o.media&&l.sourceMap===o.sourceMap&&l.supports===o.supports&&l.layer===o.layer)return;n.update(o=l)}else n.remove()};return p}h.exports=function(o,e){e=e||{},o=o||[];var n=u(o,e);return function(d){d=d||[];for(var l=0;l<n.length;l++){var v=n[l],S=t(v);r[S].references--}for(var s=u(d,e),m=0;m<n.length;m++){var g=n[m],_=t(g);r[_].references===0&&(r[_].updater(),r.splice(_,1))}n=s}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":h=>{"use strict";var r={};function t(a){if(typeof r[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}r[a]=o}return r[a]}function u(a,o){var e=t(a);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}h.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":h=>{"use strict";function r(t){var u=document.createElement("style");return t.setAttributes(u,t.attributes),t.insert(u,t.options),u}h.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(h,r,t)=>{"use strict";function u(a){var o=t.nc;o&&a.setAttribute("nonce",o)}h.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":h=>{"use strict";function r(a,o,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var p=typeof e.layer!="undefined";p&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,p&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var d=e.sourceMap;d&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),o.styleTagTransform(n,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function u(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(n){r(o,a,n)},remove:function(){t(o)}}}h.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":h=>{"use strict";function r(t,u){if(u.styleSheet)u.styleSheet.cssText=t;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(t))}}h.exports=r}}]);})();

package/storybook/UILoader-story.177c9825.iframe.bundle.js

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

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

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

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

@@ -1,2 +0,0 @@
-(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],l=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(l=!1,i<o&&(o=i));if(l){e.splice(n--,1);var d=a();d!==void 0&&(f=d)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(l=>n[l]=()=>t[l]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",626:"UIToggle-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{29:"5ff8c2a8",84:"c4c2ba89",169:"3cef0c60",210:"3606536e",218:"9d5750d4",239:"df74670d",244:"cc07045d",248:"233ac58f",277:"b4eb5ff2",292:"ae31276b",294:"ef3a5b0a",295:"9da4ca1c",302:"9e4a233b",307:"9b1e7ad5",308:"ee260d41",309:"4fbef46b",314:"88c87a07",328:"28245a77",398:"fe877da7",405:"2472d9fb",456:"608804ec",469:"cb4bc655",494:"1829058d",520:"c229d439",524:"98a0771b",580:"f238ed95",626:"1eb81da9",666:"bb0aac95",682:"177c9825",693:"3223c2f8",740:"f98ff4fa",761:"e2f32e1b",763:"3cd34b10",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"6f3e7d06",900:"136500c4",909:"ce148956",930:"1b3c5615",959:"6d7ed24c",963:"eda2d811"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,l;if(i!==void 0)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var c=s[d];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(l=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),l&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={303:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,d=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
-(`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(l,d,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,l]=i,s,d,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(l)var b=l(r)}for(a&&a(i);c<n.length;c++)d=n[c],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();