npm - @sap-ux/ui-components - Versions diffs - 1.26.17 → 1.26.19 - Mend

@sap-ux/ui-components 1.26.17 → 1.26.19

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 (61) hide show

package/storybook/80.fb09d676.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ (()=>{var w=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(y,t,e)=>t in y?w(y,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):y[t]=e,b=(y,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(y,e,t[e]);if(P)for(var e of P(t))M.call(t,e)&&v(y,e,t[e]);return y},O=(y,t)=>C(y,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[80],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),a=i(h);a.push([y.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),y.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),a=i(h);a.push([y.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)}",""]),y.exports=a},"./src/components/UIDropdown/UIDropdown.scss":(y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(u),d={};for(const E in u)E!=="default"&&(d[E]=()=>u[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=i()(s(),f);const g=s()&&s().locals?s().locals:void 0},"./src/styles/_shadows.scss":(y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(u),d={};for(const E in u)E!=="default"&&(d[E]=()=>u[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=i()(s(),f);const g=s()&&s().locals?s().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},h=20;class i{constructor(r,n,o=e){this.originalStyle={},this.source=r,this.callout=n,this.props=o,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const n=document.createElement("div");return n.classList.add("ts-Callout-transformation"),n.style.height=`${r}px`,n}getElements(){const r=this.source.current,n=r==null?void 0:r.closest(this.props.container);if(n&&r){const o=n==null?void 0:n.querySelector(this.props.target);if(o){const _={container:{dom:n,rect:n.getBoundingClientRect()},target:{dom:o,rect:o.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},c=this.callout.current;return c&&(_.callout={dom:c,rect:c.getBoundingClientRect()}),_}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o,callout:_,source:c}=r;if(_){const D=window.innerHeight-e.minPagePadding,l=_.rect.height,m=c.rect.bottom;let p=m+l-o.rect.top,u=m+_.rect.height;if(p<=0||u>=D)return;if(u+=o.rect.height,u<=D&&(p+=h),this.props.absolute){const s=n.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${n.rect.top}px`,s.left=`${n.rect.left}px`}this.placeholder=this.createPlaceholder(p),o.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:n}=r;for(const o in this.originalStyle){const _=this.originalStyle[o];typeof _=="string"&&(n.dom.style[o]=_)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const n=this.getElements();return!!(r.type==="focus"&&(n!=null&&n.target.dom.contains(r.target)))}}t.CalloutCollisionTransform=i},"./src/components/UICallout/UICallout.tsx":function(y,t,e){"use strict";var h=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const i=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var n;(function(l){l.None="None",l.Standard="Standard"})(n||(t.UICalloutContentPadding=n={}));const o=new Map([[n.Standard,8]]),_=(l,m)=>typeof l=="object"&&typeof l[m]=="object"?l[m]:{},c=l=>{var m,p;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},_(l.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},_(l.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},_(l.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(m=l.calloutMinWidth)!=null?m:300,boxSizing:"border-box",padding:o.get((p=l.contentPadding)!=null?p:n.None)},_(l.styles,"calloutMain")),container:_(l.styles,"container")}};t.getCalloutStyle=c;class D extends i.default.Component{constructor(m){super(m),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(m){const{onKeyDown:p,focusTargetSiblingOnTabPress:u,target:s}=this.props;if(u&&m.key==="Tab"&&s){let d=null;if(typeof s=="string"){const f=(0,a.getDocument)();d=f==null?void 0:f.querySelector(s)}else"getBoundingClientRect"in s&&(0,r.isHTMLElement)(s)&&(d=s);d&&(0,r.focusToSibling)(d,!m.shiftKey)&&(m.stopPropagation(),m.preventDefault())}p==null||p(m)}render(){return i.default.createElement(a.Callout,O(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=D},"./src/components/UICallout/index.tsx":function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}:function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]}),i=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),i(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(y,t,e){"use strict";var h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const i=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return a.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),n=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),_=e("./src/components/UIDropdown/utils.ts"),c=e("./src/components/UICallout/index.tsx"),D=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const l="var(--vscode-inputValidation-errorBorder)";class m extends i.default.Component{constructor(u){super(u),this.dropdownDomRef=i.default.createRef(),this.menuDomRef=i.default.createRef(),this.calloutCollisionTransform=new c.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>i.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=s=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(s);{const{multiSelectDelimiter:d=", "}=this.props;if(s){const f=s.map(S=>S.text).join(d);return i.default.createElement(i.default.Fragment,null,f)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(s=>({isOpen:!s.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(s=>({isOpen:!s.isOpen})),this.props.onHandleOpen())})},this.onChange=(s,d,f)=>{this.props.multiSelect&&this.props.onHandleChange&&d&&f&&this.props.onHandleChange(d,f)},this.stopEventPropagation=s=>{s.stopPropagation()},this._onRenderOption=(s,d)=>i.default.createElement(i.default.Fragment,null,d==null?void 0:d(s),(s==null?void 0:s.itemType)!==a.DropdownMenuItemType.Header&&i.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(s,d)=>this.props.onRenderOption?this.props.onRenderOption(s,this._onRenderOption.bind(this,s,d)):this._onRenderOption(s,d),this._onRenderItem=(s,d)=>d&&s?(s.title===void 0&&(s.title=s.text),d(s)):null,this.onRenderItem=(s,d)=>this.props.onRenderItem?this.props.onRenderItem(s,this._onRenderItem.bind(this,s,d)):this._onRenderItem(s,d),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:s,readOnly:d,disabled:f}=this.props,S=u.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let g=`ts-SelectBox${u.message?" ts-SelectBox--"+S:""}`;return d&&!f&&(g+=" ts-SelectBox--readonly"),f&&(g+=" ts-SelectBox--disabled"),s&&(g+=` ${s}`),(0,_.isDropdownEmpty)(this.props)&&(g+=" ts-SelectBox--empty"),g}getAccessibilityProps(){const{readOnly:u,disabled:s}=this.props,d={};return u&&!s?(d.tabIndex=0,d["data-is-focusable"]=!0,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.tabIndex=0,d["data-is-focusable"]=!0),d}render(){const u=(0,n.getMessageInfo)(this.props),s=this.getAccessibilityProps(),d=()=>({label:b(b(b({},o.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:D.REQUIRED_LABEL_INDICATOR,color:l,paddingRight:12}}}),errorMessage:[u.style]});return i.default.createElement(a.Dropdown,O(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},s),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,_.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:d,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=m},"./src/components/UIDropdown/index.tsx":function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}:function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]}),i=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UIDropdown/UIDropdown.tsx"),t),i(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=h,t.getCalloutCollisionTransformationPropsForDropdown=n;function e(o){var c;const{selectedKey:_}=o;return Array.isArray(_)?_.length===0:"text"in o&&o.text||"selectedKeys"in o&&((c=o.selectedKeys)!=null&&c.length)?!1:!_}function h(o,_,c){if(_&&c)return{preventDismissOnEvent:o.preventDismissOnEvent,layerProps:{onLayerDidMount:o.applyTransformation,onLayerWillUnmount:o.resetTransformation}}}function i(o,_){return()=>{var D,l,m,p,u;const{layerProps:c}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerDidMount&&((u=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||u.onLayerDidMount()),c!=null&&c.onLayerDidMount&&c.onLayerDidMount()}}function a(o,_){return()=>{var D,l,m,p,u;const{layerProps:c}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerWillUnmount&&((u=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||u.onLayerWillUnmount()),c!=null&&c.onLayerWillUnmount&&c.onLayerWillUnmount()}}function r(o,_){return c=>{var l,m;let D=!1;if((l=o.props.calloutProps)!=null&&l.preventDismissOnEvent&&(D=o.props.calloutProps.preventDismissOnEvent(c)),!D){const{preventDismissOnEvent:p}=(m=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?m:{};if(p)return p(c)}return D}}function n(o,_){if(o.props.multiSelect&&o.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(o,_),layerProps:{onLayerDidMount:i(o,_),onLayerWillUnmount:a(o,_)}}}}}]);})();

package/storybook/{UIActionCallout-story.430b1a31.iframe.bundle.js → UIActionCallout-story.df2cb4e8.iframe.bundle.js} RENAMED Viewed

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

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

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

package/storybook/UITooltip-story.219fbf61.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

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

package/storybook/UITreedropdown-story.45cf9ce1.iframe.bundle.js ADDED Viewed

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

package/storybook/iframe.html CHANGED Viewed

@@ -518,7 +518,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
-      import './runtime~main.82351296.iframe.bundle.js';
+      import './runtime~main.f6ca2d9a.iframe.bundle.js';
       import './578.8e20ee82.iframe.bundle.js';

package/storybook/project.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"generatedAt":~~1765796371426~~,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"30.2.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.4"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"javascript","storybookPackages":{"@storybook/react":{"version":"8.4.2"},"@storybook/react-webpack5":{"version":"8.4.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.4.2"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
1	+ {"generatedAt":1766149018756,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"30.2.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.4"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"javascript","storybookPackages":{"@storybook/react":{"version":"8.4.2"},"@storybook/react-webpack5":{"version":"8.4.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.4.2"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}

package/storybook/{runtime~main.82351296.iframe.bundle.js → runtime~main.f6ca2d9a.iframe.bundle.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],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 b=a();b!==void 0&&(f=b)}}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=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",43:"02eeeff0",57:"744125e2",69:"03611118",80:"67234836",104:"a1355d42",166:"6e45109c",177:"41e96508",191:"2d279da6",201:"472ec30f",218:"b0721a69",220:"ab5ca261",222:"7968349b",239:"5345d90a",271:"6cdb6313",289:"e3e1391e",348:"65c7d509",390:"b5db4f2e",393:"2aeb882a",406:"46e3a9a0",442:"8ebf07f3",449:"430b1a31",452:"ad0596e2",473:"122e0f3a",501:"8ce2c34d",525:"23007087",530:"6dae12fc",558:"2ad27280",632:"9f22d3f6",638:"c065a102",644:"9e10cb39",660:"3a6e7d6c",673:"ca3117d5",680:"3111e6e0",685:"572c9af7",733:"ed267b56",812:"a7972773",825:"25a1b5c1",930:"a27b46f7",931:"3bf97047",937:"d8305fc3",949:"71d25ae2",967:"a2fedc85",994:"d8d9317f"}[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"),b=0;b<s.length;b++){var c=s[b];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 d=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),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={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,d)=>n=e[a]=[c,d]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,b=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var d=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
+(()=>{(()=>{"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 b=a();b!==void 0&&(f=b)}}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=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",43:"02eeeff0",57:"744125e2",69:"03611118",80:"fb09d676",104:"a1355d42",166:"6e45109c",177:"41e96508",191:"2d279da6",201:"472ec30f",218:"b0721a69",220:"ab5ca261",222:"7968349b",239:"596f2323",271:"6cdb6313",289:"e3e1391e",348:"4634f438",390:"b5db4f2e",393:"2aeb882a",406:"219fbf61",442:"8ebf07f3",449:"df2cb4e8",452:"ad0596e2",473:"122e0f3a",501:"8ce2c34d",525:"23007087",530:"6dae12fc",558:"2ad27280",632:"9f22d3f6",638:"e494daf4",644:"9e10cb39",660:"3a6e7d6c",673:"ca3117d5",680:"3111e6e0",685:"572c9af7",733:"ed267b56",812:"a7972773",825:"25a1b5c1",930:"a27b46f7",931:"3bf97047",937:"d8305fc3",949:"71d25ae2",967:"a2fedc85",994:"45cf9ce1"}[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"),b=0;b<s.length;b++){var c=s[b];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 d=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),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={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,d)=>n=e[a]=[c,d]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,b=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var d=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
 (`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(l,b,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,l]=i,s,b,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 d=l(r)}for(a&&a(i);c<n.length;c++)b=n[c],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(d)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();

package/storybook/80.67234836.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- (()=>{var w=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(y,t,e)=>t in y?w(y,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):y[t]=e,b=(y,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(y,e,t[e]);if(P)for(var e of P(t))M.call(t,e)&&v(y,e,t[e]);return y},O=(y,t)=>C(y,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[80],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),a=u(h);a.push([y.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),y.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),a=u(h);a.push([y.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)}",""]),y.exports=a},"./src/components/UIDropdown/UIDropdown.scss":(y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(c),d={};for(const E in c)E!=="default"&&(d[E]=()=>c[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=i(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=u()(s(),f);const g=s()&&s().locals?s().locals:void 0},"./src/styles/_shadows.scss":(y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(c),d={};for(const E in c)E!=="default"&&(d[E]=()=>c[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=i(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=u()(s(),f);const g=s()&&s().locals?s().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},h=20;class u{constructor(r,n,o=e){this.originalStyle={},this.source=r,this.callout=n,this.props=o,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const n=document.createElement("div");return n.classList.add("ts-Callout-transformation"),n.style.height=`${r}px`,n}getElements(){const r=this.source.current,n=r==null?void 0:r.closest(this.props.container);if(n&&r){const o=n==null?void 0:n.querySelector(this.props.target);if(o){const _={container:{dom:n,rect:n.getBoundingClientRect()},target:{dom:o,rect:o.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},i=this.callout.current;return i&&(_.callout={dom:i,rect:i.getBoundingClientRect()}),_}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o,callout:_,source:i}=r;if(_){const D=window.innerHeight-e.minPagePadding,l=_.rect.height,m=i.rect.bottom;let p=m+l-o.rect.top,c=m+_.rect.height;if(p<=0||c>=D)return;if(c+=o.rect.height,c<=D&&(p+=h),this.props.absolute){const s=n.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${n.rect.top}px`,s.left=`${n.rect.left}px`}this.placeholder=this.createPlaceholder(p),o.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o}=r;for(const _ in this.originalStyle){const i=this.originalStyle[_];typeof i=="string"&&(n.dom.style[_]=i)}this.originalStyle={},this.placeholder&&(o.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(r){const n=this.getElements();return!!(r.type==="focus"&&(n!=null&&n.target.dom.contains(r.target)))}}t.CalloutCollisionTransform=u},"./src/components/UICallout/UICallout.tsx":function(y,t,e){"use strict";var h=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const u=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var n;(function(l){l.None="None",l.Standard="Standard"})(n||(t.UICalloutContentPadding=n={}));const o=new Map([[n.Standard,8]]),_=(l,m)=>typeof l=="object"&&typeof l[m]=="object"?l[m]:{},i=l=>{var m,p;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},_(l.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},_(l.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},_(l.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(m=l.calloutMinWidth)!=null?m:300,boxSizing:"border-box",padding:o.get((p=l.contentPadding)!=null?p:n.None)},_(l.styles,"calloutMain")),container:_(l.styles,"container")}};t.getCalloutStyle=i;class D extends u.default.Component{constructor(m){super(m),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(m){const{onKeyDown:p,focusTargetSiblingOnTabPress:c,target:s}=this.props;if(c&&m.key==="Tab"&&s){let d=null;if(typeof s=="string"){const f=(0,a.getDocument)();d=f==null?void 0:f.querySelector(s)}else"getBoundingClientRect"in s&&(0,r.isHTMLElement)(s)&&(d=s);d&&(0,r.focusToSibling)(d,!m.shiftKey)&&(m.stopPropagation(),m.preventDefault())}p==null||p(m)}render(){return u.default.createElement(a.Callout,O(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=D},"./src/components/UICallout/index.tsx":function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}:function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]}),u=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),u(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),u(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(y,t,e){"use strict";var h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const u=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return a.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),n=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),_=e("./src/components/UIDropdown/utils.ts"),i=e("./src/components/UICallout/index.tsx"),D=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const l="var(--vscode-inputValidation-errorBorder)";class m extends u.default.Component{constructor(c){super(c),this.dropdownDomRef=u.default.createRef(),this.menuDomRef=u.default.createRef(),this.calloutCollisionTransform=new i.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>u.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=s=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(s);{const{multiSelectDelimiter:d=", "}=this.props;if(s){const f=s.map(S=>S.text).join(d);return u.default.createElement(u.default.Fragment,null,f)}else return u.default.createElement(u.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(s=>({isOpen:!s.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(s=>({isOpen:!s.isOpen})),this.props.onHandleOpen())})},this.onChange=(s,d,f)=>{this.props.multiSelect&&this.props.onHandleChange&&d&&f&&this.props.onHandleChange(d,f)},this.stopEventPropagation=s=>{s.stopPropagation()},this._onRenderOption=(s,d)=>u.default.createElement(u.default.Fragment,null,d==null?void 0:d(s),(s==null?void 0:s.itemType)!==a.DropdownMenuItemType.Header&&u.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(s,d)=>this.props.onRenderOption?this.props.onRenderOption(s,this._onRenderOption.bind(this,s,d)):this._onRenderOption(s,d),this._onRenderItem=(s,d)=>d&&s?(s.title===void 0&&(s.title=s.text),d(s)):null,this.onRenderItem=(s,d)=>this.props.onRenderItem?this.props.onRenderItem(s,this._onRenderItem.bind(this,s,d)):this._onRenderItem(s,d),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:s,readOnly:d,disabled:f}=this.props,S=c.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let g=`ts-SelectBox${c.message?" ts-SelectBox--"+S:""}`;return d&&!f&&(g+=" ts-SelectBox--readonly"),f&&(g+=" ts-SelectBox--disabled"),s&&(g+=` ${s}`),(0,_.isDropdownEmpty)(this.props)&&(g+=" ts-SelectBox--empty"),g}getAccessibilityProps(){const{readOnly:c,disabled:s}=this.props,d={};return c&&!s?(d.tabIndex=0,d["data-is-focusable"]=!0,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.tabIndex=0,d["data-is-focusable"]=!0),d}render(){const c=(0,n.getMessageInfo)(this.props),s=this.getAccessibilityProps(),d=()=>({label:b(b(b({},o.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:D.REQUIRED_LABEL_INDICATOR,color:l,paddingRight:12}}}),errorMessage:[c.style]});return u.default.createElement(a.Dropdown,O(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},s),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,_.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:d,className:this.getClassNames(c),errorMessage:c.message}))}}t.UIDropdown=m},"./src/components/UIDropdown/index.tsx":function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}:function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]}),u=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),u(e("./src/components/UIDropdown/UIDropdown.tsx"),t),u(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=h,t.getCalloutCollisionTransformationPropsForDropdown=n;function e(o){var i;const{selectedKey:_}=o;return Array.isArray(_)?_.length===0:"text"in o&&o.text||"selectedKeys"in o&&((i=o.selectedKeys)!=null&&i.length)?!1:!_}function h(o,_,i){if(_&&i)return{preventDismissOnEvent:o.preventDismissOnEvent,layerProps:{onLayerDidMount:o.applyTransformation,onLayerWillUnmount:o.resetTransformation}}}function u(o,_){return()=>{var D,l,m,p,c;const{layerProps:i}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerDidMount&&((c=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||c.onLayerDidMount()),i!=null&&i.onLayerDidMount&&i.onLayerDidMount()}}function a(o,_){return()=>{var D,l,m,p,c;const{layerProps:i}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerWillUnmount&&((c=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||c.onLayerWillUnmount()),i!=null&&i.onLayerWillUnmount&&i.onLayerWillUnmount()}}function r(o,_){return i=>{var l,m;let D=!1;if((l=o.props.calloutProps)!=null&&l.preventDismissOnEvent&&(D=o.props.calloutProps.preventDismissOnEvent(i)),!D){const{preventDismissOnEvent:p}=(m=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?m:{};if(p)return p(i)}return D}}function n(o,_){if(o.props.multiSelect&&o.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(o,_),layerProps:{onLayerDidMount:u(o,_),onLayerWillUnmount:a(o,_)}}}}}]);})();

package/storybook/UICallout-story.5345d90a.iframe.bundle.js DELETED Viewed

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

package/storybook/UITooltip-story.46e3a9a0.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

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

package/storybook/UITreedropdown-story.d8d9317f.iframe.bundle.js DELETED Viewed

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