npm - @sap-ux/ui-components - Versions diffs - 2.0.3 → 2.1.1 - Mend

@sap-ux/ui-components 2.0.3 → 2.1.1

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

package/storybook/{618.0c2b25bb.iframe.bundle.js → 879.4e975e38.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UIActionCallout-story.17b8bed9.iframe.bundle.js → UIActionCallout-story.3d4143cc.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UICallout-story.f956caff.iframe.bundle.js → UICallout-story.bed8a5fb.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UICheckbox-story.490ca9cb.iframe.bundle.js → UICheckbox-story.c5ee487a.iframe.bundle.js} RENAMED Viewed

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