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