@sap-ux/ui-components 2.2.4 → 3.0.0

package/storybook/4.b31f2180.iframe.bundle.js

@@ -0,0 +1,19 @@
+(()=>{var j=Object.defineProperty,M=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var P=(p,_,e)=>_ in p?j(p,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[_]=e,f=(p,_)=>{for(var e in _||(_={}))D.call(_,e)&&P(p,e,_[e]);if(U)for(var e of U(_))R.call(_,e)&&P(p,e,_[e]);return p},v=(p,_)=>M(p,B(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[4],{"../../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[12].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"),l=m(g);l.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=l},"../../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[12].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"),l=m(g);l.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:var(--vscode-cornerRadius-xSmall, 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=l},"./src/components/UIToggleGroup/UIToggleGroup.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});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),l=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"),t=e.n(l),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=e.n(o),u=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(u),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"),d=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"),n=e.n(s),a=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[12].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(a),h={};for(const T in a)T!=="default"&&(h[T]=()=>a[T]);e.d(_,h);var y={};y.styleTagTransform=n(),y.setAttributes=b(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=d();var I=m()(c(),y);const E=c()&&c().locals?c().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"(p,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});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),l=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"),t=e.n(l),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=e.n(o),u=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(u),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"),d=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"),n=e.n(s),a=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[12].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(a),h={};for(const T in a)T!=="default"&&(h[T]=()=>a[T]);e.d(_,h);var y={};y.styleTagTransform=n(),y.setAttributes=b(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=d();var I=m()(c(),y);const E=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")),l=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 t extends m.default.Component{constructor(r){super(r)}render(){return m.default.createElement(l.FocusTrapZone,f({},this.props),this.props.children)}}_.UIFocusTrapZone=t,t.__docgenInfo={description:`UIFocusTrapZone component
+based on https://developer.microsoft.com/en-us/fluentui/#/controls/web/focustrapzone
+
+@exports
+@class UIFocusTrapZone
+@extends {React.Component<IFocusTrapZoneProps, {}>}`,methods:[],displayName:"UIFocusTrapZone"}},"./src/components/UIFocusZone/UIFocusZone.tsx"(p,_,e){"use strict";var g=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIFocusZone=_.UIFocusZoneTabbableElements=_.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=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");var t=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(_,"UIFocusZoneDirection",{enumerable:!0,get:function(){return t.FocusZoneDirection}}),Object.defineProperty(_,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return t.FocusZoneTabbableElements}});class o extends m.default.Component{constructor(u){super(u)}render(){return m.default.createElement(l.FocusZone,f({},this.props),this.props.children)}}_.UIFocusZone=o,o.__docgenInfo={description:`UIFocusZone component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/focuszone
+
+@exports
+@class UIFocusZone
+@extends {React.Component<IFocusZoneProps, {}>}`,methods:[],displayName:"UIFocusZone"}},"./src/components/UIFocusZone/index.tsx"(p,_,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,t,o,r){r===void 0&&(r=o);var u=Object.getOwnPropertyDescriptor(t,o);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(l,r,u)}):(function(l,t,o,r){r===void 0&&(r=o),l[r]=t[o]})),m=this&&this.__exportStar||function(l,t){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&g(t,l,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(d,s,n,a){a===void 0&&(a=n);var c=Object.getOwnPropertyDescriptor(s,n);(!c||("get"in c?!s.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return s[n]}}),Object.defineProperty(d,a,c)}):(function(d,s,n,a){a===void 0&&(a=n),d[a]=s[n]})),m=this&&this.__setModuleDefault||(Object.create?(function(d,s){Object.defineProperty(d,"default",{enumerable:!0,value:s})}):function(d,s){d.default=s}),l=this&&this.__importStar||(function(){var d=function(s){return d=Object.getOwnPropertyNames||function(n){var a=[];for(var c in n)Object.prototype.hasOwnProperty.call(n,c)&&(a[a.length]=c);return a},d(s)};return function(s){if(s&&s.__esModule)return s;var n={};if(s!=null)for(var a=d(s),c=0;c<a.length;c++)a[c]!=="default"&&g(n,s,a[c]);return m(n,s),n}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroup=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),r=e("./src/components/UILabel/index.tsx"),u=e("./src/components/UIFocusZone/index.tsx"),b=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class i extends t.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,b.getUIId)("ui-toggle-group-option-"),this.onClick=(n,a)=>{let c=!1;a!=null&&a.itemKey&&this.setState(h=>{var I,E;const y={options:h.options.map((T,O,w)=>T.key===a.itemKey?(c=!w[O].selected,v(f({},T),{selected:c,focused:w[O].focused})):v(f({},T),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(I=this.props).onChange)==null||E.call(I,a.itemKey,c)),y})},this.onFocus=(n,a)=>{a!=null&&a.itemKey&&this.setState(c=>({options:c.options.map(h=>h.key===a.itemKey?v(f({},h),{focused:!0}):v(f({},h),{focused:!1}))}))},this.onBlur=(n,a)=>{this.setState(c=>({options:c.options.map(h=>v(f({},h),{focused:!1}))}))},this.state={options:this.props.options.map(n=>n.key===this.props.selectedKey?v(f({},n),{selected:!0}):f({},n))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return t.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&t.createElement(r.UILabel,v(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),t.createElement(u.UIFocusZone,{as:"div",direction:u.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>t.createElement(o.UIToggleGroupOption,v(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,i.__docgenInfo={description:`UIToggleGroup component.
+
+@exports
+@class UIToggleGroup
+@extends {React.Component<UIToggleGroupProps, UIToggleGroupState>}`,methods:[{name:"onClick",docblock:null,modifiers:[],params:[{name:"_evt",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLButtonElement, MouseEvent>",elements:[{name:"HTMLButtonElement"},{name:"MouseEvent"}],alias:"React.MouseEvent"}},{name:"option",optional:!0,type:{name:"UIToggleGroupOptionProps",alias:"UIToggleGroupOptionProps"}}],returns:{type:{name:"void"}}},{name:"onFocus",docblock:null,modifiers:[],params:[{name:"_evt",optional:!1,type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}],alias:"React.FocusEvent"}},{name:"option",optional:!0,type:{name:"UIToggleGroupOptionProps",alias:"UIToggleGroupOptionProps"}}],returns:{type:{name:"void"}}},{name:"onBlur",docblock:null,modifiers:[],params:[{name:"_evt",optional:!1,type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}],alias:"React.FocusEvent"}},{name:"_option",optional:!0,type:{name:"UIToggleGroupOptionProps",alias:"UIToggleGroupOptionProps"}}],returns:{type:{name:"void"}}}],displayName:"UIToggleGroup",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"ToggleGroupOption"}],raw:"ToggleGroupOption[]"},description:""},labelId:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"string"},description:""},ariaLabel:{required:!1,tsType:{name:"string"},description:""},selectedKey:{required:!1,tsType:{name:"string"},description:""},required:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(itemKey: string, isSelected: boolean) => void",signature:{arguments:[{type:{name:"string"},name:"itemKey"},{type:{name:"boolean"},name:"isSelected"}],return:{name:"void"}}},description:""}}}},"./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,d,s){s===void 0&&(s=d);var n=Object.getOwnPropertyDescriptor(i,d);(!n||("get"in n?!i.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return i[d]}}),Object.defineProperty(b,s,n)}):(function(b,i,d,s){s===void 0&&(s=d),b[s]=i[d]})),m=this&&this.__setModuleDefault||(Object.create?(function(b,i){Object.defineProperty(b,"default",{enumerable:!0,value:i})}):function(b,i){b.default=i}),l=this&&this.__importStar||(function(){var b=function(i){return b=Object.getOwnPropertyNames||function(d){var s=[];for(var n in d)Object.prototype.hasOwnProperty.call(d,n)&&(s[s.length]=n);return s},b(i)};return function(i){if(i&&i.__esModule)return i;var d={};if(i!=null)for(var s=b(i),n=0;n<s.length;n++)s[n]!=="default"&&g(d,i,s[n]);return m(d,i),d}})();Object.defineProperty(_,"__esModule",{value:!0}),_.UIToggleGroupOption=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIIcon/index.tsx"),r=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class u extends t.Component{constructor(i){super(i),this.onClick=d=>{var s,n;(n=(s=this.props).onClick)==null||n.call(s,d,this.props)},this.onBlur=d=>{var s,n;(n=(s=this.props).onBlur)==null||n.call(s,d,this.props)},this.onFocus=d=>{var s,n;(n=(s=this.props).onFocus)==null||n.call(s,d,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,r.getUIId)("ui-toggle-group-option-");return t.createElement("button",v(f(v(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(d=>!!d).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":i}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),t.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&t.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&&t.createElement(o.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}_.UIToggleGroupOption=u,u.__docgenInfo={description:`UIToggleGroupOption component
+
+@exports
+@class UIToggleGroupOption
+@extends {React.Component<UIToggleGroupOptionProps, {}>}`,methods:[{name:"onClick",docblock:null,modifiers:[],params:[{name:"evt",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLButtonElement, MouseEvent>",elements:[{name:"HTMLButtonElement"},{name:"MouseEvent"}],alias:"React.MouseEvent"}}],returns:{type:{name:"void"}}},{name:"onBlur",docblock:null,modifiers:[],params:[{name:"evt",optional:!1,type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}],alias:"React.FocusEvent"}}],returns:null},{name:"onFocus",docblock:null,modifiers:[],params:[{name:"evt",optional:!1,type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}],alias:"React.FocusEvent"}}],returns:null}],displayName:"UIToggleGroupOption",props:{itemKey:{required:!0,tsType:{name:"string"},description:""},key:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLButtonElement, MouseEvent>, props?: UIToggleGroupOptionProps) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLButtonElement, MouseEvent>",elements:[{name:"HTMLButtonElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"UIToggleGroupOptionProps"},name:"props"}],return:{name:"void"}}},description:""},onKeyDown:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.KeyboardEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void",signature:{arguments:[{type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}]},name:"evt"},{type:{name:"UIToggleGroupOptionProps"},name:"props"}],return:{name:"void"}}},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}]},name:"evt"},{type:{name:"UIToggleGroupOptionProps"},name:"props"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLButtonElement>",elements:[{name:"HTMLButtonElement"}]},name:"evt"},{type:{name:"UIToggleGroupOptionProps"},name:"props"}],return:{name:"void"}}},description:""}},composes:["Omit"]}},"./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(l,t,o,r){r===void 0&&(r=o);var u=Object.getOwnPropertyDescriptor(t,o);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(l,r,u)}):(function(l,t,o,r){r===void 0&&(r=o),l[r]=t[o]})),m=this&&this.__exportStar||function(l,t){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&g(t,l,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(l,t,o,r){r===void 0&&(r=o);var u=Object.getOwnPropertyDescriptor(t,o);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(l,r,u)}):(function(l,t,o,r){r===void 0&&(r=o),l[r]=t[o]})),m=this&&this.__exportStar||function(l,t){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&g(t,l,o)};Object.defineProperty(_,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),_),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),_)}}]);})();

package/storybook/416.f50bd5c3.iframe.bundle.js

@@ -0,0 +1,24 @@
+(()=>{var P=Object.defineProperty,O=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var C=(h,o,e)=>o in h?P(h,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[o]=e,b=(h,o)=>{for(var e in o||(o={}))M.call(o,e)&&C(h,e,o[e]);if(S)for(var e of S(o))I.call(o,e)&&C(h,e,o[e]);return h},v=(h,o)=>O(h,T(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[416],{"../../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[12].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/UIDropdown/UIDropdown.scss"(h,o,e){var w=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"),i=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"),a=i(w);a.push([h.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background);border-radius:var(--vscode-cornerRadius-small, 4px)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;border-radius:var(--vscode-cornerRadius-small, 4px);font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:var(--vscode-cornerRadius-small, 4px)}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),h.exports=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/cjs.js??ruleSet[1].rules[12].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"(h,o,e){var w=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"),i=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"),a=i(w);a.push([h.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),h.exports=a},"./src/components/UIDropdown/UIDropdown.scss"(h,o,e){"use strict";e.r(o),e.d(o,{default:()=>D});var w=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"),i=e.n(w),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/styleDomAPI.js"),r=e.n(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/insertBySelector.js"),s=e.n(_),n=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"),p=e.n(n),y=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"),d=e.n(y),u=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"),m=e.n(u),c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),t=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(o,l);var f={};f.styleTagTransform=m(),f.setAttributes=p(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=d();var E=i()(t(),f);const D=t()&&t().locals?t().locals:void 0},"./src/styles/_shadows.scss"(h,o,e){"use strict";e.r(o),e.d(o,{default:()=>D});var w=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"),i=e.n(w),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/styleDomAPI.js"),r=e.n(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/insertBySelector.js"),s=e.n(_),n=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"),p=e.n(n),y=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"),d=e.n(y),u=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"),m=e.n(u),c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),t=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(o,l);var f={};f.styleTagTransform=m(),f.setAttributes=p(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=d();var E=i()(t(),f);const D=t()&&t().locals?t().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(h,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},w=20;class i{constructor(r,_,s=e){this.originalStyle={},this.source=r,this.callout=_,this.props=s,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const _=document.createElement("div");return _.classList.add("ts-Callout-transformation"),_.style.height=`${r}px`,_}getElements(){const r=this.source.current,_=r==null?void 0:r.closest(this.props.container);if(_&&r){const s=_==null?void 0:_.querySelector(this.props.target);if(s){const n={container:{dom:_,rect:_.getBoundingClientRect()},target:{dom:s,rect:s.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},p=this.callout.current;return p&&(n.callout={dom:p,rect:p.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:_,target:s,callout:n,source:p}=r;if(n){const y=window.innerHeight-e.minPagePadding,d=n.rect.height,u=p.rect.bottom;let m=u+d-s.rect.top,c=u+n.rect.height;if(m<=0||c>=y)return;if(c+=s.rect.height,c<=y&&(m+=w),this.props.absolute){const t=_.dom.style;this.originalStyle={transform:t.transform,position:t.position,top:t.top,left:t.left},t.transform="",t.position="absolute",t.top=`${_.rect.top}px`,t.left=`${_.rect.left}px`}this.placeholder=this.createPlaceholder(m),s.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:_}=r;for(const s in this.originalStyle){const n=this.originalStyle[s];typeof n=="string"&&(_.dom.style[s]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const _=this.getElements();return!!(r.type==="focus"&&(_!=null&&_.target.dom.contains(r.target)))}}o.CalloutCollisionTransform=i},"./src/components/UICallout/UICallout.tsx"(h,o,e){"use strict";var w=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const i=w(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=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"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var _;(function(d){d.None="None",d.Standard="Standard"})(_||(o.UICalloutContentPadding=_={}));const s=new Map([[_.Standard,8]]),n=(d,u)=>typeof d=="object"&&typeof d[u]=="object"?d[u]:{},p=d=>{var u,m;return{root:b({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:b({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:b({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(u=d.calloutMinWidth)!=null?u:300,boxSizing:"border-box",padding:s.get((m=d.contentPadding)!=null?m:_.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};o.getCalloutStyle=p;class y extends i.default.Component{constructor(u){super(u),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(u){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:t}=this.props;if(c&&u.key==="Tab"&&t){let l=null;if(typeof t=="string"){const f=(0,a.getDocument)();l=f==null?void 0:f.querySelector(t)}else"getBoundingClientRect"in t&&(0,r.isHTMLElement)(t)&&(l=t);l&&(0,r.focusToSibling)(l,!u.shiftKey)&&(u.stopPropagation(),u.preventDefault())}m==null||m(u)}render(){return i.default.createElement(a.Callout,v(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=y,y.__docgenInfo={description:`UICallout component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
+
+@exports
+@class UICallout
+@extends {React.Component<ICalloutProps, {}>}`,methods:[],displayName:"UICallout",props:{calloutMinWidth:{required:!1,tsType:{name:"number"},description:""},contentPadding:{required:!1,tsType:{name:"UICalloutContentPadding"},description:""},focusTargetSiblingOnTabPress:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ICalloutProps"]}},"./src/components/UICallout/index.tsx"(h,o,e){"use strict";var w=this&&this.__createBinding||(Object.create?(function(a,r,_,s){s===void 0&&(s=_);var n=Object.getOwnPropertyDescriptor(r,_);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[_]}}),Object.defineProperty(a,s,n)}):(function(a,r,_,s){s===void 0&&(s=_),a[s]=r[_]})),i=this&&this.__exportStar||function(a,r){for(var _ in a)_!=="default"&&!Object.prototype.hasOwnProperty.call(r,_)&&w(r,a,_)};Object.defineProperty(o,"__esModule",{value:!0}),i(e("./src/components/UICallout/CalloutCollisionTransform.ts"),o),i(e("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIDropdown/UIDropdown.tsx"(h,o,e){"use strict";var w=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDropdown=o.UIDropdownMenuItemType=void 0;const i=w(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=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,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}});const r=e("./src/components/UIIcon/index.tsx"),_=e("./src/helper/ValidationMessage/index.tsx"),s=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),p=e("./src/components/UICallout/index.tsx"),y=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class u extends i.default.Component{constructor(c){super(c),this.dropdownDomRef=i.default.createRef(),this.menuDomRef=i.default.createRef(),this.calloutCollisionTransform=new p.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>i.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=t=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(t);{const{multiSelectDelimiter:l=", "}=this.props;if(t){const f=t.map(E=>E.text).join(l);return i.default.createElement(i.default.Fragment,null,f)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(t=>({isOpen:!t.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(t=>({isOpen:!t.isOpen})),this.props.onHandleOpen())})},this.onChange=(t,l,f)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&f&&this.props.onHandleChange(l,f)},this.stopEventPropagation=t=>{t.stopPropagation()},this._onRenderOption=(t,l)=>i.default.createElement(i.default.Fragment,null,l==null?void 0:l(t),(t==null?void 0:t.itemType)!==a.DropdownMenuItemType.Header&&i.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(t,l)=>this.props.onRenderOption?this.props.onRenderOption(t,this._onRenderOption.bind(this,t,l)):this._onRenderOption(t,l),this._onRenderItem=(t,l)=>l&&t?(t.title===void 0&&(t.title=t.text),l(t)):null,this.onRenderItem=(t,l)=>this.props.onRenderItem?this.props.onRenderItem(t,this._onRenderItem.bind(this,t,l)):this._onRenderItem(t,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:t,readOnly:l,disabled:f}=this.props,E=c.message?_.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let D=`ts-SelectBox${c.message?" ts-SelectBox--"+E:""}`;return l&&!f&&(D+=" ts-SelectBox--readonly"),f&&(D+=" ts-SelectBox--disabled"),t&&(D+=` ${t}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:t}=this.props,l={};return c&&!t?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):t&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,_.getMessageInfo)(this.props),t=this.getAccessibilityProps(),l=()=>({label:b(b(b({},s.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:y.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style],callout:{boxShadow:"var(--ui-box-shadow-small)"}});return i.default.createElement(a.Dropdown,v(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},t),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,n.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:l,className:this.getClassNames(c),errorMessage:c.message}))}}o.UIDropdown=u,u.__docgenInfo={description:`UIDropdown component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown
+
+@exports
+@class UIDropdown
+@extends {React.Component<UIDropdownProps, UIDropdownState>}`,methods:[{name:"onRenderCaretDown",docblock:null,modifiers:[],params:[],returns:{type:{name:"JSX.Element"}}},{name:"onRenderTitle",docblock:null,modifiers:[],params:[{name:"items",optional:!1,type:{name:"union",raw:"IDropdownOption[] | undefined",elements:[{name:"Array",elements:[{name:"IDropdownOption"}],raw:"IDropdownOption[]"},{name:"undefined"}]}}],returns:{type:{name:"JSX.Element"}}},{name:"onClick",docblock:null,modifiers:[],params:[],returns:{type:{name:"void"}}},{name:"onChange",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactFormEvent",raw:"React.FormEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}],alias:"React.FormEvent"}},{name:"option",optional:!0,type:{name:"IDropdownOption",alias:"IDropdownOption"}},{name:"index",optional:!0,type:{name:"number"}}],returns:{type:{name:"void"}}},{name:"stopEventPropagation",docblock:`Method stops event propagation.
+
+@param {React.MouseEvent<HTMLDivElement>} event Mouse event.`,modifiers:[],params:[{name:"event",description:"Mouse event.",type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}],alias:"React.MouseEvent"},optional:!1}],returns:{type:{name:"void"}},description:"Method stops event propagation."},{name:"getCalloutStylesForUseAsMinWidth",docblock:`Method returns styles for callout to support property 'useDropdownAsMenuMinWidth'.
+States:
+1. Min width of callout is equals to width of droipdown input box;
+2. Max width equals to windows size minus 10px;
+3. Width is auto - it allows to make callout wider if menu option size exceeds size of dropdown input(min-width).
+
+@param {ICalloutContentStyleProps} calloutStyleProps Current callout styles.
+@returns {Partial<ICalloutContentStyles>} Styles for callout.`,modifiers:[],params:[{name:"calloutStyleProps",description:"Current callout styles.",type:{name:"ICalloutContentStyleProps",alias:"ICalloutContentStyleProps"},optional:!1}],returns:{description:"Styles for callout.",type:{name:"Partial",elements:[{name:"ICalloutContentStyles"}],raw:"Partial<ICalloutContentStyles>"}},description:`Method returns styles for callout to support property 'useDropdownAsMenuMinWidth'.
+States:
+1. Min width of callout is equals to width of droipdown input box;
+2. Max width equals to windows size minus 10px;
+3. Width is auto - it allows to make callout wider if menu option size exceeds size of dropdown input(min-width).`}],displayName:"UIDropdown",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},useDropdownAsMenuMinWidth:{required:!1,tsType:{name:"boolean"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},calloutCollisionTransformation:{required:!1,tsType:{name:"boolean"},description:""}},composes:["IDropdownProps"]}},"./src/components/UIDropdown/index.tsx"(h,o,e){"use strict";var w=this&&this.__createBinding||(Object.create?(function(a,r,_,s){s===void 0&&(s=_);var n=Object.getOwnPropertyDescriptor(r,_);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[_]}}),Object.defineProperty(a,s,n)}):(function(a,r,_,s){s===void 0&&(s=_),a[s]=r[_]})),i=this&&this.__exportStar||function(a,r){for(var _ in a)_!=="default"&&!Object.prototype.hasOwnProperty.call(r,_)&&w(r,a,_)};Object.defineProperty(o,"__esModule",{value:!0}),i(e("./src/components/UIDropdown/UIDropdown.tsx"),o),i(e("./src/components/UIDropdown/utils.ts"),o)},"./src/components/UIDropdown/utils.ts"(h,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.isDropdownEmpty=e,o.getCalloutCollisionTransformationProps=w,o.getCalloutCollisionTransformationPropsForDropdown=_;function e(s){var p;const{selectedKey:n}=s;return Array.isArray(n)?n.length===0:"text"in s&&s.text||"selectedKeys"in s&&((p=s.selectedKeys)!=null&&p.length)?!1:!n}function w(s,n,p){if(n&&p)return{preventDismissOnEvent:s.preventDismissOnEvent,layerProps:{onLayerDidMount:s.applyTransformation,onLayerWillUnmount:s.resetTransformation}}}function i(s,n){return()=>{var y,d,u,m,c;const{layerProps:p}=(y=w(n,s.props.multiSelect,s.props.calloutCollisionTransformation))!=null?y:{};(u=(d=s.props.calloutProps)==null?void 0:d.layerProps)!=null&&u.onLayerDidMount&&((c=(m=s.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),p!=null&&p.onLayerDidMount&&p.onLayerDidMount()}}function a(s,n){return()=>{var y,d,u,m,c;const{layerProps:p}=(y=w(n,s.props.multiSelect,s.props.calloutCollisionTransformation))!=null?y:{};(u=(d=s.props.calloutProps)==null?void 0:d.layerProps)!=null&&u.onLayerWillUnmount&&((c=(m=s.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),p!=null&&p.onLayerWillUnmount&&p.onLayerWillUnmount()}}function r(s,n){return p=>{var d,u;let y=!1;if((d=s.props.calloutProps)!=null&&d.preventDismissOnEvent&&(y=s.props.calloutProps.preventDismissOnEvent(p)),!y){const{preventDismissOnEvent:m}=(u=w(n,s.props.multiSelect,s.props.calloutCollisionTransformation))!=null?u:{};if(m)return m(p)}return y}}function _(s,n){if(s.props.multiSelect&&s.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(s,n),layerProps:{onLayerDidMount:i(s,n),onLayerWillUnmount:a(s,n)}}}}}]);})();

package/storybook/668.82cffebd.iframe.bundle.js

@@ -0,0 +1,86 @@
+(()=>{var L=Object.defineProperty,K=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var k=(d,a,s)=>a in d?L(d,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[a]=s,T=(d,a)=>{for(var s in a||(a={}))j.call(a,s)&&k(d,s,a[s]);if(S)for(var s of S(a))H.call(a,s)&&k(d,s,a[s]);return d},x=(d,a)=>K(d,U(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[668],{"../../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[12].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/UITreeDropdown/UITreeDropdown.scss"(d,a,s){var g=s("../../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"),l=s("../../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"),_=l(g);_.push([d.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),d.exports=_},"./src/components/UITreeDropdown/UITreeDropdown.scss"(d,a,s){"use strict";s.r(a),s.d(a,{default:()=>e});var g=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/injectStylesIntoStyleTag.js"),l=s.n(g),_=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/styleDomAPI.js"),u=s.n(_),m=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/insertBySelector.js"),c=s.n(m),f=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"),P=s.n(f),O=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/insertStyleElement.js"),I=s.n(O),w=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/styleTagTransform.js"),v=s.n(w),D=s("../../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[12].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/UITreeDropdown/UITreeDropdown.scss"),p=s.n(D),y={};for(const t in D)t!=="default"&&(y[t]=()=>D[t]);s.d(a,y);var h={};h.styleTagTransform=v(),h.setAttributes=P(),h.insert=c().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=I();var b=l()(p(),h);const e=p()&&p().locals?p().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx"(d,a,s){"use strict";var g=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(a,"__esModule",{value:!0}),a.UITreeDropdown=a.EdgePosition=a.UIDirectionalHint=void 0;const l=g(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=s("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/index.js"),u=s("../../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(a,"UIDirectionalHint",{enumerable:!0,get:function(){return u.DirectionalHint}});const m=s("./src/components/UIInput/index.tsx"),c=s("./src/components/UIContextualMenu/index.tsx"),f=s("./src/components/UIButton/UIIconButton.tsx"),P=s("./src/components/Icons.tsx"),O=s("./src/helper/ValidationMessage/index.tsx");s("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var w;(function(p){p.First="First",p.Last="Last"})(w||(a.EdgePosition=w={}));const v={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class D extends l.default.Component{constructor(y){var h,b;super(y),this.UITreeDropdownRef=l.default.createRef(),this.UITreeDropdownFocusZoneRef=l.default.createRef(),this.inputRef=l.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const t=this.mapValuesToContextMenu(e);this.setState({originalItems:t,items:t})}},this.buildSubItems=e=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(n=>{const o=new RegExp(e.value,"ig"),i=n.value.search(o)===-1?`${e.value}${this.state.valueSeparator}${n.value}`:n.value;return x(T({},n),{split:!1,value:i})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(n=>{var o;if((o=n.children)!=null&&o.length){n.split=!0;const i=this.getRefId(n.value,t);this.submenuRefs[i]||(this.submenuRefs[i]=l.default.createRef()),n.subMenuProps={componentRef:this.submenuRefs[i],items:this.mapValuesToContextMenu(n.children,t+1),focusZoneProps:{handleTabKey:u.FocusZoneTabbableElements.none,onFocus:()=>{var C,M,E,R;const r=(C=this.defaultSubmenuFocus)==null?void 0:C.parent;(r==null?void 0:r.item.value)===n.value&&r.level===t&&this.focusItemWithValue(this.state.value,(R=(E=(M=this.defaultSubmenuFocus)==null?void 0:M.parent)==null?void 0:E.item.subMenuProps)==null?void 0:R.items)}}}}return x(T({},n),{key:n.value,text:n.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(n.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.hasSelected=!0,this.setState({value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,t)=>{var n;this.UITreeDropdownFocusZoneRef&&(t===v.Enter?this.focusItemWithValue(this.state.value,this.state.items):(n=this.UITreeDropdownFocusZoneRef.current)==null||n.focus(!0),e.preventDefault())},this.handleRenderContent=(e,t)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),t?t.renderItemName(e):null),this.handleRenderMenuList=(e,t)=>{let n=[];return e!=null&&e.items&&(n=e.items.map(o=>{var i;return o.className=o.value===this.props.value?"is-selected":"",o.text=this.highlightQuery(o.label,this.state.query),this.applySubmenuPosition(o),(i=o.subMenuProps)==null||i.items.map(r=>(r.className=r.value===this.props.value?"is-selected":"",r)),T({},o)})),t?t(x(T({},e),{items:n})):null},this.toggleMenu=(e,t)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const n=t==null?void 0:t.key;t&&setTimeout(()=>{t.persist(),this.focusDropdown(t,n)},0)},this.highlightQuery=(e,t)=>l.default.createElement(c.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var o;const n=new RegExp(e,"ig");return(o=t==null?void 0:t.children)!=null&&o.length?t.children.filter(i=>this.filterElement(e,i)).length>0:t!=null&&t.value?t.value.search(n)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.hasSelected=!1,this.setState(n=>({value:t.value,items:n.originalItems.filter(o=>this.filterElement(t.value,o)),query:t.value,valueChanged:!0})),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===v.Escape?this.resetValue():this.hasSelected||this.props.onParameterValueChange(""),this.setState(t=>({items:t.originalItems,query:""})),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var t;(t=e.subMenuProps)!=null&&t.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const t=`${I.callout}${this.state.uiidInput}`,n=document.querySelector(`.${t}`);return e&&n?n.nextSibling:n},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const t=e.querySelector(`.${I.scrollArea}`);this.submenuOffset=0,t&&t.scrollHeight>t.clientHeight&&(this.submenuOffset=t.offsetWidth-t.clientWidth)}},this.onFocusElementChanged=e=>{const t=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&t.length>0&&this.setState({value:e.value?e.value:t[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var n;this.lastKeyDown=e.key;const t=document.activeElement;if([v.ArrowDown,v.ArrowUp].includes(e.key)&&t){const o=this.getEdgePosition(t),i=o.includes(w.First)&&e.key===v.ArrowUp,r=o.includes(w.Last)&&e.key===v.ArrowDown;(i||r)&&(i&&t.closest(`.${I.callout}${this.state.uiidInput}`)&&((n=this.inputRef.current)==null||n.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const t=e.closest("ul"),n=e.closest("li"),o=[];return t&&n&&(t.children[0]===n&&o.push(w.First),t.children[t.children.length-1]===n&&o.push(w.Last)),o},this.findItemByValue=(e,t=[],n,o=0)=>{var r,C;let i;for(let M=0;M<t.length;M++){const E=t[M],R={item:E,index:M,parent:n,level:o};if(E.value===e?i=R:(C=(r=E.subMenuProps)==null?void 0:r.items)!=null&&C.length&&(i=this.findItemByValue(e,E.subMenuProps.items,R,o+1)),i)break}return i},this.getItemTarget=(e,t)=>{let n;const o=e.querySelector(".ms-ContextualMenu-list");return o!=null&&o.childNodes[t.index]&&(n=o.childNodes[t.index].firstChild),n},this.focusItemWithValue=(e,t=[])=>{const n=this.findItemByValue(e,t),o=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,n&&o){let i;if(n.parent){const r=this.getItemTarget(o,n.parent);r&&(this.defaultSubmenuFocus=n,r.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else i=this.getItemTarget(o,n);if(i)i.focus();else{const r=o.querySelector(`.${I.scrollArea}`);r==null||r.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",value:(h=this.props.value)!=null?h:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(b=this.props.valueSeparator)!=null?b:".",uiidInput:(0,_.v4)(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.hasSelected=!!this.props.value,this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,u.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let y=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(y+=" disabled"),this.props.readOnly&&(y+=" readonly"),y}render(){const y=(0,O.getMessageInfo)(this.props);let h=!0;return this.props.useTargetWidth&&(h=!1),l.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&l.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),l.default.createElement("div",{className:this.getClassNames()},l.default.createElement(m.UITextInput,x(T({},this.props),{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:b=>{b.target.select()},errorMessage:y.message})),l.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:P.UiIcons.ArrowDown},onClick:()=>{var b;this.state.isHidden&&((b=this.inputRef.current)==null||b.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&l.default.createElement(c.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:h,useTargetAsMinWidth:!0,onRestoreFocus:b=>{var e;(e=b.originalElement)==null||e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:u.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}a.UITreeDropdown=D,D.__docgenInfo={description:`UITreeDropdown component.
+
+@exports
+@class UIVerticalDivider
+@extends {React.Component<UITreeDropdownProps, UITreeDropdownState>}`,methods:[{name:"componentDidMount",docblock:null,modifiers:[],params:[],returns:{type:{name:"void"}}},{name:"componentDidUpdate",docblock:null,modifiers:[],params:[{name:"prevProps",optional:!1,type:{name:"UITreeDropdownProps",alias:"UITreeDropdownProps"}}],returns:{type:{name:"void"}}},{name:"buildItems",docblock:`Map the payload.
+
+@param {ItemsProps[]} items`,modifiers:[],params:[{name:"items",type:{name:"Array",elements:[{name:"ItemsProps"}],raw:"ItemsProps[]"},optional:!1}],returns:{type:{name:"void"}},description:"Map the payload."},{name:"buildSubItems",docblock:`Sub items values and style.
+
+@param {ItemsProps} item
+@returns {ItemsProps}`,modifiers:[],params:[{name:"item",type:{name:"ItemsProps",alias:"ItemsProps"},optional:!1}],returns:{type:{name:"ItemsProps"}},description:"Sub items values and style."},{name:"mapValuesToContextMenu",docblock:`Map GD payload to ContextMenu payload.
+
+@param {ItemsProps[]} items
+@param {number} level
+@returns {IContextualMenuItem[]}`,modifiers:[],params:[{name:"items",type:{name:"Array",elements:[{name:"ItemsProps"}],raw:"ItemsProps[]"},optional:!1},{name:"level",type:{name:"number"},optional:!0}],returns:{type:{name:"Array",elements:[{name:"IContextualMenuItem"}],raw:"IContextualMenuItem[]"}},description:"Map GD payload to ContextMenu payload."},{name:"handleSelection",docblock:`Handle the selected value.
+
+@param {string} value`,modifiers:[],params:[{name:"value",type:{name:"string"},optional:!1}],returns:{type:{name:"void"}},description:"Handle the selected value."},{name:"handleKeyPress",docblock:`Handle the keypress value.
+
+@param {React.KeyboardEvent<HTMLInputElement>} event`,modifiers:[],params:[{name:"event",type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}],alias:"React.KeyboardEvent"},optional:!1}],returns:{type:{name:"void"}},description:"Handle the keypress value."},{name:"focusDropdown",docblock:`Handle ContextMenu focus.
+
+@param {React.KeyboardEvent<HTMLInputElement>} event
+@param {string} key`,modifiers:[],params:[{name:"event",type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}],alias:"React.KeyboardEvent"},optional:!1},{name:"key",type:{name:"string"},optional:!0}],returns:null,description:"Handle ContextMenu focus."},{name:"handleRenderContent",docblock:`Custom handle the render from subMenu to control the highlight and the .is-selected.
+
+@param {IContextualMenuListProps} props
+@param {IContextualMenuItemRenderFunctions} defaultRenders
+@returns { React.ReactNode | null}`,modifiers:[],params:[{name:"props",type:{name:"IContextualMenuItemProps",alias:"IContextualMenuItemProps"},optional:!1},{name:"defaultRenders",type:{name:"IContextualMenuItemRenderFunctions",alias:"IContextualMenuItemRenderFunctions"},optional:!1}],returns:{type:{name:"union",raw:"React.ReactNode | null",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]}},description:"Custom handle the render from subMenu to control the highlight and the .is-selected."},{name:"handleRenderMenuList",docblock:`Custom handle the render to control the highlight and the .is-selected.
+
+@param {IContextualMenuListProps} props
+@param {IRenderFunction<IContextualMenuListProps>} defaultRender
+@returns {JSX.Element | null}`,modifiers:[],params:[{name:"props",type:{name:"IContextualMenuListProps",alias:"IContextualMenuListProps"},optional:!0},{name:"defaultRender",type:{name:"IRenderFunction",elements:[{name:"IContextualMenuListProps"}],raw:"IRenderFunction<IContextualMenuListProps>",alias:"IRenderFunction"},optional:!0}],returns:{type:{name:"union",raw:"JSX.Element | null",elements:[{name:"JSX.Element"},{name:"null"}]}},description:"Custom handle the render to control the highlight and the .is-selected."},{name:"toggleMenu",docblock:`Handle on/off ContextualMenu.
+
+@param {boolean} status
+@param {React.KeyboardEvent<HTMLInputElement>} event`,modifiers:[],params:[{name:"status",type:{name:"boolean"},optional:!1},{name:"event",type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}],alias:"React.KeyboardEvent"},optional:!0}],returns:{type:{name:"void"}},description:"Handle on/off ContextualMenu."},{name:"highlightQuery",docblock:`Highlight the search string.
+
+@param {string} text
+@param {string} query
+@returns {JSX.Element}`,modifiers:[],params:[{name:"text",type:{name:"string"},optional:!1},{name:"query",type:{name:"string"},optional:!1}],returns:{type:{name:"JSX.Element"}},description:"Highlight the search string."},{name:"filterElement",docblock:`Filter all options that match the query string.
+
+@param {string} input
+@param {IContextualMenuItem} item
+@returns {boolean}`,modifiers:[],params:[{name:"input",type:{name:"string"},optional:!1},{name:"item",type:{name:"IContextualMenuItem",alias:"IContextualMenuItem"},optional:!1}],returns:{type:{name:"boolean"}},description:"Filter all options that match the query string."},{name:"handleOnChangeValue",docblock:`Update the query string and the prop value.
+
+@param {React.FormEvent<HTMLInputElement | HTMLTextAreaElement>} event`,modifiers:[],params:[{name:"event",type:{name:"ReactFormEvent",raw:"React.FormEvent<HTMLInputElement | HTMLTextAreaElement>",elements:[{name:"union",raw:"HTMLInputElement | HTMLTextAreaElement",elements:[{name:"HTMLInputElement"},{name:"HTMLTextAreaElement"}]}],alias:"React.FormEvent"},optional:!1}],returns:{type:{name:"void"}},description:"Update the query string and the prop value."},{name:"resetValue",docblock:"Method resets value of dropdown input to original value, which was stored after open.",modifiers:[],params:[],returns:{type:{name:"void"}},description:"Method resets value of dropdown input to original value, which was stored after open."},{name:"handleDismiss",docblock:`Method reset states.
+
+@param {Event | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent} event`,modifiers:[],params:[{name:"event",type:{name:"union",raw:"Event | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent",elements:[{name:"Event"},{name:"ReactMouseEvent",raw:"React.MouseEvent<Element, MouseEvent>",elements:[{name:"Element"},{name:"MouseEvent"}]},{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent"}]},optional:!0}],returns:{type:{name:"void"}},description:"Method reset states."},{name:"applySubmenuPosition",docblock:`Method applies additional styling for submnu callout.
+It is used to apply scroll width offset - in result submenu should be displayed on the edge of root menu.
+
+@param {IContextualMenuItem} item Context menu item.`,modifiers:[],params:[{name:"item",description:"Context menu item.",type:{name:"IContextualMenuItem",alias:"IContextualMenuItem"},optional:!1}],returns:{type:{name:"void"}},description:`Method applies additional styling for submnu callout.
+It is used to apply scroll width offset - in result submenu should be displayed on the edge of root menu.`},{name:"getCalloutDomRef",docblock:null,modifiers:[],params:[{name:"submenu",optional:!0,type:null}],returns:{type:{name:"union",raw:"HTMLDivElement | null",elements:[{name:"HTMLDivElement"},{name:"null"}]}}},{name:"calculateSubmenuOffset",docblock:`Method calculates offset size for submenus.
+Calculated offset should be used to position submenu right to edge of root menu.
+ - Detects if scrollbar exists.
+ - Calculates size of scrollbar and stores it as value for offset.`,modifiers:[],params:[],returns:{type:{name:"void"}},description:`Method calculates offset size for submenus.
+Calculated offset should be used to position submenu right to edge of root menu.
+ - Detects if scrollbar exists.
+ - Calculates size of scrollbar and stores it as value for offset.`},{name:"onFocusElementChanged",docblock:`Method updates state, if focus visible, using arrow keys.
+
+@param {HTMLElement|React.FocusEvent<HTMLElement>} ev`,modifiers:[],params:[{name:"ev",type:{name:"any"},optional:!1}],returns:{type:{name:"void"}},description:"Method updates state, if focus visible, using arrow keys."},{name:"onWindowKeyDown",docblock:`Method handles window keydown event.
+1. Stores last keyboard pressed event.
+2. Disables CircularNavigation for menus.
+
+@param {KeyboardEvent | React.KeyboardEvent<HTMLInputElement>} event`,modifiers:[],params:[{name:"event",type:{name:"union",raw:"KeyboardEvent | React.KeyboardEvent<HTMLInputElement>",elements:[{name:"KeyboardEvent"},{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]}]},optional:!1}],returns:null,description:`Method handles window keydown event.
+1. Stores last keyboard pressed event.
+2. Disables CircularNavigation for menus.`},{name:"handleCustomDownKey",docblock:`Method handles focus logic if arrow key was pressed.
+
+@param {FocusEvent} event`,modifiers:[],params:[{name:"event",type:{name:"FocusEvent",alias:"FocusEvent"},optional:!1}],returns:null,description:"Method handles focus logic if arrow key was pressed."},{name:"applyCustomKeyDownHandlingEvents",docblock:"Method appends custom keydown and focus event listeners when context menu is opened.",modifiers:[],params:[],returns:null,description:"Method appends custom keydown and focus event listeners when context menu is opened."},{name:"removeCustomKeyDownHandlingEvents",docblock:"Method removes custom keydown and focus event listeners when context menu is dismissed.",modifiers:[],params:[],returns:null,description:"Method removes custom keydown and focus event listeners when context menu is dismissed."},{name:"getEdgePosition",docblock:`Method receives any menu child element and returns edge positions if item is first or last in rendered menu.
+
+@param {Element} itemElement Item's DOM to check position.
+@returns {EdgePosition[]} Returns positions if element is first or last in menu - also can be both.`,modifiers:[],params:[{name:"itemElement",description:"Item's DOM to check position.",type:{name:"Element",alias:"Element"},optional:!1}],returns:{description:"Returns positions if element is first or last in menu - also can be both.",type:{name:"Array",elements:[{name:"EdgePosition"}],raw:"EdgePosition[]"}},description:"Method receives any menu child element and returns edge positions if item is first or last in rendered menu."},{name:"findItemByValue",docblock:`Recursive method finds menu item info object in tree menu items by passed value/key of item.
+
+@param {string} [value] Value/key of item.
+@param {IContextualMenuItem[]} [items] Menu items.
+@param {TreeItemInfo} [parent] Item's parent object.
+@param {number} [level] Level of item in tree structure.
+@returns {TreeItemInfo | undefined} Found menu item.`,modifiers:[],params:[{name:"value",optional:!0,type:{name:"string"}},{name:"items",optional:!0},{name:"parent",optional:!0,type:{name:"TreeItemInfo",alias:"TreeItemInfo"}},{name:"level",optional:!0}],returns:{type:{name:"union",raw:"TreeItemInfo | undefined",elements:[{name:"TreeItemInfo"},{name:"undefined"}]}},description:"Recursive method finds menu item info object in tree menu items by passed value/key of item."},{name:"getItemTarget",docblock:`Method finds DOM node of menu item based on received item object and container DOM.
+
+@param {HTMLElement} container Menu container DOM.
+@param {TreeItemInfo} item Menu item info object.
+@returns {HTMLElement | undefined} Found DOM element of item.`,modifiers:[],params:[{name:"container",description:"Menu container DOM.",type:{name:"HTMLElement",alias:"HTMLElement"},optional:!1},{name:"item",description:"Menu item info object.",type:{name:"TreeItemInfo",alias:"TreeItemInfo"},optional:!1}],returns:{description:"Found DOM element of item.",type:{name:"union",raw:"HTMLElement | undefined",elements:[{name:"HTMLElement"},{name:"undefined"}]}},description:"Method finds DOM node of menu item based on received item object and container DOM."},{name:"focusItemWithValue",docblock:`Method focuses context menu item based on recieved value/key and menude data(items and hoisted object).
+Method works with any level menu.
+
+@param {string} [value] Value/key of item.
+@param {IContextualMenuItem[]} [items] Target menu items.`,modifiers:[],params:[{name:"value",optional:!0,type:{name:"string"}},{name:"items",optional:!0}],returns:{type:{name:"void"}},description:`Method focuses context menu item based on recieved value/key and menude data(items and hoisted object).
+Method works with any level menu.`},{name:"getRefId",docblock:`Generate unique id for menu component references.
+
+@param {string} value Value of item.
+@param {number} level Level of item in tree structure.
+@returns {string} Id containing value andf level in format "\${value}__\${level}".`,modifiers:[],params:[{name:"value",description:"Value of item.",type:{name:"string"},optional:!1},{name:"level",description:"Level of item in tree structure.",type:{name:"number"},optional:!1}],returns:{description:'Id containing value andf level in format "${value}__${level}".',type:{name:"string"}},description:"Generate unique id for menu component references."}],displayName:"UITreeDropdown",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},required:{required:!1,tsType:{name:"boolean"},description:""},value:{required:!1,tsType:{name:"string"},description:""},items:{required:!0,tsType:{name:"Array",elements:[{name:"ItemsProps"}],raw:"ItemsProps[]"},description:""},placeholderText:{required:!0,tsType:{name:"string"},description:""},valueSeparator:{required:!1,tsType:{name:"string"},description:""},directionalHint:{required:!1,tsType:{name:"DirectionalHint"},description:""},maxWidth:{required:!1,tsType:{name:"number"},description:""},useTargetWidth:{required:!1,tsType:{name:"string"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""}}}},"./src/components/UITreeDropdown/index.tsx"(d,a,s){"use strict";var g=this&&this.__createBinding||(Object.create?(function(_,u,m,c){c===void 0&&(c=m);var f=Object.getOwnPropertyDescriptor(u,m);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[m]}}),Object.defineProperty(_,c,f)}):(function(_,u,m,c){c===void 0&&(c=m),_[c]=u[m]})),l=this&&this.__exportStar||function(_,u){for(var m in _)m!=="default"&&!Object.prototype.hasOwnProperty.call(u,m)&&g(u,_,m)};Object.defineProperty(a,"__esModule",{value:!0}),l(s("./src/components/UITreeDropdown/UITreeDropdown.tsx"),a)}}]);})();

package/storybook/7.4fcb7e45.iframe.bundle.js

@@ -0,0 +1,25 @@
+"use strict";(()=>{var C=Object.defineProperty,I=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(f,o,e)=>o in f?C(f,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):f[o]=e,d=(f,o)=>{for(var e in o||(o={}))k.call(o,e)&&y(f,e,o[e]);if(_)for(var e of _(o))L.call(o,e)&&y(f,e,o[e]);return f},v=(f,o)=>I(f,T(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[7],{"./src/components/UIButton/UIActionButton.tsx"(f,o,e){var i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=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"),l=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIButton/UIDefaultButton.tsx");class a extends c.default.Component{constructor(m){super(m),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 c.default.createElement(b.ActionButton,v(d({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=a,a.__docgenInfo={description:`UIActionButton component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIActionButton
+@extends {React.Component<IButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIActionButton",props:{menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IButtonProps"]}},"./src/components/UIButton/UIDefaultButton.tsx"(f,o,e){var i=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=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"),l=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIInput/index.tsx"),a=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 m="svg > path, svg > rect";class B extends c.default.Component{constructor(n){super(n),this.setStyle=u=>{const{primary:s,alert:S,transparent:p}=u,E={position:"absolute",width:1,right:o.BASE_STYLES.height-1,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,s,S,p),checked:this.getInteractionStyle(!0,s,S,p)};return{root:v(d(d(d({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},s&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),p&&{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(s,S,p),rootPressed:h.root,rootHovered:h.root,icon:this.getIconStyleOverrides(s,S,p),menuIcon:this.getMenuIconStyleOverrides(s,S),rootChecked:d(d(d({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},s&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),p&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:h.checked,rootCheckedPressed:h.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:{[m]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:d(d({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),S&&{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:{[m]:{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:{[m]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:E,splitButtonDividerDisabled:E,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(n,u,s,S){let p=d(d(d({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[m]:{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:{[m]:{fill:o.BASE_STYLES.color}}}),s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[m]:{fill:o.BASE_STYLES.color}}}),n&&{borderColor:o.BASE_STYLES.checkedBorderColor});return S&&(n?p=v(d({},p),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[m]:{fill:o.BASE_STYLES.color}}}):p=v(d({},p),{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:{[m]:{fill:o.BASE_STYLES.transparent.color}}})),n&&(p=v(d({},p),{borderColor:o.BASE_STYLES.checkedBorderColor})),p}getRootDisabledStyles(n,u,s){return d(d(d({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}),s&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor})}getIconStyleOverrides(n,u,s){return d(d(d({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[m]:{fill:o.BASE_STYLES.secondary.color}}},n&&{color:o.BASE_STYLES.color,selectors:{[m]:{fill:o.BASE_STYLES.color}}}),u&&{color:o.BASE_STYLES.color,selectors:{[m]:{fill:o.BASE_STYLES.color}}}),s&&{color:o.BASE_STYLES.transparent.color,selectors:{[m]:{fill:o.BASE_STYLES.transparent.color}}})}getMenuIconStyleOverrides(n,u){return{selectors:d(d({"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:a.UiIcons.ArrowDown}:void 0;return c.default.createElement(b.DefaultButton,v(d({menuIconProps:n},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B,B.__docgenInfo={description:`UIDefaultButton component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIDefaultButton
+@extends {React.Component<UIDefaultButtonProps, {}>}`,methods:[{name:"setStyle",docblock:`Method returns styles of root button element.
+
+@param props Button props.
+@returns Styles of root button element.`,modifiers:[],params:[{name:"props",description:"Button props.",optional:!1,type:{name:"UIDefaultButtonProps",alias:"UIDefaultButtonProps"}}],returns:{description:"Styles of root button element.",type:{name:"IButtonStyles"}},description:"Method returns styles of root button element."}],displayName:"UIDefaultButton",props:{transparent:{required:!1,tsType:{name:"boolean"},description:`Changes the visual presentation of the button to be transparent.
+
+@default false`},alert:{required:!1,tsType:{name:"boolean"},description:""},primary:{required:!1,tsType:{name:"boolean"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IButtonProps"]}},"./src/components/UIButton/UIIconButton.tsx"(f,o,e){var i=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 c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=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"),l=e("./src/components/UIContextualMenu/index.tsx");var r;(function(t){t.Default="Default",t.Wide="Wide"})(r||(o.UIIconButtonSizes=r={}));class a extends c.default.Component{constructor(m){super(m),this.setStyle=B=>{var u;const n=((u=B.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(m){return`var(${m}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(b.IconButton,v(d({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=a,a.__docgenInfo={description:`UIIconButton component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIIconButton
+@extends {React.Component<ButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"ButtonProps",alias:"ButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIIconButton",props:{sizeType:{required:!1,tsType:{name:"UIIconButtonSizes"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IBaseButtonProps"]}},"./src/components/UIButton/UISmallButton.tsx"(f,o,e){var i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=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 c.default.Component{constructor(a){super(a),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:v(d({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:d({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:d({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(a){return`var(${a})`}getColorwithFallback(a,t){return`var(${a}, ${t})`}render(){return c.default.createElement(b.DefaultButton,v(d({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l,l.__docgenInfo={description:"",methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"IButtonProps",alias:"IButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UISmallButton"}},"./src/components/UIButton/UISplitButton.tsx"(f,o,e){var i=this&&this.__createBinding||(Object.create?(function(g,n,u,s){s===void 0&&(s=u);var S=Object.getOwnPropertyDescriptor(n,u);(!S||("get"in S?!n.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return n[u]}}),Object.defineProperty(g,s,S)}):(function(g,n,u,s){s===void 0&&(s=u),g[s]=n[u]})),c=this&&this.__setModuleDefault||(Object.create?(function(g,n){Object.defineProperty(g,"default",{enumerable:!0,value:n})}):function(g,n){g.default=n}),b=this&&this.__importStar||(function(){var g=function(n){return g=Object.getOwnPropertyNames||function(u){var s=[];for(var S in u)Object.prototype.hasOwnProperty.call(u,S)&&(s[s.length]=S);return s},g(n)};return function(n){if(n&&n.__esModule)return n;var u={};if(n!=null)for(var s=g(n),S=0;S<s.length;S++)s[S]!=="default"&&i(u,n,s[S]);return c(u,n),u}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/components/UIButton/UIDefaultButton.tsx"),a=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/Icons.tsx"),m=e("./src/utilities/index.ts");class B extends l.Component{constructor(n){super(n),this.id=this.props.id?this.props.id:(0,m.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(u,s)=>{s!=null&&s.key&&this.props.callback(s.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 l.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:a.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B,B.__docgenInfo={description:`UISplitButton component
+
+@exports
+@class UISplitButton
+@extends {React.Component<UISplitButtonProps, UISplitButtonState>}`,methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:{type:{name:"void"}}},{name:"onMenuItemClick",docblock:null,modifiers:[],params:[{name:"ev",optional:!0,type:{name:"union",raw:"React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>",elements:[{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}]},{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLElement>",elements:[{name:"HTMLElement"}]}]}},{name:"item",optional:!0,type:{name:"UIContextualMenuItem",alias:"UIContextualMenuItem"}}],returns:{type:{name:"void"}}}],displayName:"UISplitButton",props:{button:{required:!0,tsType:{name:"UIContextualMenuItem"},description:""},menuItems:{required:!0,tsType:{name:"Array",elements:[{name:"UIContextualMenuItem"}],raw:"UIContextualMenuItem[]"},description:""},callback:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"void"}}},description:""},id:{required:!1,tsType:{name:"string"},description:""},ariaLabel:{required:!1,tsType:{name:"string"},description:""},ariaDescription:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}}}},"./src/components/UIButton/index.tsx"(f,o,e){var i=this&&this.__createBinding||(Object.create?(function(b,l,r,a){a===void 0&&(a=r);var t=Object.getOwnPropertyDescriptor(l,r);(!t||("get"in t?!l.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(b,a,t)}):(function(b,l,r,a){a===void 0&&(a=r),b[a]=l[r]})),c=this&&this.__exportStar||function(b,l){for(var r in b)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&i(l,b,r)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(f,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(i,c){let b;return(...l)=>{clearTimeout(b),b=window.setTimeout(()=>{i(...l)},c)}}},"./src/utilities/Dom.ts"(f,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=i;function e(c){return"title"in c}function i(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}},"./src/utilities/Focus.ts"(f,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=c;const i=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 i.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return i.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return i.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return i.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return i.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return i.isElementTabbable}});function c(b,l){const r=(0,i.getDocument)();if(r){let a=null;if(l?a=(0,i.getNextElement)(r.body,b,!1,!1,!0,!0):a=(0,i.getPreviousElement)(r.body,b,!1,!1,!0,!0),a)return a.focus(),a}return null}},"./src/utilities/Id.ts"(f,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const i=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 i.getId}})},"./src/utilities/Keys.ts"(f,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const i=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 i.KeyCodes}})},"./src/utilities/index.ts"(f,o,e){var i=this&&this.__createBinding||(Object.create?(function(b,l,r,a){a===void 0&&(a=r);var t=Object.getOwnPropertyDescriptor(l,r);(!t||("get"in t?!l.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(b,a,t)}):(function(b,l,r,a){a===void 0&&(a=r),b[a]=l[r]})),c=this&&this.__exportStar||function(b,l){for(var r in b)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&i(l,b,r)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Debounce.ts"),o),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();

package/storybook/847.c596d8f5.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var D=Object.defineProperty,A=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var U=(b,d,c)=>d in b?D(b,d,{enumerable:!0,configurable:!0,writable:!0,value:c}):b[d]=c,S=(b,d)=>{for(var c in d||(d={}))V.call(d,c)&&U(b,c,d[c]);if(h)for(var c of h(d))L.call(d,c)&&U(b,c,d[c]);return b},P=(b,d)=>A(b,R(d));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[847],{"../../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"(b){b.exports=function(d){var c=[];return c.toString=function(){return this.map(function(m){var s="",f=typeof m[5]!="undefined";return m[4]&&(s+="@supports (".concat(m[4],") {")),m[2]&&(s+="@media ".concat(m[2]," {")),f&&(s+="@layer".concat(m[5].length>0?" ".concat(m[5]):""," {")),s+=d(m),f&&(s+="}"),m[2]&&(s+="}"),m[4]&&(s+="}"),s}).join("")},c.i=function(m,s,f,e,v){typeof m=="string"&&(m=[[null,m,void 0]]);var u={};if(f)for(var o=0;o<this.length;o++){var j=this[o][0];j!=null&&(u[j]=!0)}for(var _=0;_<m.length;_++){var l=[].concat(m[_]);f&&u[l[0]]||(typeof v!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=v),s&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=s),e&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=e):l[4]="".concat(e)),c.push(l))}},c}},"../../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"(b){b.exports=function(d){return d[1]}},"../../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"(b){var d=[];function c(s){for(var f=-1,e=0;e<d.length;e++)if(d[e].identifier===s){f=e;break}return f}function w(s,f){for(var e={},v=[],u=0;u<s.length;u++){var o=s[u],j=f.base?o[0]+f.base:o[0],_=e[j]||0,l="".concat(j," ").concat(_);e[j]=_+1;var n=c(l),p={css:o[1],media:o[2],sourceMap:o[3],supports:o[4],layer:o[5]};if(n!==-1)d[n].references++,d[n].updater(p);else{var y=m(p,f);f.byIndex=u,d.splice(u,0,{identifier:l,updater:y,references:1})}v.push(l)}return v}function m(s,f){var e=f.domAPI(f);e.update(s);var v=function(o){if(o){if(o.css===s.css&&o.media===s.media&&o.sourceMap===s.sourceMap&&o.supports===s.supports&&o.layer===s.layer)return;e.update(s=o)}else e.remove()};return v}b.exports=function(s,f){f=f||{},s=s||[];var e=w(s,f);return function(u){u=u||[];for(var o=0;o<e.length;o++){var j=e[o],_=c(j);d[_].references--}for(var l=w(u,f),n=0;n<e.length;n++){var p=e[n],y=c(p);d[y].references===0&&(d[y].updater(),d.splice(y,1))}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/insertBySelector.js"(b){var d={};function c(m){if(typeof d[m]=="undefined"){var s=document.querySelector(m);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(f){s=null}d[m]=s}return d[m]}function w(m,s){var f=c(m);if(!f)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");f.appendChild(s)}b.exports=w},"../../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"(b){function d(c){var w=document.createElement("style");return c.setAttributes(w,c.attributes),c.insert(w,c.options),w}b.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/setAttributesWithoutAttributes.js"(b,d,c){function w(m){var s=c.nc;s&&m.setAttribute("nonce",s)}b.exports=w},"../../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"(b){function d(m,s,f){var e="";f.supports&&(e+="@supports (".concat(f.supports,") {")),f.media&&(e+="@media ".concat(f.media," {"));var v=typeof f.layer!="undefined";v&&(e+="@layer".concat(f.layer.length>0?" ".concat(f.layer):""," {")),e+=f.css,v&&(e+="}"),f.media&&(e+="}"),f.supports&&(e+="}");var u=f.sourceMap;u&&typeof btoa!="undefined"&&(e+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),s.styleTagTransform(e,m,s.options)}function c(m){if(m.parentNode===null)return!1;m.parentNode.removeChild(m)}function w(m){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=m.insertStyleElement(m);return{update:function(e){d(s,m,e)},remove:function(){c(s)}}}b.exports=w},"../../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"(b){function d(c,w){if(w.styleSheet)w.styleSheet.cssText=c;else{for(;w.firstChild;)w.removeChild(w.firstChild);w.appendChild(document.createTextNode(c))}}b.exports=d},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/index.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.version=d.validate=d.v7=d.v6ToV1=d.v6=d.v5=d.v4=d.v3=d.v1ToV6=d.v1=d.stringify=d.parse=d.NIL=d.MAX=void 0;var w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/max.js");Object.defineProperty(d,"MAX",{enumerable:!0,get:function(){return w.default}});var m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/nil.js");Object.defineProperty(d,"NIL",{enumerable:!0,get:function(){return m.default}});var s=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/parse.js");Object.defineProperty(d,"parse",{enumerable:!0,get:function(){return s.default}});var f=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js");Object.defineProperty(d,"stringify",{enumerable:!0,get:function(){return f.default}});var e=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v1.js");Object.defineProperty(d,"v1",{enumerable:!0,get:function(){return e.default}});var v=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v1ToV6.js");Object.defineProperty(d,"v1ToV6",{enumerable:!0,get:function(){return v.default}});var u=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v3.js");Object.defineProperty(d,"v3",{enumerable:!0,get:function(){return u.default}});var o=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v4.js");Object.defineProperty(d,"v4",{enumerable:!0,get:function(){return o.default}});var j=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v5.js");Object.defineProperty(d,"v5",{enumerable:!0,get:function(){return j.default}});var _=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v6.js");Object.defineProperty(d,"v6",{enumerable:!0,get:function(){return _.default}});var l=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v6ToV1.js");Object.defineProperty(d,"v6ToV1",{enumerable:!0,get:function(){return l.default}});var n=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v7.js");Object.defineProperty(d,"v7",{enumerable:!0,get:function(){return n.default}});var p=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/validate.js");Object.defineProperty(d,"validate",{enumerable:!0,get:function(){return p.default}});var y=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/version.js");Object.defineProperty(d,"version",{enumerable:!0,get:function(){return y.default}})},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/max.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0}),d.default="ffffffff-ffff-ffff-ffff-ffffffffffff"},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/md5.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0});function c(n){const p=f(n),y=s(p,n.length*8);return w(y)}function w(n){const p=new Uint8Array(n.length*4);for(let y=0;y<n.length*4;y++)p[y]=n[y>>2]>>>y%4*8&255;return p}function m(n){return(n+64>>>9<<4)+14+1}function s(n,p){const y=new Uint32Array(m(p)).fill(0);y.set(n),y[p>>5]|=128<<p%32,y[y.length-1]=p,n=y;let t=1732584193,i=-271733879,r=-1732584194,a=271733878;for(let g=0;g<n.length;g+=16){const M=t,T=i,I=r,O=a;t=o(t,i,r,a,n[g],7,-680876936),a=o(a,t,i,r,n[g+1],12,-389564586),r=o(r,a,t,i,n[g+2],17,606105819),i=o(i,r,a,t,n[g+3],22,-1044525330),t=o(t,i,r,a,n[g+4],7,-176418897),a=o(a,t,i,r,n[g+5],12,1200080426),r=o(r,a,t,i,n[g+6],17,-1473231341),i=o(i,r,a,t,n[g+7],22,-45705983),t=o(t,i,r,a,n[g+8],7,1770035416),a=o(a,t,i,r,n[g+9],12,-1958414417),r=o(r,a,t,i,n[g+10],17,-42063),i=o(i,r,a,t,n[g+11],22,-1990404162),t=o(t,i,r,a,n[g+12],7,1804603682),a=o(a,t,i,r,n[g+13],12,-40341101),r=o(r,a,t,i,n[g+14],17,-1502002290),i=o(i,r,a,t,n[g+15],22,1236535329),t=j(t,i,r,a,n[g+1],5,-165796510),a=j(a,t,i,r,n[g+6],9,-1069501632),r=j(r,a,t,i,n[g+11],14,643717713),i=j(i,r,a,t,n[g],20,-373897302),t=j(t,i,r,a,n[g+5],5,-701558691),a=j(a,t,i,r,n[g+10],9,38016083),r=j(r,a,t,i,n[g+15],14,-660478335),i=j(i,r,a,t,n[g+4],20,-405537848),t=j(t,i,r,a,n[g+9],5,568446438),a=j(a,t,i,r,n[g+14],9,-1019803690),r=j(r,a,t,i,n[g+3],14,-187363961),i=j(i,r,a,t,n[g+8],20,1163531501),t=j(t,i,r,a,n[g+13],5,-1444681467),a=j(a,t,i,r,n[g+2],9,-51403784),r=j(r,a,t,i,n[g+7],14,1735328473),i=j(i,r,a,t,n[g+12],20,-1926607734),t=_(t,i,r,a,n[g+5],4,-378558),a=_(a,t,i,r,n[g+8],11,-2022574463),r=_(r,a,t,i,n[g+11],16,1839030562),i=_(i,r,a,t,n[g+14],23,-35309556),t=_(t,i,r,a,n[g+1],4,-1530992060),a=_(a,t,i,r,n[g+4],11,1272893353),r=_(r,a,t,i,n[g+7],16,-155497632),i=_(i,r,a,t,n[g+10],23,-1094730640),t=_(t,i,r,a,n[g+13],4,681279174),a=_(a,t,i,r,n[g],11,-358537222),r=_(r,a,t,i,n[g+3],16,-722521979),i=_(i,r,a,t,n[g+6],23,76029189),t=_(t,i,r,a,n[g+9],4,-640364487),a=_(a,t,i,r,n[g+12],11,-421815835),r=_(r,a,t,i,n[g+15],16,530742520),i=_(i,r,a,t,n[g+2],23,-995338651),t=l(t,i,r,a,n[g],6,-198630844),a=l(a,t,i,r,n[g+7],10,1126891415),r=l(r,a,t,i,n[g+14],15,-1416354905),i=l(i,r,a,t,n[g+5],21,-57434055),t=l(t,i,r,a,n[g+12],6,1700485571),a=l(a,t,i,r,n[g+3],10,-1894986606),r=l(r,a,t,i,n[g+10],15,-1051523),i=l(i,r,a,t,n[g+1],21,-2054922799),t=l(t,i,r,a,n[g+8],6,1873313359),a=l(a,t,i,r,n[g+15],10,-30611744),r=l(r,a,t,i,n[g+6],15,-1560198380),i=l(i,r,a,t,n[g+13],21,1309151649),t=l(t,i,r,a,n[g+4],6,-145523070),a=l(a,t,i,r,n[g+11],10,-1120210379),r=l(r,a,t,i,n[g+2],15,718787259),i=l(i,r,a,t,n[g+9],21,-343485551),t=e(t,M),i=e(i,T),r=e(r,I),a=e(a,O)}return Uint32Array.of(t,i,r,a)}function f(n){if(n.length===0)return new Uint32Array;const p=new Uint32Array(m(n.length*8)).fill(0);for(let y=0;y<n.length;y++)p[y>>2]|=(n[y]&255)<<y%4*8;return p}function e(n,p){const y=(n&65535)+(p&65535);return(n>>16)+(p>>16)+(y>>16)<<16|y&65535}function v(n,p){return n<<p|n>>>32-p}function u(n,p,y,t,i,r){return e(v(e(e(p,n),e(t,r)),i),y)}function o(n,p,y,t,i,r,a){return u(p&y|~p&t,n,p,i,r,a)}function j(n,p,y,t,i,r,a){return u(p&t|y&~t,n,p,i,r,a)}function _(n,p,y,t,i,r,a){return u(p^y^t,n,p,i,r,a)}function l(n,p,y,t,i,r,a){return u(y^(p|~t),n,p,i,r,a)}d.default=c},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/native.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0});const c=typeof crypto!="undefined"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);d.default={randomUUID:c}},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/nil.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0}),d.default="00000000-0000-0000-0000-000000000000"},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/parse.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/validate.js");function m(s){if(!(0,w.default)(s))throw TypeError("Invalid UUID");let f;return Uint8Array.of((f=parseInt(s.slice(0,8),16))>>>24,f>>>16&255,f>>>8&255,f&255,(f=parseInt(s.slice(9,13),16))>>>8,f&255,(f=parseInt(s.slice(14,18),16))>>>8,f&255,(f=parseInt(s.slice(19,23),16))>>>8,f&255,(f=parseInt(s.slice(24,36),16))/1099511627776&255,f/4294967296&255,f>>>24&255,f>>>16&255,f>>>8&255,f&255)}d.default=m},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/regex.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0}),d.default=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/i},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/rng.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0});let c;const w=new Uint8Array(16);function m(){if(!c){if(typeof crypto=="undefined"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");c=crypto.getRandomValues.bind(crypto)}return c(w)}d.default=m},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/sha1.js"(b,d){Object.defineProperty(d,"__esModule",{value:!0});function c(s,f,e,v){switch(s){case 0:return f&e^~f&v;case 1:return f^e^v;case 2:return f&e^f&v^e&v;case 3:return f^e^v}}function w(s,f){return s<<f|s>>>32-f}function m(s){const f=[1518500249,1859775393,2400959708,3395469782],e=[1732584193,4023233417,2562383102,271733878,3285377520],v=new Uint8Array(s.length+1);v.set(s),v[s.length]=128,s=v;const u=s.length/4+2,o=Math.ceil(u/16),j=new Array(o);for(let _=0;_<o;++_){const l=new Uint32Array(16);for(let n=0;n<16;++n)l[n]=s[_*64+n*4]<<24|s[_*64+n*4+1]<<16|s[_*64+n*4+2]<<8|s[_*64+n*4+3];j[_]=l}j[o-1][14]=(s.length-1)*8/Math.pow(2,32),j[o-1][14]=Math.floor(j[o-1][14]),j[o-1][15]=(s.length-1)*8&4294967295;for(let _=0;_<o;++_){const l=new Uint32Array(80);for(let r=0;r<16;++r)l[r]=j[_][r];for(let r=16;r<80;++r)l[r]=w(l[r-3]^l[r-8]^l[r-14]^l[r-16],1);let n=e[0],p=e[1],y=e[2],t=e[3],i=e[4];for(let r=0;r<80;++r){const a=Math.floor(r/20),g=w(n,5)+c(a,p,y,t)+i+f[a]+l[r]>>>0;i=t,t=y,y=w(p,30)>>>0,p=n,n=g}e[0]=e[0]+n>>>0,e[1]=e[1]+p>>>0,e[2]=e[2]+y>>>0,e[3]=e[3]+t>>>0,e[4]=e[4]+i>>>0}return Uint8Array.of(e[0]>>24,e[0]>>16,e[0]>>8,e[0],e[1]>>24,e[1]>>16,e[1]>>8,e[1],e[2]>>24,e[2]>>16,e[2]>>8,e[2],e[3]>>24,e[3]>>16,e[3]>>8,e[3],e[4]>>24,e[4]>>16,e[4]>>8,e[4])}d.default=m},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.unsafeStringify=void 0;const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/validate.js"),m=[];for(let e=0;e<256;++e)m.push((e+256).toString(16).slice(1));function s(e,v=0){return(m[e[v+0]]+m[e[v+1]]+m[e[v+2]]+m[e[v+3]]+"-"+m[e[v+4]]+m[e[v+5]]+"-"+m[e[v+6]]+m[e[v+7]]+"-"+m[e[v+8]]+m[e[v+9]]+"-"+m[e[v+10]]+m[e[v+11]]+m[e[v+12]]+m[e[v+13]]+m[e[v+14]]+m[e[v+15]]).toLowerCase()}d.unsafeStringify=s;function f(e,v=0){const u=s(e,v);if(!(0,w.default)(u))throw TypeError("Stringified UUID is invalid");return u}d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v1.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.updateV1State=void 0;const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/rng.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js"),s={};function f(u,o,j){var n,p,y,t;let _;const l=(n=u==null?void 0:u._v6)!=null?n:!1;if(u){const i=Object.keys(u);i.length===1&&i[0]==="_v6"&&(u=void 0)}if(u)_=v((t=(y=u.random)!=null?y:(p=u.rng)==null?void 0:p.call(u))!=null?t:(0,w.default)(),u.msecs,u.nsecs,u.clockseq,u.node,o,j);else{const i=Date.now(),r=(0,w.default)();e(s,i,r),_=v(r,s.msecs,s.nsecs,l?void 0:s.clockseq,l?void 0:s.node,o,j)}return o!=null?o:(0,m.unsafeStringify)(_)}function e(u,o,j){var _,l;return(_=u.msecs)!=null||(u.msecs=-1/0),(l=u.nsecs)!=null||(u.nsecs=0),o===u.msecs?(u.nsecs++,u.nsecs>=1e4&&(u.node=void 0,u.nsecs=0)):o>u.msecs?u.nsecs=0:o<u.msecs&&(u.node=void 0),u.node||(u.node=j.slice(10,16),u.node[0]|=1,u.clockseq=(j[8]<<8|j[9])&16383),u.msecs=o,u}d.updateV1State=e;function v(u,o,j,_,l,n,p=0){if(u.length<16)throw new Error("Random bytes length must be >= 16");if(!n)n=new Uint8Array(16),p=0;else if(p<0||p+16>n.length)throw new RangeError(`UUID byte range ${p}:${p+15} is out of buffer bounds`);o!=null||(o=Date.now()),j!=null||(j=0),_!=null||(_=(u[8]<<8|u[9])&16383),l!=null||(l=u.slice(10,16)),o+=122192928e5;const y=((o&268435455)*1e4+j)%4294967296;n[p++]=y>>>24&255,n[p++]=y>>>16&255,n[p++]=y>>>8&255,n[p++]=y&255;const t=o/4294967296*1e4&268435455;n[p++]=t>>>8&255,n[p++]=t&255,n[p++]=t>>>24&15|16,n[p++]=t>>>16&255,n[p++]=_>>>8|128,n[p++]=_&255;for(let i=0;i<6;++i)n[p++]=l[i];return n}d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v1ToV6.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/parse.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js");function s(e){const v=typeof e=="string"?(0,w.default)(e):e,u=f(v);return typeof e=="string"?(0,m.unsafeStringify)(u):u}d.default=s;function f(e){return Uint8Array.of((e[6]&15)<<4|e[7]>>4&15,(e[7]&15)<<4|(e[4]&240)>>4,(e[4]&15)<<4|(e[5]&240)>>4,(e[5]&15)<<4|(e[0]&240)>>4,(e[0]&15)<<4|(e[1]&240)>>4,(e[1]&15)<<4|(e[2]&240)>>4,96|e[2]&15,e[3],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15])}},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v3.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.URL=d.DNS=void 0;const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/md5.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v35.js");var s=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v35.js");Object.defineProperty(d,"DNS",{enumerable:!0,get:function(){return s.DNS}}),Object.defineProperty(d,"URL",{enumerable:!0,get:function(){return s.URL}});function f(e,v,u,o){return(0,m.default)(48,w.default,e,v,u,o)}f.DNS=m.DNS,f.URL=m.URL,d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v35.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.URL=d.DNS=d.stringToBytes=void 0;const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/parse.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js");function s(e){e=unescape(encodeURIComponent(e));const v=new Uint8Array(e.length);for(let u=0;u<e.length;++u)v[u]=e.charCodeAt(u);return v}d.stringToBytes=s,d.DNS="6ba7b810-9dad-11d1-80b4-00c04fd430c8",d.URL="6ba7b811-9dad-11d1-80b4-00c04fd430c8";function f(e,v,u,o,j,_){const l=typeof u=="string"?s(u):u,n=typeof o=="string"?(0,w.default)(o):o;if(typeof o=="string"&&(o=(0,w.default)(o)),(o==null?void 0:o.length)!==16)throw TypeError("Namespace must be array-like (16 iterable integer values, 0-255)");let p=new Uint8Array(16+l.length);if(p.set(n),p.set(l,n.length),p=v(p),p[6]=p[6]&15|e,p[8]=p[8]&63|128,j){if(_=_||0,_<0||_+16>j.length)throw new RangeError(`UUID byte range ${_}:${_+15} is out of buffer bounds`);for(let y=0;y<16;++y)j[_+y]=p[y];return j}return(0,m.unsafeStringify)(p)}d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v4.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/native.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/rng.js"),s=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js");function f(e,v,u){var j,_,l;if(w.default.randomUUID&&!v&&!e)return w.default.randomUUID();e=e||{};const o=(l=(_=e.random)!=null?_:(j=e.rng)==null?void 0:j.call(e))!=null?l:(0,m.default)();if(o.length<16)throw new Error("Random bytes length must be >= 16");if(o[6]=o[6]&15|64,o[8]=o[8]&63|128,v){if(u=u||0,u<0||u+16>v.length)throw new RangeError(`UUID byte range ${u}:${u+15} is out of buffer bounds`);for(let n=0;n<16;++n)v[u+n]=o[n];return v}return(0,s.unsafeStringify)(o)}d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v5.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.URL=d.DNS=void 0;const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/sha1.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v35.js");var s=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v35.js");Object.defineProperty(d,"DNS",{enumerable:!0,get:function(){return s.DNS}}),Object.defineProperty(d,"URL",{enumerable:!0,get:function(){return s.URL}});function f(e,v,u,o){return(0,m.default)(80,w.default,e,v,u,o)}f.DNS=m.DNS,f.URL=m.URL,d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v6.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v1.js"),s=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v1ToV6.js");function f(e,v,u){e!=null||(e={}),u!=null||(u=0);let o=(0,m.default)(P(S({},e),{_v6:!0}),new Uint8Array(16));if(o=(0,s.default)(o),v){if(u<0||u+16>v.length)throw new RangeError(`UUID byte range ${u}:${u+15} is out of buffer bounds`);for(let j=0;j<16;j++)v[u+j]=o[j];return v}return(0,w.unsafeStringify)(o)}d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v6ToV1.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/parse.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js");function s(e){const v=typeof e=="string"?(0,w.default)(e):e,u=f(v);return typeof e=="string"?(0,m.unsafeStringify)(u):u}d.default=s;function f(e){return Uint8Array.of((e[3]&15)<<4|e[4]>>4&15,(e[4]&15)<<4|(e[5]&240)>>4,(e[5]&15)<<4|e[6]&15,e[7],(e[1]&15)<<4|(e[2]&240)>>4,(e[2]&15)<<4|(e[3]&240)>>4,16|(e[0]&240)>>4,(e[0]&15)<<4|(e[1]&240)>>4,e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15])}},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/v7.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0}),d.updateV7State=void 0;const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/rng.js"),m=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/stringify.js"),s={};function f(u,o,j){var l,n,p;let _;if(u)_=v((p=(n=u.random)!=null?n:(l=u.rng)==null?void 0:l.call(u))!=null?p:(0,w.default)(),u.msecs,u.seq,o,j);else{const y=Date.now(),t=(0,w.default)();e(s,y,t),_=v(t,s.msecs,s.seq,o,j)}return o!=null?o:(0,m.unsafeStringify)(_)}function e(u,o,j){var _,l;return(_=u.msecs)!=null||(u.msecs=-1/0),(l=u.seq)!=null||(u.seq=0),o>u.msecs?(u.seq=j[6]<<23|j[7]<<16|j[8]<<8|j[9],u.msecs=o):(u.seq=u.seq+1|0,u.seq===0&&u.msecs++),u}d.updateV7State=e;function v(u,o,j,_,l=0){if(u.length<16)throw new Error("Random bytes length must be >= 16");if(!_)_=new Uint8Array(16),l=0;else if(l<0||l+16>_.length)throw new RangeError(`UUID byte range ${l}:${l+15} is out of buffer bounds`);return o!=null||(o=Date.now()),j!=null||(j=u[6]*127<<24|u[7]<<16|u[8]<<8|u[9]),_[l++]=o/1099511627776&255,_[l++]=o/4294967296&255,_[l++]=o/16777216&255,_[l++]=o/65536&255,_[l++]=o/256&255,_[l++]=o&255,_[l++]=112|j>>>28&15,_[l++]=j>>>20&255,_[l++]=128|j>>>14&63,_[l++]=j>>>6&255,_[l++]=j<<2&255|u[10]&3,_[l++]=u[11],_[l++]=u[12],_[l++]=u[13],_[l++]=u[14],_[l++]=u[15],_}d.default=f},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/validate.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/regex.js");function m(s){return typeof s=="string"&&w.default.test(s)}d.default=m},"../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/version.js"(b,d,c){Object.defineProperty(d,"__esModule",{value:!0});const w=c("../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/cjs-browser/validate.js");function m(s){if(!(0,w.default)(s))throw TypeError("Invalid UUID");return parseInt(s.slice(14,15),16)}d.default=m}}]);})();

package/storybook/882.3e14d778.iframe.bundle.js

@@ -0,0 +1,28 @@
+(()=>{var j=Object.defineProperty,R=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var S=(d,e,t)=>e in d?j(d,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[e]=t,p=(d,e)=>{for(var t in e||(e={}))x.call(e,t)&&S(d,t,e[t]);if(D)for(var t of D(e))O.call(e,t)&&S(d,t,e[t]);return d},M=(d,e)=>R(d,U(e));var L=(d,e)=>{var t={};for(var a in d)x.call(d,a)&&e.indexOf(a)<0&&(t[a]=d[a]);if(d!=null&&D)for(var a of D(d))e.indexOf(a)<0&&O.call(d,a)&&(t[a]=d[a]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[882],{"../../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[12].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/UILoader/UILoader.scss"(d,e,t){var a=t("../../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"),l=t("../../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"),n=l(a);n.push([d.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:var(--vscode-cornerRadius-small, 4px);color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}: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)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),d.exports=n},"./src/components/UILoader/UILoader.scss"(d,e,t){"use strict";t.r(e),t.d(e,{default:()=>b});var a=t("../../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"),l=t.n(a),n=t("../../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(n),o=t("../../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"),s=t.n(o),r=t("../../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"),u=t.n(r),c=t("../../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=t.n(c),m=t("../../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"),g=t.n(m),h=t("../../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[12].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/UILoader/UILoader.scss"),y=t.n(h),w={};for(const E in h)E!=="default"&&(w[E]=()=>h[E]);t.d(e,w);var f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=_(),f.insertStyleElement=i();var v=l()(y(),f);const b=y()&&y().locals?y().locals:void 0},"./src/components/UIDialog/UIDialog.tsx"(d,e,t){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDialog=e.UIDialogScrollArea=e.DIALOG_STYLES=e.DIALOG_MAX_HEIGHT_OFFSET=void 0;const l=a(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../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/components/UIButton/index.tsx"),o=t("./src/utilities/DeepMerge.ts");t("./src/styles/_shadows.scss"),e.DIALOG_MAX_HEIGHT_OFFSET=32,e.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)"},modalOverlay:{background:"var(--vscode-editor-background)",opacity:.8}};var s;(function(u){u.Content="Content",u.Dialog="Dialog"})(s||(e.UIDialogScrollArea=s={}));class r extends l.default.Component{constructor(c){super(c),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(c){const{scrollArea:i}=this.props;c.scrollArea!==i&&(i===s.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-e.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let c;const{acceptButtonText:i,cancelButtonText:m,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:w,footer:f}=this.props,v={styles:{actionsRight:{width:"100%",textAlign:"center",justifyContent:"center",margin:"0px"},actions:{margin:`${e.DIALOG_STYLES.vPaddingHalf}px 0 ${e.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return f?c=l.default.createElement(n.DialogFooter,p({},v),f):(g||h)&&(c=l.default.createElement(n.DialogFooter,p({},v),g?l.default.createElement(_.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},i):"",h?l.default.createElement(_.UIDefaultButton,{onClick:h,style:{height:"26px"},id:w},m):"")),c}onHeaderMouseDown(c){var m;if(!((m=this.props.modalProps)!=null&&m.dragOptions))return;const i=c.target.closest(".ms-Dialog-main");i!=null&&i.firstChild&&i.firstChild.focus()}render(){const I=this.props,{acceptButtonText:c,cancelButtonText:i,onAccept:m,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:w,closeButtonVisible:f,multiLineTitle:v,scrollArea:b=s.Content,children:E}=I,T=L(I,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount},overlay:{styles:{root:{background:e.DIALOG_STYLES.modalOverlay.background,opacity:e.DIALOG_STYLES.modalOverlay.opacity}}}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:p({backgroundColor:e.DIALOG_STYLES.background,border:`1px solid ${e.DIALOG_STYLES.borderColor}`,boxShadow:e.DIALOG_STYLES.boxShadow,borderRadius:e.DIALOG_STYLES.borderRadius,minHeight:100},b===s.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:p({padding:`${e.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:e.DIALOG_STYLES.title.color},!v&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${e.DIALOG_STYLES.vPadding}px ${e.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:f?void 0:"none"},inner:p({padding:"0"},b===s.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:p({margin:"0",lineHeight:18},e.DIALOG_STYLES.contentText),content:p(p({},e.DIALOG_STYLES.contentText),b===s.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:p({padding:`${e.DIALOG_STYLES.vPaddingHalf}px ${e.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},b===s.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},P=(0,o.deepMerge)(A,T);return l.default.createElement(n.Dialog,p({},P),E,this.getFooter())}}e.UIDialog=r,r.defaultProps={isOpenAnimated:!0},r.__docgenInfo={description:`UIDialog component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
+and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
+
+@exports
+@class UIDialog
+@extends {React.Component<IDialogProps, {}>}`,methods:[{name:"getFooter",docblock:`Method returns footer element depending in component props.
+Three states.
+1. Accept/Decline buttons.
+2. Custom content of footer.
+3. No footer.
+
+@returns {JSX.Element | null} Footer element to render.`,modifiers:[],params:[],returns:{description:"Footer element to render.",type:{name:"union",raw:"JSX.Element | undefined",elements:[{name:"JSX.Element"},{name:"undefined"}]}},description:`Method returns footer element depending in component props.
+Three states.
+1. Accept/Decline buttons.
+2. Custom content of footer.
+3. No footer.`},{name:"onHeaderMouseDown",docblock:`Method handles mousedown event for dialog header area.
+Method added to handle scenario when we open dropdown menu and move dialog.
+Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.
+
+@param {React.MouseEvent} event Mousedown event`,modifiers:[],params:[{name:"event",description:"Mousedown event",type:{name:"ReactMouseEvent",raw:"React.MouseEvent",alias:"React.MouseEvent"},optional:!1}],returns:{type:{name:"void"}},description:`Method handles mousedown event for dialog header area.
+Method added to handle scenario when we open dropdown menu and move dialog.
+Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.`}],displayName:"UIDialog",props:{acceptButtonText:{required:!1,tsType:{name:"string"},description:""},cancelButtonText:{required:!1,tsType:{name:"string"},description:""},acceptButtonId:{required:!1,tsType:{name:"string"},description:""},cancelButtonId:{required:!1,tsType:{name:"string"},description:""},onAccept:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},scrollArea:{required:!1,tsType:{name:"UIDialogScrollArea"},description:""},closeButtonVisible:{required:!1,tsType:{name:"boolean"},description:""},footer:{required:!1,tsType:{name:"union",raw:"React.ReactElement | React.ReactElement[]",elements:[{name:"ReactReactElement",raw:"React.ReactElement"},{name:"Array",elements:[{name:"ReactReactElement",raw:"React.ReactElement"}],raw:"React.ReactElement[]"}]},description:""},multiLineTitle:{required:!1,tsType:{name:"boolean"},description:""},title:{required:!1,tsType:{name:"union",raw:"string | JSX.Element",elements:[{name:"string"},{name:"JSX.Element"}]},description:"The title text to display at the top of the dialog."},isOpenAnimated:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}},composes:["IDialogProps"]}},"./src/components/UIDialog/index.ts"(d,e,t){"use strict";var a=this&&this.__createBinding||(Object.create?(function(n,_,o,s){s===void 0&&(s=o);var r=Object.getOwnPropertyDescriptor(_,o);(!r||("get"in r?!_.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(n,s,r)}):(function(n,_,o,s){s===void 0&&(s=o),n[s]=_[o]})),l=this&&this.__exportStar||function(n,_){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&a(_,n,o)};Object.defineProperty(e,"__esModule",{value:!0}),l(t("./src/components/UIDialog/UIDialog.tsx"),e)},"./src/components/UILoader/UILoader.tsx"(d,e,t){"use strict";var a=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILoader=e.UISpinnerSize=void 0;const l=a(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../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(e,"UISpinnerSize",{enumerable:!0,get:function(){return n.SpinnerSize}}),t("./src/components/UILoader/UILoader.scss");class _ extends l.default.Component{constructor(s){super(s)}render(){const{blockDOM:s,delayed:r}=this.props,u=()=>({root:p({},s&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),c=l.default.createElement(n.Spinner,M(p({},this.props),{styles:u}));if(s){const i=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return l.default.createElement(n.Overlay,{className:`ui-loader-blocker${r?" ui-loader--delayed":""}`,styles:i},c)}else return c}}e.UILoader=_,_.__docgenInfo={description:`UILoader component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/spinner
+
+@exports
+@class UILoader
+@extends {React.Component<ISpinnerProps, {}>}`,methods:[],displayName:"UILoader",props:{blockDOM:{required:!1,tsType:{name:"boolean"},description:""},delayed:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ISpinnerProps"]}},"./src/components/UILoader/index.tsx"(d,e,t){"use strict";var a=this&&this.__createBinding||(Object.create?(function(n,_,o,s){s===void 0&&(s=o);var r=Object.getOwnPropertyDescriptor(_,o);(!r||("get"in r?!_.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(n,s,r)}):(function(n,_,o,s){s===void 0&&(s=o),n[s]=_[o]})),l=this&&this.__exportStar||function(n,_){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&a(_,n,o)};Object.defineProperty(e,"__esModule",{value:!0}),l(t("./src/components/UILoader/UILoader.tsx"),e)},"./src/utilities/DeepMerge.ts"(d,e,t){"use strict";var a=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.deepMerge=n;const l=a(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(o,s){var c;const r=Object.keys(o).length?n({},o):{},u=Object.keys(s);for(const i of u){const m=s[i];if(_(m))if(!r[i]||_(r[i]))r[i]=n((c=r[i])!=null?c:{},m);else throw new Error("Object structures are not compatible!");else r[i]=m}return r}function _(o){return o?typeof o=="object"&&!Array.isArray(o)&&!l.default.isValidElement(o):!1}}}]);})();