%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[105],{1130:function(e,t,a){"use strict";a.d(t,"a",(function(){return w}));var n=a(118),o=a(1100),r=a(1109),l=a(1090),c=a(1117),i=a(1119),s=a(5),p=a(0),d=a(1024),u=a(551),m=a(1087),h=a(1099),b=a(11),f=a(370),g=a(371),j=a(1131),y=a.n(j),O=a(1);const v=Object(d.a)({productionPrefix:"iframe-"});class x extends p.Component{constructor(){super(...arguments),this.state={ready:!1},this.handleRef=e=>{this.contentDocument=e?e.node.contentDocument:null},this.onContentDidMount=()=>{this.setState({ready:!0,jss:Object(f.a)({...Object(u.a)(),plugins:[...Object(u.a)().plugins,Object(g.a)()],insertionPoint:this.contentDocument.querySelector("#jss-demo-insertion-point")}),sheetsManager:new Map,container:this.contentDocument.body})},this.onContentDidUpdate=()=>{this.contentDocument.body.dir=this.props.theme.direction},this.renderHead=()=>Object(O.jsxs)(O.Fragment,{children:[Object(O.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n html {\n font-size: 62.5%;\n font-family: Poppins, Roboto, Helvetica Neue, Arial, sans-serif;\n }\n "}}),Object(O.jsx)("noscript",{id:"jss-demo-insertion-point"})]})}render(){const{children:e,classes:t,theme:a}=this.props;return Object(O.jsx)(y.a,{head:this.renderHead(),ref:this.handleRef,className:Object(s.a)(t.root,"shadow"),contentDidMount:this.onContentDidMount,contentDidUpdate:this.onContentDidUpdate,children:this.state.ready?Object(O.jsx)(m.b,{jss:this.state.jss,generateClassName:v,sheetsManager:this.state.sheetsManager,children:Object(O.jsx)(h.a,{theme:a,children:Object(p.cloneElement)(e,{container:this.state.container})})}):null})}}var C=Object(b.a)((e=>({root:{backgroundColor:e.palette.background.default,flexGrow:1,height:400,border:"none"}})),{withTheme:!0})(x);function S(e){const[t,a]=Object(p.useState)(e.currentTabIndex),{component:d,raw:u,iframe:m,className:h}=e;return Object(O.jsxs)(r.a,{className:Object(s.a)(h,"shadow"),children:[Object(O.jsx)(o.a,{position:"static",color:"default",className:"shadow-0",children:Object(O.jsxs)(i.a,{classes:{root:"border-b-1",flexContainer:"justify-end"},value:t,onChange:function(e,t){a(t)},children:[d&&Object(O.jsx)(c.a,{classes:{root:"min-w-64"},icon:Object(O.jsx)(l.a,{children:"remove_red_eye"})}),u&&Object(O.jsx)(c.a,{classes:{root:"min-w-64"},icon:Object(O.jsx)(l.a,{children:"code"})})]})}),Object(O.jsxs)("div",{className:"flex justify-center max-w-full",children:[Object(O.jsx)("div",{className:0===t?"flex flex-1 max-w-full":"hidden",children:d&&(m?Object(O.jsx)(C,{children:Object(O.jsx)(d,{})}):Object(O.jsx)("div",{className:"p-24 flex flex-1 justify-center max-w-full",children:Object(O.jsx)(d,{})}))}),Object(O.jsx)("div",{className:1===t?"flex flex-1":"hidden",children:u&&Object(O.jsx)("div",{className:"flex flex-1",children:Object(O.jsx)(n.a,{component:"pre",className:"language-javascript w-full",children:u.default})})})]})]})}S.defaultProps={currentTabIndex:0};var w=S},1192:function(e,t,a){"use strict";var n=a(2),o=a(7),r=a(0),l=a(8),c=a(85),i=Object(c.a)(r.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),s=a(11),p=a(31),d=a(25),u=a(15),m=a(221);function h(e){return"Backspace"===e.key||"Delete"===e.key}var b=r.forwardRef((function(e,t){var a=e.avatar,c=e.classes,s=e.className,p=e.clickable,b=e.color,f=void 0===b?"default":b,g=e.component,j=e.deleteIcon,y=e.disabled,O=void 0!==y&&y,v=e.icon,x=e.label,C=e.onClick,S=e.onDelete,w=e.onKeyDown,N=e.onKeyUp,k=e.size,P=void 0===k?"medium":k,T=e.variant,D=void 0===T?"default":T,L=Object(o.a)(e,["avatar","classes","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant"]),I=r.useRef(null),R=Object(d.a)(I,t),F=function(e){e.stopPropagation(),S&&S(e)},$=!(!1===p||!C)||p,M="small"===P,E=g||($?m.a:"div"),z=E===m.a?{component:"div"}:{},V=null;if(S){var _=Object(l.a)("default"!==f&&("default"===D?c["deleteIconColor".concat(Object(u.a)(f))]:c["deleteIconOutlinedColor".concat(Object(u.a)(f))]),M&&c.deleteIconSmall);V=j&&r.isValidElement(j)?r.cloneElement(j,{className:Object(l.a)(j.props.className,c.deleteIcon,_),onClick:F}):r.createElement(i,{className:Object(l.a)(c.deleteIcon,_),onClick:F})}var A=null;a&&r.isValidElement(a)&&(A=r.cloneElement(a,{className:Object(l.a)(c.avatar,a.props.className,M&&c.avatarSmall,"default"!==f&&c["avatarColor".concat(Object(u.a)(f))])}));var H=null;return v&&r.isValidElement(v)&&(H=r.cloneElement(v,{className:Object(l.a)(c.icon,v.props.className,M&&c.iconSmall,"default"!==f&&c["iconColor".concat(Object(u.a)(f))])})),r.createElement(E,Object(n.a)({role:$||S?"button":void 0,className:Object(l.a)(c.root,s,"default"!==f&&[c["color".concat(Object(u.a)(f))],$&&c["clickableColor".concat(Object(u.a)(f))],S&&c["deletableColor".concat(Object(u.a)(f))]],"default"!==D&&[c.outlined,{primary:c.outlinedPrimary,secondary:c.outlinedSecondary}[f]],O&&c.disabled,M&&c.sizeSmall,$&&c.clickable,S&&c.deletable),"aria-disabled":!!O||void 0,tabIndex:$||S?0:void 0,onClick:C,onKeyDown:function(e){e.currentTarget===e.target&&h(e)&&e.preventDefault(),w&&w(e)},onKeyUp:function(e){e.currentTarget===e.target&&(S&&h(e)?S(e):"Escape"===e.key&&I.current&&I.current.blur()),N&&N(e)},ref:R},z,L),A||H,r.createElement("span",{className:Object(l.a)(c.label,M&&c.labelSmall)},x),V)}));t.a=Object(s.a)((function(e){var t="light"===e.palette.type?e.palette.grey[300]:e.palette.grey[700],a=Object(p.a)(e.palette.text.primary,.26);return{root:{fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:e.palette.getContrastText(t),backgroundColor:t,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:"none",padding:0,verticalAlign:"middle",boxSizing:"border-box","&$disabled":{opacity:.5,pointerEvents:"none"},"& $avatar":{marginLeft:5,marginRight:-6,width:24,height:24,color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],fontSize:e.typography.pxToRem(12)},"& $avatarColorPrimary":{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.dark},"& $avatarColorSecondary":{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.dark},"& $avatarSmall":{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)}},sizeSmall:{height:24},colorPrimary:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},colorSecondary:{backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},disabled:{},clickable:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover, &:focus":{backgroundColor:Object(p.d)(t,.08)},"&:active":{boxShadow:e.shadows[1]}},clickableColorPrimary:{"&:hover, &:focus":{backgroundColor:Object(p.d)(e.palette.primary.main,.08)}},clickableColorSecondary:{"&:hover, &:focus":{backgroundColor:Object(p.d)(e.palette.secondary.main,.08)}},deletable:{"&:focus":{backgroundColor:Object(p.d)(t,.08)}},deletableColorPrimary:{"&:focus":{backgroundColor:Object(p.d)(e.palette.primary.main,.2)}},deletableColorSecondary:{"&:focus":{backgroundColor:Object(p.d)(e.palette.secondary.main,.2)}},outlined:{backgroundColor:"transparent",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:Object(p.a)(e.palette.text.primary,e.palette.action.hoverOpacity)},"& $avatar":{marginLeft:4},"& $avatarSmall":{marginLeft:2},"& $icon":{marginLeft:4},"& $iconSmall":{marginLeft:2},"& $deleteIcon":{marginRight:5},"& $deleteIconSmall":{marginRight:3}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat(e.palette.primary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:Object(p.a)(e.palette.primary.main,e.palette.action.hoverOpacity)}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat(e.palette.secondary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:Object(p.a)(e.palette.secondary.main,e.palette.action.hoverOpacity)}},avatar:{},avatarSmall:{},avatarColorPrimary:{},avatarColorSecondary:{},icon:{color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],marginLeft:5,marginRight:-6},iconSmall:{width:18,height:18,marginLeft:4,marginRight:-4},iconColorPrimary:{color:"inherit"},iconColorSecondary:{color:"inherit"},label:{overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},labelSmall:{paddingLeft:8,paddingRight:8},deleteIcon:{WebkitTapHighlightColor:"transparent",color:a,height:22,width:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:Object(p.a)(a,.4)}},deleteIconSmall:{height:16,width:16,marginRight:4,marginLeft:-4},deleteIconColorPrimary:{color:Object(p.a)(e.palette.primary.contrastText,.7),"&:hover, &:active":{color:e.palette.primary.contrastText}},deleteIconColorSecondary:{color:Object(p.a)(e.palette.secondary.contrastText,.7),"&:hover, &:active":{color:e.palette.secondary.contrastText}},deleteIconOutlinedColorPrimary:{color:Object(p.a)(e.palette.primary.main,.7),"&:hover, &:active":{color:e.palette.primary.main}},deleteIconOutlinedColorSecondary:{color:Object(p.a)(e.palette.secondary.main,.7),"&:hover, &:active":{color:e.palette.secondary.main}}}}),{name:"MuiChip"})(b)},1331:function(e,t,a){"use strict";a(1205);var n=a(2),o=(a(1225),a(105)),r=a(20),l=a(88),c=a(34),i=(a(29),a(197)),s=a(164),p=a(196),d=a(0),u=a.n(d),m=(a(1269),a(22),a(373),a(1266)),h=a(1232),b=(a(1206),a(1334),a(1292),a(1336));function f(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=Object(p.a)(e);if(t){var o=Object(p.a)(this).constructor;a=Reflect.construct(n,arguments,o)}else a=n.apply(this,arguments);return Object(s.a)(this,a)}}function g(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}var j=function(){var e=arguments.length>1?arguments[1]:void 0,t=String(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase(),a=String(e.value).toLowerCase(),n=String(e.label).toLowerCase();return a===t||n===t},y=function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?g(Object(a),!0).forEach((function(t){Object(r.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):g(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({allowCreateWhileLoading:!1,createOptionPosition:"last"},{formatCreateLabel:function(e){return'Create "'.concat(e,'"')},isValidNewOption:function(e,t,a){return!(!e||t.some((function(t){return j(e,t)}))||a.some((function(t){return j(e,t)})))},getNewOptionData:function(e,t){return{label:t,value:e,__isNew__:!0}}}),O=function(e){var t,a;return a=t=function(t){Object(i.a)(r,t);var a=f(r);function r(e){var t;Object(l.a)(this,r),(t=a.call(this,e)).select=void 0,t.onChange=function(e,a){var n=t.props,r=n.getNewOptionData,l=n.inputValue,c=n.isMulti,i=n.onChange,s=n.onCreateOption,p=n.value,d=n.name;if("select-option"!==a.action)return i(e,a);var u=t.state.newOption,h=Array.isArray(e)?e:[e];if(h[h.length-1]!==u)i(e,a);else if(s)s(l);else{var b=r(l,l),f={action:"create-option",name:d};i(c?[].concat(Object(o.a)(Object(m.c)(p)),[b]):b,f)}};var n=e.options||[];return t.state={newOption:void 0,options:n},t}return Object(c.a)(r,[{key:"UNSAFE_componentWillReceiveProps",value:function(e){var t=e.allowCreateWhileLoading,a=e.createOptionPosition,n=e.formatCreateLabel,r=e.getNewOptionData,l=e.inputValue,c=e.isLoading,i=e.isValidNewOption,s=e.value,p=e.options||[],d=this.state.newOption;d=i(l,Object(m.c)(s),p)?r(l,n(l)):void 0,this.setState({newOption:d,options:!t&&c||!d?p:"first"===a?[d].concat(Object(o.a)(p)):[].concat(Object(o.a)(p),[d])})}},{key:"focus",value:function(){this.select.focus()}},{key:"blur",value:function(){this.select.blur()}},{key:"render",value:function(){var t=this,a=this.state.options;return u.a.createElement(e,Object(n.a)({},this.props,{ref:function(e){t.select=e},options:a,onChange:this.onChange}))}}]),r}(d.Component),t.defaultProps=y,a}(h.a),v=Object(b.a)(O);t.a=v},1370:function(e,t,a){"use strict";a.d(t,"a",(function(){return y}));var n=a(1192),o=a(1092),r=a(193),l=a(1072),c=a(65),i=a(1096),s=a(194),p=a(5),d=a(0),u=a(1337),m=a(1331),h=a(1);const b=Object(l.a)((e=>({root:{"& .fuse-chip-select__input":{color:e.palette.text.primary},"&.standard":{"& $placeholder":{},"& $valueContainer":{paddingTop:4}},"&.filled":{"& $placeholder":{left:12},"& $valueContainer":{paddingTop:24,paddingLeft:12},"& $chip":{border:"1px solid rgba(0, 0, 0, 0.12)"}},"&.outlined":{"& $placeholder":{left:12},"& $valueContainer":{paddingLeft:12,paddingTop:12}}},input:{display:"flex",padding:0,height:"auto",minHeight:56},valueContainer:{display:"flex",flexWrap:"wrap",flex:1,alignItems:"center",paddingBottom:4,paddingTop:12,minHeight:40},chip:{margin:"4px 4px 4px 0"},chipFocused:{backgroundColor:Object(c.emphasize)("light"===e.palette.type?e.palette.grey[300]:e.palette.grey[700],.08)},noOptionsMessage:{padding:"".concat(e.spacing(),"px ").concat(e.spacing(2),"px")},singleValue:{fontSize:16},placeholder:{position:"absolute",left:0,fontSize:16,margin:0},paper:{position:"absolute",zIndex:2,marginTop:e.spacing(),left:0,right:0},divider:{height:e.spacing(2)}})));function f(e){let{inputRef:t,...a}=e;return Object(h.jsx)("div",{ref:t,...a})}const g={Control:function(e){const t=b();return Object(h.jsx)(i.a,{fullWidth:!0,className:Object(p.a)(t.root,e.selectProps.textFieldProps.variant),required:e.selectProps.required,error:e.selectProps.error,InputProps:{inputComponent:f,inputProps:{className:t.input,inputRef:e.innerRef,children:e.children,...e.innerProps}},...e.selectProps.textFieldProps})},Menu:function(e){const t=b();return Object(h.jsx)(r.a,{square:!0,className:t.paper,...e.innerProps,children:e.children})},MultiValue:function(e){const t=b();return Object(h.jsx)(n.a,{tabIndex:-1,label:e.children,className:Object(p.a)(t.chip,{[t.chipFocused]:e.isFocused},e.data.class),onDelete:t=>{e.removeProps.onClick(),e.removeProps.onMouseDown(t)}})},NoOptionsMessage:function(e){const t=b();return Object(h.jsx)(s.a,{color:"textSecondary",className:t.noOptionsMessage,...e.innerProps,children:e.children})},Option:function(e){return Object(h.jsx)(o.a,{buttonRef:e.innerRef,selected:e.isFocused,component:"div",style:{fontWeight:e.isSelected?600:400},...e.innerProps,children:e.children})},Placeholder:function(e){const t=b();return Object(h.jsx)(s.a,{color:"textSecondary",className:t.placeholder,...e.innerProps,children:e.children})},SingleValue:function(e){const t=b();return Object(h.jsx)(s.a,{className:t.singleValue,...e.innerProps,children:e.children})},ValueContainer:function(e){const t=b();return Object(h.jsx)("div",{className:t.valueContainer,children:e.children})}};function j(e){const t=t=>{null===t&&(t=[]),e.onChange&&e.onChange(t)};return"fixed"===e.variant?Object(h.jsx)(u.a,{classNamePrefix:"fuse-chip-select",...e,components:g,onChange:t}):Object(h.jsx)(m.a,{classNamePrefix:"fuse-chip-select",...e,components:g,onChange:t})}var y=Object(d.memo)(j)},1657:function(e,t,a){"use strict";a.r(t);var n=a(1370),o=a(194),r=a(0),l=a(1);const c=["Sea","Sky","Forest","Aerial","Art"].map((e=>({value:e,label:e})));t.default=function(){const[e,t]=Object(r.useState)([{value:"nature",label:"Nature"},{value:"city",label:"City"},{value:"landscape",label:"Landscape"}]);function a(e){t(e)}return Object(l.jsxs)("div",{className:"w-full max-w-sm pt-64 pb-224",children:[Object(l.jsx)(o.a,{className:"text-24 mt-24 mb-8",component:"h2",children:"Standart"}),Object(l.jsx)(n.a,{className:"w-full my-16",value:e,onChange:a,placeholder:"Select multiple tags",textFieldProps:{label:"Tags",InputLabelProps:{shrink:!0},variant:"standard"},options:c,isMulti:!0}),Object(l.jsx)(o.a,{className:"text-24 mt-24 mb-8",component:"h2",children:"Outlined"}),Object(l.jsx)(n.a,{className:"w-full my-16",value:e,onChange:a,placeholder:"Select multiple tags",textFieldProps:{label:"Tags",InputLabelProps:{shrink:!0},variant:"outlined"},options:c,isMulti:!0}),Object(l.jsx)(o.a,{className:"text-24 mt-24 mb-8",component:"h2",children:"Filled"}),Object(l.jsx)(n.a,{className:"w-full my-16",value:e,onChange:a,placeholder:"Select multiple tags",textFieldProps:{label:"Tags",InputLabelProps:{shrink:!0},variant:"filled"},options:c,isMulti:!0})]})}},1661:function(e,t,a){"use strict";a.r(t),t.default="import FuseChipSelect from '@fuse/core/FuseChipSelect';\nimport Typography from '@material-ui/core/Typography';\nimport { useState } from 'react';\n\nconst suggestions = ['Sea', 'Sky', 'Forest', 'Aerial', 'Art'].map((item) => ({\n value: item,\n label: item,\n}));\n\nfunction SimpleExample() {\n const [tags, setTags] = useState([\n {\n value: 'nature',\n label: 'Nature',\n },\n {\n value: 'city',\n label: 'City',\n },\n {\n value: 'landscape',\n label: 'Landscape',\n },\n ]);\n\n function handleChipChange(value) {\n setTags(value);\n }\n\n return (\n <div className=\"w-full max-w-sm pt-64 pb-224\">\n <Typography className=\"text-24 mt-24 mb-8\" component=\"h2\">\n Standart\n </Typography>\n\n <FuseChipSelect\n className=\"w-full my-16\"\n value={tags}\n onChange={handleChipChange}\n placeholder=\"Select multiple tags\"\n textFieldProps={{\n label: 'Tags',\n InputLabelProps: {\n shrink: true,\n },\n variant: 'standard',\n }}\n options={suggestions}\n isMulti\n />\n\n <Typography className=\"text-24 mt-24 mb-8\" component=\"h2\">\n Outlined\n </Typography>\n\n <FuseChipSelect\n className=\"w-full my-16\"\n value={tags}\n onChange={handleChipChange}\n placeholder=\"Select multiple tags\"\n textFieldProps={{\n label: 'Tags',\n InputLabelProps: {\n shrink: true,\n },\n variant: 'outlined',\n }}\n options={suggestions}\n isMulti\n />\n\n <Typography className=\"text-24 mt-24 mb-8\" component=\"h2\">\n Filled\n </Typography>\n\n <FuseChipSelect\n className=\"w-full my-16\"\n value={tags}\n onChange={handleChipChange}\n placeholder=\"Select multiple tags\"\n textFieldProps={{\n label: 'Tags',\n InputLabelProps: {\n shrink: true,\n },\n variant: 'filled',\n }}\n options={suggestions}\n isMulti\n />\n </div>\n );\n}\n\nexport default SimpleExample;\n"},2550:function(e,t,a){"use strict";a.r(t);var n=a(1130),o=a(194),r=a(28),l=a(1);t.default=function(){return Object(l.jsxs)(l.Fragment,{children:[Object(l.jsx)(o.a,{variant:"h4",className:"mb-24",children:"FuseChipSelect"}),Object(l.jsxs)(o.a,{className:"mb-16",component:"p",children:[Object(l.jsx)("code",{children:"FuseChipSelect"})," is a multiple chip select component which uses react-select and material-ui Chip."]}),Object(l.jsx)("hr",{}),Object(l.jsx)(o.a,{className:"mt-32 mb-8",variant:"h5",children:"Example Usages"}),Object(l.jsx)(n.a,{className:"mb-64",component:a(1657).default,raw:a(1661)}),Object(l.jsx)(o.a,{className:"mt-32 mb-8",variant:"h5",children:"Demos"}),Object(l.jsx)("ul",{children:Object(l.jsx)("li",{className:"mb-8",children:Object(l.jsx)(r.a,{to:"/apps/e-commerce/products/1",children:"E-Commerce Product Page"})})})]})}}}]);
Zerion Mini Shell 1.0