UNPKG

@sap-ux/ui-components

Version:

SAP UI Components Library

SAP/open-ux-tools

14 lines (11 loc) • 31.2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
(()=>{var T=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var P=(a,_,e)=>_ in a?T(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,I=(a,_)=>{for(var e in _||(_={}))j.call(_,e)&&P(a,e,_[e]);if(v)for(var e of v(_))S.call(_,e)&&P(a,e,_[e]);return a},C=(a,_)=>O(a,A(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.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}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.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)}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"(a){"use strict";a.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 p=this[i][0];p!=null&&(d[p]=!0)}for(var u=0;u<l.length;u++){var c=[].concat(l[u]);t&&d[c[0]]||(typeof n!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=n),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(a){"use strict";a.exports=function(_){return _[1]}},"./src/components/UIActionCallout/UIActionCallout.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(p),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),m=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 g=l()(m(),b);const E=m()&&m().locals?m().locals:void 0},"./src/components/UIIcon/UIIcon.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(p),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),m=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 g=l()(m(),b);const E=m()&&m().locals?m().locals:void 0},"./src/styles/_shadows.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(p),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),m=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 g=l()(m(),b);const E=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(a){"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],p=t.base?i[0]+t.base:i[0],u=s[p]||0,c="".concat(p," ").concat(u);s[p]=u+1;var f=e(c),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 m=l(h,t);t.byIndex=d,_.splice(d,0,{identifier:c,updater:m,references:1})}n.push(c)}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}a.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 p=s[i],u=e(p);_[u].references--}for(var c=r(d,t),f=0;f<s.length;f++){var h=s[f],m=e(h);_[m].references===0&&(_[m].updater(),_.splice(m,1))}s=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"(a){"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)}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(a){"use strict";function _(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}a.exports=_},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(a,_,e){"use strict";function r(l){var o=e.nc;o&&l.setAttribute("nonce",o)}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(a){"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)}}}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(a){"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))}}a.exports=_},"./src/components/UIActionCallout/UIActionCallout.tsx"(a,_,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.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/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(p){var u;super(p),this.actionDetail=p.actionDetail,this.commandAction=p.commandAction,this.targetElementId=p.targetElementId,this.showInline=p.showInline,this.anchor=o.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=p.icon,this.onClick=p.onClick,this.anchorClicked=!1,this.isError=(u=p.isError)!=null?u:!1}onCalloutClick(){var p;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((p=this.anchor.current)==null||p.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var p,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=(p=this.icon)==null?void 0:p.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,d.__docgenInfo={description:"",methods:[],displayName:"UIActionCallout",props:{targetElementId:{required:!0,tsType:{name:"string"},description:"The id of the element to which this GA box will point"},showInline:{required:!1,tsType:{name:"boolean"},description:`If true (default) the callout will be placed relative to the target element instead of floating using position absolute Note: This is not a bound property and cannot be used to dynamically change the positon of the component`},actionDetail:{required:!0,tsType:{name:"IActionCalloutDetail"},description:"The action details that will be rendered in the component"},icon:{required:!1,tsType:{name:"UIIcon"},description:"The icon to use if provided, otherwise a default icon is applied"},isError:{required:!1,tsType:{name:"boolean"},description:"Border colour"}}}},"./src/components/UIActionCallout/index.ts"(a,_,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"(a,_){"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 p=window.innerHeight-e.minPagePadding,u=d.rect.height,c=i.rect.bottom;let f=c+u-n.rect.top,h=c+d.rect.height;if(f<=0||h>=p)return;if(h+=n.rect.height,h<=p&&(f+=r),this.props.absolute){const m=s.dom.style;this.originalStyle={transform:m.transform,position:m.position,top:m.top,left:m.left},m.transform="",m.position="absolute",m.top=`${s.rect.top}px`,m.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"(a,_,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.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/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:"var(--vscode-cornerRadius-small, 4px)"};var s;(function(u){u.None="None",u.Standard="Standard"})(s||(_.UICalloutContentPadding=s={}));const n=new Map([[s.Standard,8]]),d=(u,c)=>typeof u=="object"&&typeof u[c]=="object"?u[c]:{},i=u=>{var c,f;return{root:I({boxShadow:_.CALLOUT_STYLES.boxShadow,backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius,border:`1px solid ${_.CALLOUT_STYLES.borderColor}`},d(u.styles,"root")),beak:I({backgroundColor:_.CALLOUT_STYLES.background,boxShadow:_.CALLOUT_STYLES.boxShadow},d(u.styles,"beak")),beakCurtain:I({backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius},d(u.styles,"beakCurtain")),calloutMain:I({backgroundColor:"transparent",color:_.CALLOUT_STYLES.text,borderRadius:_.CALLOUT_STYLES.borderRadius,minWidth:(c=u.calloutMinWidth)!=null?c: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 p extends l.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:m}=this.props;if(h&&c.key==="Tab"&&m){let y=null;if(typeof m=="string"){const b=(0,o.getDocument)();y=b==null?void 0:b.querySelector(m)}else"getBoundingClientRect"in m&&(0,t.isHTMLElement)(m)&&(y=m);y&&(0,t.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}f==null||f(c)}render(){return l.default.createElement(o.Callout,C(I({},this.props),{onKeyDown:this.onKeyDown,styles:(0,_.getCalloutStyle)(this.props)}),this.props.children)}}_.UICallout=p,p.__docgenInfo={description:`UICallout component. based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout @exports @class UICallout @extends {React.Component<ICalloutProps, {}>}`,methods:[],displayName:"UICallout",props:{calloutMinWidth:{required:!1,tsType:{name:"number"},description:""},contentPadding:{required:!1,tsType:{name:"UICalloutContentPadding"},description:""},focusTargetSiblingOnTabPress:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ICalloutProps"]}},"./src/components/UICallout/index.tsx"(a,_,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"(a,_,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.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/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(I({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t,t.__docgenInfo={description:`UIIcon component based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button @exports @class UIIcon @extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(a,_,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"(a,_){"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"(a,_){"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"(a,_,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.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/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"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getUIId=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIId",{enumerable:!0,get:function(){return r.getId}})},"./src/utilities/Keys.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.UIKeyCodes=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIKeyCodes",{enumerable:!0,get:function(){return r.KeyCodes}})},"./src/utilities/index.ts"(a,_,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"(a,_,e){"use strict";var r=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/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"},p={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:p,isError:!1})));_.defaultUsage=u}}]);})();