npm - @sap-ux/ui-components - Versions diffs - 2.1.10 → 2.1.12 - Mend

@sap-ux/ui-components 2.1.10 → 2.1.12

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

package/storybook/{438.2b1dc22a.iframe.bundle.js → 438.7d681b59.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var U=Object.defineProperty,M=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var P=(p,_,e)=>_ in p?U(p,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[_]=e,f=(p,_)=>{for(var e in _\|\|(_={}))A.call(_,e)&&P(p,e,_[e]);if(v)for(var e of v(_))B.call(_,e)&&P(p,e,_[e]);return p},O=(p,_)=>M(p,D(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[438],{"../../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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){var g=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_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=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_/node_modules/css-loader/dist/runtime/api.js"),r=m(g);r.push([p.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),p.exports=r},"../../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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){var g=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_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=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_/node_modules/css-loader/dist/runtime/api.js"),r=m(g);r.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),p.exports=r},"./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=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_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),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_/node_modules/style-loader/dist/runtime/styleDomAPI.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_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(o),a=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_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=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_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),n=e.n(i),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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),t=e.n(s),u=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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=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_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),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_/node_modules/style-loader/dist/runtime/styleDomAPI.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_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(o),a=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_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=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_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),n=e.n(i),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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),t=e.n(s),u=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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusTrapZone,f({},this.props),this.props.children)}}_.UIFocusTrapZone=l},"./src/components/UIFocusZone/UIFocusZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusZone=_.UIFocusZoneTabbableElements=_.IFocusZone=_.UIFocusZoneProps=_.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIFocusZoneProps",{enumerable:!0,get:function(){return r.IFocusZoneProps}}),Object.defineProperty(_,"UIFocusZoneDirection",{enumerable:!0,get:function(){return r.FocusZoneDirection}}),Object.defineProperty(_,"IFocusZone",{enumerable:!0,get:function(){return r.IFocusZone}}),Object.defineProperty(_,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return r.FocusZoneTabbableElements}});class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusZone,f({},this.props),this.props.children)}}_.UIFocusZone=l},"./src/components/UIFocusZone/index.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a\|\|("get"in a?!l.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar\|\|function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),_),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),_)},"./src/components/UIToggleGroup/UIToggleGroup.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(n,s,t,u){u===void 0&&(u=t);var c=Object.getOwnPropertyDescriptor(s,t);(!c\|\|("get"in c?!s.__esModule:c.writable\|\|c.configurable))&&(c={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(n,u,c)}):(function(n,s,t,u){u===void 0&&(u=t),n[u]=s[t]})),m=this&&this.__setModuleDefault\|\|(Object.create?(function(n,s){Object.defineProperty(n,"default",{enumerable:!0,value:s})}):function(n,s){n.default=s}),r=this&&this.__importStar\|\|(function(){var n=function(s){return n=Object.getOwnPropertyNames\|\|function(t){var u=[];for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(u[u.length]=c);return u},n(s)};return function(s){if(s&&s.__esModule)return s;var t={};if(s!=null)for(var u=n(s),c=0;c<u.length;c++)u[c]!=="default"&&g(t,s,u[c]);return m(t,s),t}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroup=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),a=e("./src/components/UIFocusZone/index.tsx"),b=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class i extends l.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,b.getUIId)("ui-toggle-group-option-"),this.onClick=(t,u)=>{let c=!1;u!=null&&u.itemKey&&this.setState(y=>{var E,w;const h={options:y.options.map((I,T,j)=>I.key===u.itemKey?(c=!j[T].selected,O(f({},I),{selected:c,focused:j[T].focused})):O(f({},I),{selected:!1,focused:!1}))};return this.props.onChange&&((w=(E=this.props).onChange)==null\|\|w.call(E,u.itemKey,c)),h})},this.onFocus=(t,u)=>{u!=null&&u.itemKey&&this.setState(c=>({options:c.options.map(y=>y.key===u.itemKey?O(f({},y),{focused:!0}):O(f({},y),{focused:!1}))}))},this.onBlur=(t,u)=>{this.setState(c=>({options:c.options.map(y=>O(f({},y),{focused:!1}))}))},this.state={options:this.props.options.map(t=>t.key===this.props.selectedKey?O(f({},t),{selected:!0}):f({},t))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return l.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&l.createElement(d.UILabel,O(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),l.createElement(a.UIFocusZone,{as:"div",direction:a.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>l.createElement(o.UIToggleGroupOption,O(f({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled\|\|this.props.disabled})))))}}_.UIToggleGroup=i},"./src/components/UIToggleGroup/UIToggleGroup.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(b,i,n,s){s===void 0&&(s=n);var t=Object.getOwnPropertyDescriptor(i,n);(!t\|\|("get"in t?!i.__esModule:t.writable\|\|t.configurable))&&(t={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(b,s,t)}):(function(b,i,n,s){s===void 0&&(s=n),b[s]=i[n]})),m=this&&this.__setModuleDefault\|\|(Object.create?(function(b,i){Object.defineProperty(b,"default",{enumerable:!0,value:i})}):function(b,i){b.default=i}),r=this&&this.__importStar\|\|(function(){var b=function(i){return b=Object.getOwnPropertyNames\|\|function(n){var s=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(s[s.length]=t);return s},b(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var s=b(i),t=0;t<s.length;t++)s[t]!=="default"&&g(n,i,s[t]);return m(n,i),n}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroupOption=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class a extends l.Component{constructor(i){super(i),this.onClick=n=>{var s,t;(t=(s=this.props).onClick)==null\|\|t.call(s,n,this.props)},this.onBlur=n=>{var s,t;(t=(s=this.props).onBlur)==null\|\|t.call(s,n,this.props)},this.onFocus=n=>{var s,t;(t=(s=this.props).onFocus)==null\|\|t.call(s,n,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const i=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return l.createElement("button",O(f(O(f({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(n=>!!n).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":i}),{disabled:this.props.disabled\|\|!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),l.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&l.createElement("span",f({id:i,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&l.createElement(o.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}_.UIToggleGroupOption=a},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a\|\|("get"in a?!l.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar\|\|function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),_)},"./src/components/UIToggleGroup/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a\|\|("get"in a?!l.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar\|\|function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),_)}}]);})();
1	+ (()=>{var U=Object.defineProperty,M=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var P=(p,_,e)=>_ in p?U(p,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[_]=e,f=(p,_)=>{for(var e in _\|\|(_={}))A.call(_,e)&&P(p,e,_[e]);if(v)for(var e of v(_))B.call(_,e)&&P(p,e,_[e]);return p},O=(p,_)=>M(p,D(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[438],{"../../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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){var g=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_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=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_/node_modules/css-loader/dist/runtime/api.js"),r=m(g);r.push([p.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),p.exports=r},"../../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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){var g=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_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=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_/node_modules/css-loader/dist/runtime/api.js"),r=m(g);r.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),p.exports=r},"./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=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_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),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_/node_modules/style-loader/dist/runtime/styleDomAPI.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_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(o),a=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_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=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_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),n=e.n(i),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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),t=e.n(s),u=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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>w});var g=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_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),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_/node_modules/style-loader/dist/runtime/styleDomAPI.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_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(o),a=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_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),b=e.n(a),i=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_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),n=e.n(i),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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),t=e.n(s),u=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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),c=e.n(u),y={};for(const I in u)I!=="default"&&(y[I]=()=>u[I]);e.d(_,y);var h={};h.styleTagTransform=t(),h.setAttributes=b(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=n();var E=m()(c(),h);const w=c()&&c().locals?c().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusTrapZone,f({},this.props),this.props.children)}}_.UIFocusTrapZone=l},"./src/components/UIFocusZone/UIFocusZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusZone=_.UIFocusZoneTabbableElements=_.IFocusZone=_.UIFocusZoneProps=_.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIFocusZoneProps",{enumerable:!0,get:function(){return r.IFocusZoneProps}}),Object.defineProperty(_,"UIFocusZoneDirection",{enumerable:!0,get:function(){return r.FocusZoneDirection}}),Object.defineProperty(_,"IFocusZone",{enumerable:!0,get:function(){return r.IFocusZone}}),Object.defineProperty(_,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return r.FocusZoneTabbableElements}});class l extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(r.FocusZone,f({},this.props),this.props.children)}}_.UIFocusZone=l},"./src/components/UIFocusZone/index.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a\|\|("get"in a?!l.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar\|\|function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),_),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),_)},"./src/components/UIToggleGroup/UIToggleGroup.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(n,s,t,u){u===void 0&&(u=t);var c=Object.getOwnPropertyDescriptor(s,t);(!c\|\|("get"in c?!s.__esModule:c.writable\|\|c.configurable))&&(c={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(n,u,c)}):(function(n,s,t,u){u===void 0&&(u=t),n[u]=s[t]})),m=this&&this.__setModuleDefault\|\|(Object.create?(function(n,s){Object.defineProperty(n,"default",{enumerable:!0,value:s})}):function(n,s){n.default=s}),r=this&&this.__importStar\|\|(function(){var n=function(s){return n=Object.getOwnPropertyNames\|\|function(t){var u=[];for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(u[u.length]=c);return u},n(s)};return function(s){if(s&&s.__esModule)return s;var t={};if(s!=null)for(var u=n(s),c=0;c<u.length;c++)u[c]!=="default"&&g(t,s,u[c]);return m(t,s),t}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroup=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),a=e("./src/components/UIFocusZone/index.tsx"),b=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class i extends l.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,b.getUIId)("ui-toggle-group-option-"),this.onClick=(t,u)=>{let c=!1;u!=null&&u.itemKey&&this.setState(y=>{var E,w;const h={options:y.options.map((I,T,j)=>I.key===u.itemKey?(c=!j[T].selected,O(f({},I),{selected:c,focused:j[T].focused})):O(f({},I),{selected:!1,focused:!1}))};return this.props.onChange&&((w=(E=this.props).onChange)==null\|\|w.call(E,u.itemKey,c)),h})},this.onFocus=(t,u)=>{u!=null&&u.itemKey&&this.setState(c=>({options:c.options.map(y=>y.key===u.itemKey?O(f({},y),{focused:!0}):O(f({},y),{focused:!1}))}))},this.onBlur=(t,u)=>{this.setState(c=>({options:c.options.map(y=>O(f({},y),{focused:!1}))}))},this.state={options:this.props.options.map(t=>t.key===this.props.selectedKey?O(f({},t),{selected:!0}):f({},t))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return l.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&l.createElement(d.UILabel,O(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),l.createElement(a.UIFocusZone,{as:"div",direction:a.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>l.createElement(o.UIToggleGroupOption,O(f({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled\|\|this.props.disabled})))))}}_.UIToggleGroup=i},"./src/components/UIToggleGroup/UIToggleGroup.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(b,i,n,s){s===void 0&&(s=n);var t=Object.getOwnPropertyDescriptor(i,n);(!t\|\|("get"in t?!i.__esModule:t.writable\|\|t.configurable))&&(t={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(b,s,t)}):(function(b,i,n,s){s===void 0&&(s=n),b[s]=i[n]})),m=this&&this.__setModuleDefault\|\|(Object.create?(function(b,i){Object.defineProperty(b,"default",{enumerable:!0,value:i})}):function(b,i){b.default=i}),r=this&&this.__importStar\|\|(function(){var b=function(i){return b=Object.getOwnPropertyNames\|\|function(n){var s=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(s[s.length]=t);return s},b(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var s=b(i),t=0;t<s.length;t++)s[t]!=="default"&&g(n,i,s[t]);return m(n,i),n}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroupOption=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class a extends l.Component{constructor(i){super(i),this.onClick=n=>{var s,t;(t=(s=this.props).onClick)==null\|\|t.call(s,n,this.props)},this.onBlur=n=>{var s,t;(t=(s=this.props).onBlur)==null\|\|t.call(s,n,this.props)},this.onFocus=n=>{var s,t;(t=(s=this.props).onFocus)==null\|\|t.call(s,n,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const i=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return l.createElement("button",O(f(O(f({},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(n=>!!n).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":i}),{disabled:this.props.disabled\|\|!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),l.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&l.createElement("span",f({id:i,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&l.createElement(o.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}_.UIToggleGroupOption=a},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"(p,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a\|\|("get"in a?!l.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar\|\|function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),_)},"./src/components/UIToggleGroup/index.ts"(p,_,e){"use strict";var g=this&&this.__createBinding\|\|(Object.create?(function(r,l,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(l,o);(!a\|\|("get"in a?!l.__esModule:a.writable\|\|a.configurable))&&(a={enumerable:!0,get:function(){return l[o]}}),Object.defineProperty(r,d,a)}):(function(r,l,o,d){d===void 0&&(d=o),r[d]=l[o]})),m=this&&this.__exportStar\|\|function(r,l){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(l,o)&&g(l,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),_)}}]);})();

package/storybook/541.5b112304.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(()=>{var p=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(g,o,e)=>o in g?p(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,s=(g,o)=>{for(var e in o||(o={}))A.call(o,e)&&y(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&y(g,e,o[e]);return g},h=(g,o)=>I(g,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[541],{"./src/components/UIButton/UIActionButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIButton/UIDefaultButton.tsx");class c extends a.default.Component{constructor(S){super(S),this.setStyle=()=>({root:{minWidth:"initial",minHeight:r.BASE_STYLES.height,height:r.BASE_STYLES.height,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(f.ActionButton,h(s({},this.props),{styles:this.setStyle(),menuAs:i.UIContextualMenu}))}}o.UIActionButton=c},"./src/components/UIButton/UIDefaultButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIInput/index.tsx"),c=e("./src/components/Icons.tsx"),t="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:t},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:t,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:t},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"},height:26};const S="svg > path, svg > rect";class E extends a.default.Component{constructor(n){super(n),this.setStyle=u=>{const{primary:l,alert:b,transparent:B}=u,_={position:"absolute",width:1,right:o.BASE_STYLES.height-1,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},m={root:this.getInteractionStyle(!1,l,b,B),checked:this.getInteractionStyle(!0,l,b,B)};return{root:h(s(s(s({minWidth:"initial",minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,fontSize:"13px",fontWeight:400,borderRadius:r.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:this.getRootDisabledStyles(l,b,B),rootPressed:m.root,rootHovered:m.root,icon:this.getIconStyleOverrides(l,b,B),menuIcon:this.getMenuIconStyleOverrides(l,b),rootChecked:s(s(s({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:m.checked,rootCheckedPressed:m.checked,splitButtonMenuButton:{padding:6,minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,boxSizing:"border-box",borderRadius:`0 ${r.COMMON_INPUT_STYLES.borderRadius}px ${r.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:o.BASE_STYLES.height,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:s(s({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[S]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(n,u,l,b){let B=s(s(s({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.secondary.color}}},u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),n&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(n?B=h(s({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[S]:{fill:o.BASE_STYLES.color}}}):B=h(s({},B),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[S]:{fill:o.BASE_STYLES.transparent.color}}})),n&&(B=h(s({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}getRootDisabledStyles(n,u,l){return s(s(s({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},n&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),u&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),l&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor})}getIconStyleOverrides(n,u,l){return s(s(s({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[S]:{fill:o.BASE_STYLES.secondary.color}}},n&&{color:o.BASE_STYLES.color,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),u&&{color:o.BASE_STYLES.color,selectors:{[S]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.transparent.color,selectors:{[S]:{fill:o.BASE_STYLES.transparent.color}}})}getMenuIconStyleOverrides(n,u){return{selectors:s(s({"svg > path":{fill:o.BASE_STYLES.secondary.color}},n&&{"svg > path":{fill:o.BASE_STYLES.color}}),u&&{"svg > path":{fill:o.BASE_STYLES.color}})}}render(){var u;const n=(u=this.props.menuProps)!=null&&u.items?{iconName:c.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,h(s({menuIconProps:n},this.props),{styles:this.setStyle(this.props),menuAs:i.UIContextualMenu}))}}o.UIDefaultButton=E},"./src/components/UIButton/UIIconButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=e("./src/components/UIContextualMenu/index.tsx");var r;(function(t){t.Default="Default",t.Wide="Wide"})(r||(o.UIIconButtonSizes=r={}));class c extends a.default.Component{constructor(S){super(S),this.setStyle=E=>{var u;const n=((u=E.sizeType)!=null?u:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:n,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:n},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:n},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:n,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(S){return`var(${S}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,h(s({},this.props),{styles:this.setStyle(this.props),menuAs:i.UIContextualMenu}))}}o.UIIconButton=c},"./src/components/UIButton/UISmallButton.tsx"(g,o,e){var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class i extends a.default.Component{constructor(c){super(c),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:h(s({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:s({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:s({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},t.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(c){return`var(${c})`}getColorwithFallback(c,t){return`var(${c}, ${t})`}render(){return a.default.createElement(f.DefaultButton,h(s({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=i},"./src/components/UIButton/UISplitButton.tsx"(g,o,e){var d=this&&this.__createBinding||(Object.create?(function(v,n,u,l){l===void 0&&(l=u);var b=Object.getOwnPropertyDescriptor(n,u);(!b||("get"in b?!n.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return n[u]}}),Object.defineProperty(v,l,b)}):(function(v,n,u,l){l===void 0&&(l=u),v[l]=n[u]})),a=this&&this.__setModuleDefault||(Object.create?(function(v,n){Object.defineProperty(v,"default",{enumerable:!0,value:n})}):function(v,n){v.default=n}),f=this&&this.__importStar||(function(){var v=function(n){return v=Object.getOwnPropertyNames||function(u){var l=[];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(l[l.length]=b);return l},v(n)};return function(n){if(n&&n.__esModule)return n;var u={};if(n!=null)for(var l=v(n),b=0;b<l.length;b++)l[b]!=="default"&&d(u,n,l[b]);return a(u,n),u}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const i=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/components/UIButton/UIDefaultButton.tsx"),c=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/Icons.tsx"),S=e("./src/utilities/index.ts");class E extends i.Component{constructor(n){super(n),this.id=this.props.id?this.props.id:(0,S.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(u,l)=>{l!=null&&l.key&&this.props.callback(l.key)},this.state={menu:{items:n.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(n,u){return{menu:{items:n.menuItems,onItemClick:u.menu.onItemClick}}}render(){return i.createElement(r.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:t.UiIcons.ArrowDown},menuAs:c.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=E},"./src/components/UIButton/index.tsx"(g,o,e){var d=this&&this.__createBinding||(Object.create?(function(i,r,c,t){t===void 0&&(t=c);var S=Object.getOwnPropertyDescriptor(r,c);(!S||("get"in S?!r.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(i,t,S)}):(function(i,r,c,t){t===void 0&&(t=c),i[t]=r[c]})),a=this&&this.__exportStar||function(i,r){for(var c in i)c!=="default"&&!Object.prototype.hasOwnProperty.call(r,c)&&d(r,i,c)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return f.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(d,a){let f;return(...i)=>{clearTimeout(f),f=window.setTimeout(()=>{d(...i)},a)}}},"./src/utilities/Dom.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=d;function e(a){return"title"in a}function d(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return d.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return d.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return d.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return d.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return d.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return d.isElementTabbable}});function a(f,i){const r=(0,d.getDocument)();if(r){let c=null;if(i?c=(0,d.getNextElement)(r.body,f,!1,!1,!0,!0):c=(0,d.getPreviousElement)(r.body,f,!1,!1,!0,!0),c)return c.focus(),c}return null}},"./src/utilities/Id.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts"(g,o,e){var d=this&&this.__createBinding||(Object.create?(function(f,i,r,c){c===void 0&&(c=r);var t=Object.getOwnPropertyDescriptor(i,r);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[r]}}),Object.defineProperty(f,c,t)}):(function(f,i,r,c){c===void 0&&(c=r),f[c]=i[r]})),a=this&&this.__exportStar||function(f,i){for(var r in f)r!=="default"&&!Object.prototype.hasOwnProperty.call(i,r)&&d(i,f,r)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Debounce.ts"),o),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();

package/storybook/{UITooltip-story.029b6314.iframe.bundle.js → UITooltip-story.8a47915d.iframe.bundle.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 (()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(i,s,_)=>s in i?E(i,s,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[s]=_,b=(i,s)=>{for(var _ in s||(s={}))O.call(s,_)&&S(i,_,s[_]);if(v)for(var _ of v(s))P.call(s,_)&&S(i,_,s[_]);return i},g=(i,s)=>I(i,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(i,s,_){var d=_("../../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_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=_("../../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_/node_modules/css-loader/dist/runtime/api.js"),o=n(d);o.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=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_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(s){var _=[];return _.toString=function(){return this.map(function(n){var o="",t=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),t&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=s(n),t&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},_.i=function(n,o,t,e,r){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(t)for(var c=0;c<this.length;c++){var h=this[c][0];h!=null&&(l[h]=!0)}for(var u=0;u<n.length;u++){var a=[].concat(n[u]);t&&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),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),e&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=e):a[4]="".concat(e)),_.push(a))}},_}},"../../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_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(i,s,_){"use strict";_.r(s),_.d(s,{default:()=>C});var d=_("../../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_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=_.n(d),o=_("../../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_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(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_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(e),l=_("../../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_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),h=_("../../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_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(h),a=_("../../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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=_.n(a),f=_("../../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_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=_.n(f),T={};for(const w in f)w!=="default"&&(T[w]=()=>f[w]);_.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=n()(p(),y);const C=p()&&p().locals?p().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_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var s=[];function _(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var c=o[l],h=t.base?c[0]+t.base:c[0],u=e[h]||0,a="".concat(h," ").concat(u);e[h]=u+1;var m=_(a),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(m!==-1)s[m].references++,s[m].updater(f);else{var p=n(f,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function n(o,t){var e=t.domAPI(t);e.update(o);var r=function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;e.update(o=c)}else e.remove()};return r}i.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var c=0;c<e.length;c++){var h=e[c],u=_(h);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var f=e[m],p=_(f);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../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_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var s={};function _(n){if(typeof s[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[n]=o}return s[n]}function d(n,o){var t=_(n);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)}i.exports=d},"../../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_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function s(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}i.exports=s},"../../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_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,s,_){"use strict";function d(n){var o=_.nc;o&&n.setAttribute("nonce",o)}i.exports=d},"../../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_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function s(n,o,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(e+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,n,o.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){s(o,n,e)},remove:function(){_(o)}}}i.exports=d},"../../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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const _={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class n{constructor(t,e,r=_){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:c}=t;if(l){const h=window.innerHeight-_.minPagePadding,u=l.rect.height,a=c.rect.bottom;let m=a+u-r.rect.top,f=a+l.rect.height;if(m<=0||f>=h)return;if(f+=r.rect.height,f<=h&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/utilities/index.ts");_("./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 e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},c=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=c;class h extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:p}=this.props;if(f&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return n.default.createElement(o.Callout,g(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=h},"./src/components/UICallout/index.tsx"(i,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(_("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltip=s.UITooltipDelay=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=_("./src/components/UICallout/index.tsx");class e extends n.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,c=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=n.default.createElement(o.TooltipHost,g(b({},this.props),{styles:c,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:n.default.createElement("div",{onFocusCapture:f=>{var p;(p=f.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},a)}}s.UITooltip=e},"./src/components/UITooltip/UITooltipUtils.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltipUtils=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(_("../../node_modules/.pnpm/sanitize-html@2.17.2/node_modules/sanitize-html/index.js")),t=_("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>n.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const c=(0,o.default)(l);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:c}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(i,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UITooltip/UITooltip.tsx"),s),n(_("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(s,"__esModule",{value:!0}),s.Tooltips=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("./src/components/UITooltip/index.tsx"),t=_("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip"},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?eacb"(){},"?9bff"(){},"?3e29"(){},"?3536"(){},"?5786"(){}}]);})();
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,n,o.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){s(o,n,e)},remove:function(){_(o)}}}i.exports=d},"../../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_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const _={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class n{constructor(t,e,r=_){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:c}=t;if(l){const h=window.innerHeight-_.minPagePadding,u=l.rect.height,a=c.rect.bottom;let m=a+u-r.rect.top,f=a+l.rect.height;if(m<=0||f>=h)return;if(f+=r.rect.height,f<=h&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/utilities/index.ts");_("./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 e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},c=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=c;class h extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:p}=this.props;if(f&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return n.default.createElement(o.Callout,g(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=h},"./src/components/UICallout/index.tsx"(i,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(_("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltip=s.UITooltipDelay=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=_("./src/components/UICallout/index.tsx");class e extends n.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,c=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=n.default.createElement(o.TooltipHost,g(b({},this.props),{styles:c,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:n.default.createElement("div",{onFocusCapture:f=>{var p;(p=f.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},a)}}s.UITooltip=e},"./src/components/UITooltip/UITooltipUtils.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltipUtils=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(_("../../node_modules/.pnpm/sanitize-html@2.17.3/node_modules/sanitize-html/index.js")),t=_("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>n.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const c=(0,o.default)(l);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:c}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(i,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UITooltip/UITooltip.tsx"),s),n(_("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(s,"__esModule",{value:!0}),s.Tooltips=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("./src/components/UITooltip/index.tsx"),t=_("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip"},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?eacb"(){},"?9bff"(){},"?3e29"(){},"?3536"(){},"?5786"(){}}]);})();

package/storybook/iframe.html CHANGED Viewed

@@ -520,8 +520,8 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
-      import './runtime~main.a1ac3662.iframe.bundle.js';
+      import './runtime~main.89387f54.iframe.bundle.js';
       import './714.151a8a88.iframe.bundle.js';
-      import './main.6fc4eb72.iframe.bundle.js';</script></body></html>
+      import './main.f1843cbf.iframe.bundle.js';</script></body></html>