@sap-ux/ui-components/storybook/381.895e9ef8.iframe.bundle.js

SAP UI Components Library

(()=>{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,b=(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([[381],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/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_postcss@8.5.15_/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_postcss@8.5.15_/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_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/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_postcss@8.5.15_/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_postcss@8.5.15_/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_postcss@8.5.15_/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_postcss@8.5.15_/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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),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_postcss@8.5.15_/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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),n=e.n(s),u=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),a=e.n(u),h={};for(const T in u)T!=="default"&&(h[T]=()=>u[T]);e.d(_,h);var y={};y.styleTagTransform=n(),y.setAttributes=f(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=d();var I=m()(a(),y);const E=a()&&a().locals?a().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_postcss@8.5.15_/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_postcss@8.5.15_/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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),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_postcss@8.5.15_/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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),n=e.n(s),u=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),a=e.n(u),h={};for(const T in u)T!=="default"&&(h[T]=()=>u[T]);e.d(_,h);var y={};y.styleTagTransform=n(),y.setAttributes=f(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=d();var I=m()(a(),y);const E=a()&&a().locals?a().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.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/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,b({},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.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");var t=e("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"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(c){super(c)}render(){return m.default.createElement(l.FocusZone,b({},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 c=Object.getOwnPropertyDescriptor(t,o);(!c||("get"in c?!t.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(l,r,c)}):(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,u){u===void 0&&(u=n);var a=Object.getOwnPropertyDescriptor(s,n);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[n]}}),Object.defineProperty(d,u,a)}):(function(d,s,n,u){u===void 0&&(u=n),d[u]=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 u=[];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(u[u.length]=a);return u},d(s)};return function(s){if(s&&s.__esModule)return s;var n={};if(s!=null)for(var u=d(s),a=0;a<u.length;a++)u[a]!=="default"&&g(n,s,u[a]);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"),c=e("./src/components/UIFocusZone/index.tsx"),f=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,f.getUIId)("ui-toggle-group-option-"),this.onClick=(n,u)=>{let a=!1;u!=null&&u.itemKey&&this.setState(h=>{var I,E;const y={options:h.options.map((T,O,w)=>T.key===u.itemKey?(a=!w[O].selected,v(b({},T),{selected:a,focused:w[O].focused})):v(b({},T),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(I=this.props).onChange)==null||E.call(I,u.itemKey,a)),y})},this.onFocus=(n,u)=>{u!=null&&u.itemKey&&this.setState(a=>({options:a.options.map(h=>h.key===u.itemKey?v(b({},h),{focused:!0}):v(b({},h),{focused:!1}))}))},this.onBlur=(n,u)=>{this.setState(a=>({options:a.options.map(h=>v(b({},h),{focused:!1}))}))},this.state={options:this.props.options.map(n=>n.key===this.props.selectedKey?v(b({},n),{selected:!0}):b({},n))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return t.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&t.createElement(r.UILabel,v(b({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(c.UIFocusZone,{as:"div",direction:c.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>t.createElement(o.UIToggleGroupOption,v(b({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(f,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(f,s,n)}):(function(f,i,d,s){s===void 0&&(s=d),f[s]=i[d]})),m=this&&this.__setModuleDefault||(Object.create?(function(f,i){Object.defineProperty(f,"default",{enumerable:!0,value:i})}):function(f,i){f.default=i}),l=this&&this.__importStar||(function(){var f=function(i){return f=Object.getOwnPropertyNames||function(d){var s=[];for(var n in d)Object.prototype.hasOwnProperty.call(d,n)&&(s[s.length]=n);return s},f(i)};return function(i){if(i&&i.__esModule)return i;var d={};if(i!=null)for(var s=f(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 c 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(b(v(b({},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",b({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=c,c.__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 c=Object.getOwnPropertyDescriptor(t,o);(!c||("get"in c?!t.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(l,r,c)}):(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 c=Object.getOwnPropertyDescriptor(t,o);(!c||("get"in c?!t.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(l,r,c)}):(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"),_)}}]);})();