From aaf1ecb17aa7dacb78982c3b801f6a18b61456c7 Mon Sep 17 00:00:00 2001 From: Minna Salonen Date: Thu, 20 Jul 2023 11:18:26 +0300 Subject: [PATCH] added demo for HDS-1752 --- .../0eecdb26e72fcd7501c2.woff | Bin 0 -> 51164 bytes .../106.7554f6f3.iframe.bundle.js | 1 + .../20d494430c87e15e194932b729d48270.woff | Bin 0 -> 54396 bytes .../252.2cda80e0.iframe.bundle.js | 1 + .../2641f0493c9aef319003.woff | Bin 0 -> 52924 bytes ...344.b7fc0ab1700ca38c81e0.manager.bundle.js | 1 + .../375.f75c51a2.iframe.bundle.js | 2 + .../375.f75c51a2.iframe.bundle.js.LICENSE.txt | 8 + ...429.ec6a4122674a4b4c7e0c.manager.bundle.js | 1 + .../499.39b9a68e.iframe.bundle.js | 7 + .../499.39b9a68e.iframe.bundle.js.LICENSE.txt | 114 + .../499.39b9a68e.iframe.bundle.js.map | 1 + .../533af26cf28d7660f24c2884d3c27eac.woff | Bin 0 -> 52216 bytes .../565d73a693abe0776c801607ac28f0bf.woff | Bin 0 -> 48992 bytes .../583.22346854.iframe.bundle.js | 2 + .../583.22346854.iframe.bundle.js.LICENSE.txt | 12 + .../593.9cd3c446.iframe.bundle.js | 2 + .../593.9cd3c446.iframe.bundle.js.LICENSE.txt | 31 + .../5bb29e3b7b1d3ef30121229bbe67c3e1.woff | Bin 0 -> 50968 bytes .../60.792d33441922af562cb4.manager.bundle.js | 2 + ...1922af562cb4.manager.bundle.js.LICENSE.txt | 12 + .../62a1781d8b396fbb025b0552cf6304d2.woff | Bin 0 -> 52092 bytes ...665.cafa0d4df989ca4a681d.manager.bundle.js | 2 + ...f989ca4a681d.manager.bundle.js.LICENSE.txt | 8 + .../672.8c4f50dd.iframe.bundle.js | 1 + ...709.29c62ccf14097c260922.manager.bundle.js | 2 + ...14097c260922.manager.bundle.js.LICENSE.txt | 94 + ...735.925e538b960f4871ecc5.manager.bundle.js | 1 + .../7c46f288e8133b87e6b12b45dac71865.woff | Bin 0 -> 51164 bytes ...825.55ab3c4926e1fe6c892c.manager.bundle.js | 2 + ...26e1fe6c892c.manager.bundle.js.LICENSE.txt | 31 + .../8287fd935a77dc149fbf.woff | Bin 0 -> 52216 bytes .../838.ee84b36f.iframe.bundle.js | 1 + .../892.4402bd18.iframe.bundle.js | 2 + .../892.4402bd18.iframe.bundle.js.LICENSE.txt | 11 + ...950.beb339a4aa9acc448016.manager.bundle.js | 1 + .../a50a1bd245ce63abcc0d1da80ff790d2.woff | Bin 0 -> 50396 bytes .../ac06baf0acb35bb93c0b.png | Bin 0 -> 44826 bytes .../be9a994463db18c52f8b.woff | Bin 0 -> 52092 bytes .../df29a4d17d02b8fe5c30.woff | Bin 0 -> 48992 bytes .../e62dc97e83a385e4d8cdc939cf1e4213.woff | Bin 0 -> 52924 bytes .../eb2614cfc5b332b75292.jpg | Bin 0 -> 419294 bytes .../ebf10695325d2deb3907.woff | Bin 0 -> 50968 bytes .../ee5162ffaea474534ef2.woff | Bin 0 -> 50396 bytes .../ef0d93a98aa30b9c3cef.woff | Bin 0 -> 54396 bytes .../f3b374ad3ff135c4f79b.png | Bin 0 -> 13864 bytes .../favicon.ico | Bin 0 -> 32988 bytes .../iframe.html | 353 +++ .../index.html | 59 + ...ain.4ef22571d9308a1e496e.manager.bundle.js | 1 + .../main.7776b828.iframe.bundle.js | 1 + ...ain.1ae3eac22ca60ab2d32d.manager.bundle.js | 1 + .../runtime~main.bb1b8606.iframe.bundle.js | 1 + .../static/css/main.22d2c684.css | 2189 +++++++++++++++++ .../static/css/main.22d2c684.css.map | 1 + 55 files changed, 2959 insertions(+) create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/0eecdb26e72fcd7501c2.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/106.7554f6f3.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/20d494430c87e15e194932b729d48270.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/252.2cda80e0.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/2641f0493c9aef319003.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/344.b7fc0ab1700ca38c81e0.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/429.ec6a4122674a4b4c7e0c.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/499.39b9a68e.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/499.39b9a68e.iframe.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/499.39b9a68e.iframe.bundle.js.map create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/533af26cf28d7660f24c2884d3c27eac.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/565d73a693abe0776c801607ac28f0bf.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/583.22346854.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/583.22346854.iframe.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/593.9cd3c446.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/593.9cd3c446.iframe.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/5bb29e3b7b1d3ef30121229bbe67c3e1.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/60.792d33441922af562cb4.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/60.792d33441922af562cb4.manager.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/62a1781d8b396fbb025b0552cf6304d2.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/665.cafa0d4df989ca4a681d.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/665.cafa0d4df989ca4a681d.manager.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/672.8c4f50dd.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/709.29c62ccf14097c260922.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/709.29c62ccf14097c260922.manager.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/735.925e538b960f4871ecc5.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/7c46f288e8133b87e6b12b45dac71865.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/825.55ab3c4926e1fe6c892c.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/825.55ab3c4926e1fe6c892c.manager.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/8287fd935a77dc149fbf.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/838.ee84b36f.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/892.4402bd18.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/892.4402bd18.iframe.bundle.js.LICENSE.txt create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/950.beb339a4aa9acc448016.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/a50a1bd245ce63abcc0d1da80ff790d2.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/ac06baf0acb35bb93c0b.png create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/be9a994463db18c52f8b.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/df29a4d17d02b8fe5c30.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/e62dc97e83a385e4d8cdc939cf1e4213.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/eb2614cfc5b332b75292.jpg create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/ebf10695325d2deb3907.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/ee5162ffaea474534ef2.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/ef0d93a98aa30b9c3cef.woff create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/f3b374ad3ff135c4f79b.png create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/favicon.ico create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/iframe.html create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/index.html create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/main.4ef22571d9308a1e496e.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/main.7776b828.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/runtime~main.1ae3eac22ca60ab2d32d.manager.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/runtime~main.bb1b8606.iframe.bundle.js create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/static/css/main.22d2c684.css create mode 100644 docs/HDS-1752-remove-open-menu-on-hover/static/css/main.22d2c684.css.map diff --git a/docs/HDS-1752-remove-open-menu-on-hover/0eecdb26e72fcd7501c2.woff b/docs/HDS-1752-remove-open-menu-on-hover/0eecdb26e72fcd7501c2.woff new file mode 100644 index 0000000000000000000000000000000000000000..e2c9615a0143200796f3b0ceaf315e7f2ff6af9d GIT binary patch literal 51164 zcmY(pV{|6p6D|D2ww;M>+qP|cVsoO2ZQHhg;ly^H*tV0K|9amK_ny_eyKA4?Rn=#m zPu0gmQ9=R$0{9uDn*fxb2S{Q0|7ZV?`+tX|lA`L5Lm&WvumJ!tw2HKQ^Gd3!ivR#f zdH?`29{@nEM#fhft*FY#0ss)D|EPa>fYE5CqN}OBvC|Lt002Nh0sv5YepljyrtYr9 z007y?kB|EgTH#d1Ml75x?SJC9{`d_60C0PPwS*;>#x6fvTCN`-=>H$cmUdniKb+8y zbR7V=YhOs+BepU(HUj_(@qc_c{s;Jjf5KKjXA88jNiqm{j@=MVP-aIK#l z6cGbfD7NO#4gf&u?2p|90HF73^=p3HIhy`x8~^;&@)H*#m9TGT#NOERr(QaWA#`OxnCXIztdPx+tWl-R_&%?^uD9qaF%qsa(-h`8mPY(Xw%!up@!o!c{tJ_ zqjB6c84z$-aZblz(E8G3_bC*!<7JbsGJPc(wvHbxk5~3TymPj>jyZv^@=pF})YbzR zB~jK9rR15w!c$LqN^9@9(gpUMic>wi*^B0iiZzs{h|dyFUZ0huloj>7R$BQH)^6D@ zDbh!~^S_S>KHM=)Tv=(i4vI*Mf-}T3Ofyn5ax<_qM10>j z7f;FFh(6o@ondmSpH_XjL9X;IxmHl8SVvgVYGqOZRzj))3o&{PH#3%j$! z?qPAm=RRM>lMO{a5Z=1!z7MwxXK=au@k(O%+?Gd~7o2fpfcz~hxE;|cnzPU{L*wix zs!=Hn1%?RgwzCFwvs&Ra*G~%N&bHRf%@#ZsoIFy1} z1%FXyvA=bfV&R>t$9Q(^3T*oYUUez6=2_?0X!H)fa-Kdg@8u_T(R?S~$L|iRoG)fW zGJ>5X#6>Hl&;~iX4XHuiTc;m-M$`70deTFgs!6KIm=9sK`stb zQgpUgB^JB3rS9yw>Z9 zulH|NXfZGKHzXF=vr`8x@0sw$XsE`W?_)X2)g>L*TtqDv*EMOm#QNofmD!rM8lu-( zy36ehjhcKo*#hQ6pC&qXv}?WhOYk`5c#Uh{ZVi&YU3j_R%k+Rl^1_t9dE3SdX`fU1 z?*;r~UcAa8L6zmP<>xuizzv_)0_2_jO@II~9Cf-TGyY|R@pb@d%1o(q5BGrMr)gTc zEi{T$U^O>%gakfcC(qbMizmJ@rR|2}E3VEj8lw_8=i&<6e+I{G>sB5udT#z(7Hl18 zjU{rx{}4{m7X5>D)&4*v>&Fi+H4x(*UB?sbS=LW>iO+|Vj)PeIqa~TZh#yv>~^YWMEz}3q__ZwUeGi;JJknpSUO3fcd z%&SIsb|N+_omC$2N9kp8l||;K-q99qtH<*dg-hV;vfGxW8A!7*`loe(?QNfCdiN|e zm*3r62EPu(bAp^*jCr)$(I$};<%oTitk8UN+z+3ym6E4ZZ#IOqdH(0KUN!&p6%;Im zcXYzn_OAXABmO9)f{Y>IZvTpKn6Ir^!dXdf(@Wv$txU4I1+k)oL3!Y2#nVJ)<&K0Y*ex$WlBUf`WuL^Xa{?g_Z~-(+mFa4K33K@7VmzWwWj^AZQHP%I5| zv6DtoPa7yKHBk*u;t?)rx*slRw^N_S|u&wfxh5FZb&U^cCBg z_ce7f>;h(;n~xWB_MYm2yKoPdH7-cW{B)r7zQ{$@}_=Glw( zE|mm5tdx?iZt0JV862sv*&nP)dWUvwUz*4B3{1LF30`N0JJj55*zj4kyV^Cj^)<7l z+93QhY4d&`ZWoD&ryPs-Scc-p9(G*dD_PeR0i|y~aJr;am4z<(B5}2in

^qOX{h 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 literal 0 HcmV?d00001 diff --git a/docs/HDS-1752-remove-open-menu-on-hover/106.7554f6f3.iframe.bundle.js b/docs/HDS-1752-remove-open-menu-on-hover/106.7554f6f3.iframe.bundle.js new file mode 100644 index 0000000000..34a0eeb77d --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/106.7554f6f3.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkhds_react=self.webpackChunkhds_react||[]).push([[106],{"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/Color-f953d088.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:()=>ColorControl,default:()=>ColorControl});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js");var _ColorPicker,_fallbackColor,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/index-681e4b07.js"),react__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("../../node_modules/react/index.js"),_storybook_theming__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/theming/dist/esm/index.js");__webpack_require__("../../node_modules/memoizerific/memoizerific.js"),__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/index.js"),__webpack_require__("../../node_modules/qs/lib/index.js");function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(o[t]=e[t]);return o}function i(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(e),n=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var s=function s(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e0:_e.buttons>0)&&m.current?g(d(m.current,_e,b.current)):t(!1)},r=function r(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&&(h(r),!function(e,r){return r&&!f(e)}(r,_.current)&&n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier)}n.focus(),g(d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[p,g]),C=x[0],E=x[1],H=x[2];return(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){return H}),[H]),react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))})),g=function g(e){return e.filter(Boolean).join(" ")},p=function p(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=g(["react-colorful__pointer",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function b(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},_={grad:.9,turn:360,rad:360/(2*Math.PI)},x=function x(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},C=function C(e,r){return void 0===r&&(r="deg"),Number(e)*(_[r]||1)},M=function M(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},N=function N(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:b(e.h),s:b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},w=function w(e){var r=N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function y(e){var r=N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function q(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},z=function z(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function B(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(u<0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},K=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({h:360*e.left})},onKey:function onKey(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":b(t)},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:w({h:t,s:100,v:100,a:1})})))})),L=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:w({h:t.h,s:100,v:100,a:1})};return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__saturation",style:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({s:100*e.left,v:100-100*e.top})},onKey:function onKey(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:w(t)})))})),A=function A(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},S=function S(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function T(e,t,l){var u=i(l),c=(0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return e.toHsva(t)})),s=c[0],f=c[1],v=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)({color:t,hsva:s});(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}}),[t,e]),(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}for(var P="undefined"!=typeof window?react__WEBPACK_IMPORTED_MODULE_26__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_26__.useEffect,R=new Map,V=function V(e){P((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!R.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',R.set(r,t);var n=function X(){return __webpack_require__.nc}();n&&t.setAttribute("nonce",n),r.head.appendChild(t)}}),[])},$=function $(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function toHsva(e){return B(x(e))},fromHsva:function fromHsva(e){return t=(r=q(e)).g,n=r.b,"#"+z(r.r)+z(t)+z(n);var r,t,n},equal:function equal(e,r){return e.toLowerCase()===r.toLowerCase()||A(x(e),x(r))}},Q=function Q(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},n,{a:0}))+", "+y(Object.assign({},n,{a:1}))+")"},l=g(["react-colorful__alpha",t]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){o({a:e.left})},onKey:function onKey(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":b(100*n.a)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__alpha-pointer",left:n.a,color:y(n)})))},U=function U(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Q,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},ee={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function E(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?M({h:C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:y,equal:S},ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function I(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function fromHsva(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:S},cssKeywords={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},reverseKeywords={},_i=0,_Object$keys=Object.keys(cssKeywords);_i<_Object$keys.length;_i++){var key=_Object$keys[_i];reverseKeywords[cssKeywords[key]]=key}for(var convert$1={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},conversions$2=convert$1,_i2=0,_Object$keys2=Object.keys(convert$1);_i2<_Object$keys2.length;_i2++){var model=_Object$keys2[_i2];if(!("channels"in convert$1[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert$1[model]))throw new Error("missing channel labels property: "+model);if(convert$1[model].labels.length!==convert$1[model].channels)throw new Error("channel and label counts mismatch: "+model);var _convert$1$model=convert$1[model],channels=_convert$1$model.channels,labels=_convert$1$model.labels;delete convert$1[model].channels,delete convert$1[model].labels,Object.defineProperty(convert$1[model],"channels",{value:channels}),Object.defineProperty(convert$1[model],"labels",{value:labels})}function comparativeDistance(x,y){return Math.pow(x[0]-y[0],2)+Math.pow(x[1]-y[1],2)+Math.pow(x[2]-y[2],2)}convert$1.rgb.hsl=function(rgb){var h,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&&(h=4+(r-g)/delta),(h=Math.min(60*h,360))<0&&(h+=360);var l=(min+max)/2;return[h,100*(max===min?0:l<=.5?delta/(max+min):delta/(2-max-min)),100*l]},convert$1.rgb.hsv=function(rgb){var rdif,gdif,bdif,h,s,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function diffc(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&&(h=2/3+gdif-rdif),h<0?h+=1:h>1&&(h-=1)),[360*h,100*s,100*v]},convert$1.rgb.hwb=function(rgb){var r=rgb[0],g=rgb[1],b=rgb[2];return[convert$1.rgb.hsl(rgb)[0],100*(1/255*Math.min(r,Math.min(g,b))),100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert$1.rgb.cmyk=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert$1.rgb.keyword=function(rgb){var reversed=reverseKeywords[rgb];if(reversed)return reversed;for(var currentClosestKeyword,currentClosestDistance=1/0,_i3=0,_Object$keys3=Object.keys(cssKeywords);_i3<_Object$keys3.length;_i3++){var keyword=_Object$keys3[_i3],distance=comparativeDistance(rgb,cssKeywords[keyword]);distance.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(g=g>.04045?Math.pow((g+.055)/1.055,2.4):g/12.92)+.1805*(b=b>.04045?Math.pow((b+.055)/1.055,2.4):b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert$1.rgb.lab=function(rgb){var xyz=convert$1.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.hsl.rgb=function(hsl){var t2,t3,val,h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];for(var t1=2*l-(t2=l<.5?l*(1+s):l+s-l*s),rgb=[0,0,0],_i4=0;_i4<3;_i4++)(t3=h+1/3*-(_i4-1))<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[_i4]=255*val;return rgb},convert$1.hsl.hsv=function(hsl){var h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);return s*=(l*=2)<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin,[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert$1.hsv.rgb=function(hsv){var h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert$1.hsv.hsl=function(hsv){var sl,l,h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;var lmin=(2-s)*vmin;return sl=s*vmin,[h,100*(sl=(sl/=lmin<=1?lmin:2-lmin)||0),100*(l/=2)]},convert$1.hwb.rgb=function(hwb){var f,h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);var i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);var r,g,b,n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert$1.cmyk.rgb=function(cmyk){var c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert$1.xyz.rgb=function(xyz){var r,g,b,x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=(r=3.2406*x+-1.5372*y+-.4986*z)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,g=g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g,b=b>.0031308?1.055*Math.pow(b,1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert$1.xyz.lab=function(xyz){var x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.lab.xyz=function(lab){var x,y,z,l=lab[0];x=lab[1]/500+(y=(l+16)/116),z=y-lab[2]/200;var y2=Math.pow(y,3),x2=Math.pow(x,3),z2=Math.pow(z,3);return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,[x*=95.047,y*=100,z*=108.883]},convert$1.lab.lch=function(lab){var h,l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)<0&&(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert$1.lch.lab=function(lch){var l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert$1.rgb.ansi16=function(args){var saturation=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,_args=_slicedToArray(args,3),r=_args[0],g=_args[1],b=_args[2],value=null===saturation?convert$1.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;var ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert$1.hsv.ansi16=function(args){return convert$1.rgb.ansi16(convert$1.hsv.rgb(args),args[2])},convert$1.rgb.ansi256=function(args){var r=args[0],g=args[1],b=args[2];return r===g&&g===b?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert$1.ansi16.rgb=function(args){var color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),[color=color/10.5*255,color,color];var mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert$1.ansi256.rgb=function(args){if(args>=232){var _c=10*(args-232)+8;return[_c,_c,_c]}var rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert$1.rgb.hex=function(args){var string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.hex.rgb=function(args){var match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];var colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((function(char){return char+char})).join(""));var integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert$1.rgb.hcg=function(rgb){var hue,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,[360*(hue%=1),100*chroma,100*(chroma<1?min/(1-chroma):0)]},convert$1.hsl.hcg=function(hsl){var s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l),f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert$1.hsv.hcg=function(hsv){var s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert$1.hcg.rgb=function(hcg){var h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];var mg,pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert$1.hcg.hsv=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert$1.hcg.hsl=function(hcg){var c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert$1.hcg.hwb=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert$1.hwb.hcg=function(hwb){var w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert$1.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert$1.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert$1.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert$1.gray.hsl=function(args){return[0,0,args[0]]},convert$1.gray.hsv=convert$1.gray.hsl,convert$1.gray.hwb=function(gray){return[0,100,gray[0]]},convert$1.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert$1.gray.lab=function(gray){return[gray[0],0,0]},convert$1.gray.hex=function(gray){var val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]};var conversions$1=conversions$2;function deriveBFS(fromModel){var graph=function buildGraph(){for(var graph={},models=Object.keys(conversions$1),len=models.length,_i5=0;_i51&&(args=arg0);var result=fn(args);if("object"===_typeof(result))for(var len=result.length,_i8=0;_i81&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))}));var colorConvert=convert,root=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.u,now_1=function now$1(){return root.Date.now()},reWhitespace=/\s/;var trimmedEndIndex=function trimmedEndIndex$1(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index},reTrimStart=/^\s+/;var baseTrim=function baseTrim$1(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string},isObject$2=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,isSymbol=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.y,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;var toNumber_1=function toNumber$1(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject$2(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject$2(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value},isObject$1=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,now=now_1,toNumber=toNumber_1,nativeMax=Math.max,nativeMin=Math.min;var debounce=function debounce$1(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject$1(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced},isObject=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x;var ColorSpace,throttle_1=function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");return isObject(options)&&(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})},Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({position:"relative",maxWidth:250}),PickerTooltip=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.T)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Swatch=function Swatch(_a){var value=_a.value,active=_a.active,onClick=_a.onClick,style=_a.style,props=(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.d)(_a,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,\')',", linear-gradient(#fff, #fff)");return react__WEBPACK_IMPORTED_MODULE_26__.createElement(SwatchColor,Object.assign({},props,{active,onClick},{style:Object.assign(Object.assign({},style),{backgroundImage})}))},Input=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.F.Input)((function(_ref3){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref3.theme.typography.fonts.base}})),ToggleIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.I)((function(_ref4){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref4.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function J(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement($,u({},r,{colorModel:G}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function pe(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ge}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function re(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ee}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},parseValue=function parseValue(value){var _ref11;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref7,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],_g=_stringToArgs2[1],_b=_stringToArgs2[2],a=_stringToArgs2[3],_ref6=_slicedToArray(colorConvert.rgb.hsl([r,_g,_b])||[0,0,0],3),_h=_ref6[0],_s2=_ref6[1],l=_ref6[2];return _defineProperty(_ref7={valid,value,keyword:colorConvert.rgb.keyword([r,_g,_b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref7,ColorSpace.HSL,"hsla(".concat(_h,", ").concat(_s2,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref7,ColorSpace.HEX,"#".concat(colorConvert.rgb.hex([r,_g,_b]).toLowerCase())),_ref7}if(HSL_REGEXP.test(value)){var _ref10,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h2=_stringToArgs4[0],_s3=_stringToArgs4[1],_l=_stringToArgs4[2],_a2=_stringToArgs4[3],_ref9=_slicedToArray(colorConvert.hsl.rgb([_h2,_s3,_l])||[0,0,0],3),_r=_ref9[0],_g2=_ref9[1],_b2=_ref9[2];return _defineProperty(_ref10={valid,value,keyword:colorConvert.hsl.keyword([_h2,_s3,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g2,", ").concat(_b2,", ").concat(_a2,")")),_defineProperty(_ref10,ColorSpace.HSL,value),_defineProperty(_ref10,ColorSpace.HEX,"#".concat(colorConvert.hsl.hex([_h2,_s3,_l]).toLowerCase())),_ref10}var plain=value.replace("#",""),rgb=colorConvert.keyword.rgb(plain)||colorConvert.hex.rgb(plain),hsl=colorConvert.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{colorConvert.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref11={valid,value:mapped,keyword:colorConvert.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref11,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref11,ColorSpace.HEX,mapped),_ref11}},useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||!(null==color?void 0:color.valid))return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(colorConvert.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(update){var parsed=parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},ColorControl=function ColorControl(_ref12){var name=_ref12.name,initialValue=_ref12.value,onChange=_ref12.onChange,onFocus=_ref12.onFocus,onBlur=_ref12.onBlur,presetColors=_ref12.presetColors,startOpen=_ref12.startOpen,_useColorInput=useColorInput(initialValue,throttle_1(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==currentColor?void 0:currentColor.valid)?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?parseValue(preset):preset.title?Object.assign(Object.assign({},parseValue(preset.color)),{keyword:preset.title}):parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(color){(null==color?void 0:color.valid)&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets,addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react__WEBPACK_IMPORTED_MODULE_26__.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(PickerTooltip,{trigger:"click",startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(TooltipContent,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(Picker,Object.assign({color:"transparent"===realValue?"#000000":realValue},{onChange:updateValue,onFocus,onBlur})),presets.length>0&&react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatches,null,presets.map((function(preset,index){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(Note,{note:preset.keyword||preset.value})},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:realValue,style:{margin:4}})),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Input,{id:(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.z)(name),value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),value?react__WEBPACK_IMPORTED_MODULE_26__.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)}}}]); \ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/20d494430c87e15e194932b729d48270.woff b/docs/HDS-1752-remove-open-menu-on-hover/20d494430c87e15e194932b729d48270.woff new file mode 100644 index 0000000000000000000000000000000000000000..1f70b0de52be4e906ed90943abc87715e7c0e0d9 GIT binary patch literal 54396 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.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{renderDocs:()=>renderDocs,unmountDocs:()=>unmountDocs});__webpack_require__("../../node_modules/regenerator-runtime/runtime.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");var react=__webpack_require__("../../node_modules/react/index.js"),react_dom=__webpack_require__("../../node_modules/react-dom/index.js"),wrapper={fontSize:"14px",letterSpacing:"0.2px",margin:"10px 0"},main={margin:"auto",padding:30,borderRadius:10,background:"rgba(0,0,0,0.03)"},heading={textAlign:"center"},NoDocs=function NoDocs(){return react.createElement("div",{style:wrapper,className:"sb-nodocs sb-wrapper"},react.createElement("div",{style:main},react.createElement("h1",{style:heading},"No Docs"),react.createElement("p",null,"Sorry, but there are no docs for the selected story. To add them, set the story's ",react.createElement("code",null,"docs")," parameter. If you think this is an error:"),react.createElement("ul",null,react.createElement("li",null,"Please check the story definition."),react.createElement("li",null,"Please check the Storybook config."),react.createElement("li",null,"Try reloading the page.")),react.createElement("p",null,"If the problem persists, check the browser console, or the terminal you've run Storybook from.")))};function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function renderDocs(story,docsContext,element,callback){return function renderDocsAsync(_x,_x2,_x3){return _renderDocsAsync.apply(this,arguments)}(story,docsContext,element).then(callback)}function _renderDocsAsync(){return _renderDocsAsync=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(story,docsContext,element){var _docs$getContainer,_docs$getPage,docs,DocsContainer,Page,docsElement;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(!(null!=(docs=story.parameters.docs)&&docs.getPage||null!=docs&&docs.page)||(null!=docs&&docs.getContainer||null!=docs&&docs.container)){_context.next=3;break}throw new Error("No `docs.container` set, did you run `addon-docs/preset`?");case 3:if(_context.t1=docs.container,_context.t1){_context.next=8;break}return _context.next=7,null===(_docs$getContainer=docs.getContainer)||void 0===_docs$getContainer?void 0:_docs$getContainer.call(docs);case 7:_context.t1=_context.sent;case 8:if(_context.t0=_context.t1,_context.t0){_context.next=11;break}_context.t0=function(_ref){var children=_ref.children;return react.createElement(react.Fragment,null,children)};case 11:if(DocsContainer=_context.t0,_context.t3=docs.page,_context.t3){_context.next=17;break}return _context.next=16,null===(_docs$getPage=docs.getPage)||void 0===_docs$getPage?void 0:_docs$getPage.call(docs);case 16:_context.t3=_context.sent;case 17:if(_context.t2=_context.t3,_context.t2){_context.next=20;break}_context.t2=NoDocs;case 20:return Page=_context.t2,docsElement=react.createElement(DocsContainer,{key:story.componentId,context:docsContext},react.createElement(Page,null)),_context.next=24,new Promise((function(resolve){react_dom.render(docsElement,element,resolve)}));case 24:case"end":return _context.stop()}}),_callee)}))),_renderDocsAsync.apply(this,arguments)}function unmountDocs(element){react_dom.unmountComponentAtNode(element)}NoDocs.displayName="NoDocs"}}]); \ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/2641f0493c9aef319003.woff b/docs/HDS-1752-remove-open-menu-on-hover/2641f0493c9aef319003.woff new file mode 100644 index 0000000000000000000000000000000000000000..bbf6b8bff4ecb80fcc1a77effd04fd4fc12b097e GIT binary patch literal 52924 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 z≤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.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:()=>ColorControl,default:()=>ColorControl});__webpack_require__(43105),__webpack_require__(34769),__webpack_require__(16781),__webpack_require__(95342),__webpack_require__(58188),__webpack_require__(71245),__webpack_require__(77950),__webpack_require__(88233),__webpack_require__(85940),__webpack_require__(15735),__webpack_require__(79321),__webpack_require__(28673),__webpack_require__(6886),__webpack_require__(74069),__webpack_require__(43450),__webpack_require__(48319),__webpack_require__(1939),__webpack_require__(32501),__webpack_require__(18178),__webpack_require__(67890),__webpack_require__(44112),__webpack_require__(26936),__webpack_require__(34115),__webpack_require__(634),__webpack_require__(20796),__webpack_require__(27233);var _ColorPicker,_fallbackColor,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__(75426),react__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__(2784),_storybook_theming__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__(2540);__webpack_require__(49224),__webpack_require__(44855),__webpack_require__(19126);function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(o[t]=e[t]);return o}function i(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(e),n=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var s=function s(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e0:_e.buttons>0)&&m.current?g(d(m.current,_e,b.current)):t(!1)},r=function r(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&&(h(r),!function(e,r){return r&&!f(e)}(r,_.current)&&n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier)}n.focus(),g(d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[p,g]),C=x[0],E=x[1],H=x[2];return(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){return H}),[H]),react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))})),g=function g(e){return e.filter(Boolean).join(" ")},p=function p(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=g(["react-colorful__pointer",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function b(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},_={grad:.9,turn:360,rad:360/(2*Math.PI)},x=function x(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},C=function C(e,r){return void 0===r&&(r="deg"),Number(e)*(_[r]||1)},M=function M(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},N=function N(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:b(e.h),s:b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},w=function w(e){var r=N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function y(e){var r=N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function q(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},z=function z(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function B(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(u<0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},K=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({h:360*e.left})},onKey:function onKey(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":b(t)},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:w({h:t,s:100,v:100,a:1})})))})),L=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:w({h:t.h,s:100,v:100,a:1})};return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__saturation",style:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({s:100*e.left,v:100-100*e.top})},onKey:function onKey(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:w(t)})))})),A=function A(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},S=function S(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function T(e,t,l){var u=i(l),c=(0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return e.toHsva(t)})),s=c[0],f=c[1],v=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)({color:t,hsva:s});(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}}),[t,e]),(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}for(var P="undefined"!=typeof window?react__WEBPACK_IMPORTED_MODULE_26__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_26__.useEffect,R=new Map,V=function V(e){P((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!R.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',R.set(r,t);var n=function X(){return __webpack_require__.nc}();n&&t.setAttribute("nonce",n),r.head.appendChild(t)}}),[])},$=function $(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function toHsva(e){return B(x(e))},fromHsva:function fromHsva(e){return t=(r=q(e)).g,n=r.b,"#"+z(r.r)+z(t)+z(n);var r,t,n},equal:function equal(e,r){return e.toLowerCase()===r.toLowerCase()||A(x(e),x(r))}},Q=function Q(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},n,{a:0}))+", "+y(Object.assign({},n,{a:1}))+")"},l=g(["react-colorful__alpha",t]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){o({a:e.left})},onKey:function onKey(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":b(100*n.a)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__alpha-pointer",left:n.a,color:y(n)})))},U=function U(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Q,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},ee={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function E(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?M({h:C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:y,equal:S},ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function I(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function fromHsva(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:S},cssKeywords={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},reverseKeywords={},_i=0,_Object$keys=Object.keys(cssKeywords);_i<_Object$keys.length;_i++){var key=_Object$keys[_i];reverseKeywords[cssKeywords[key]]=key}for(var convert$1={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},conversions$2=convert$1,_i2=0,_Object$keys2=Object.keys(convert$1);_i2<_Object$keys2.length;_i2++){var model=_Object$keys2[_i2];if(!("channels"in convert$1[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert$1[model]))throw new Error("missing channel labels property: "+model);if(convert$1[model].labels.length!==convert$1[model].channels)throw new Error("channel and label counts mismatch: "+model);var _convert$1$model=convert$1[model],channels=_convert$1$model.channels,labels=_convert$1$model.labels;delete convert$1[model].channels,delete convert$1[model].labels,Object.defineProperty(convert$1[model],"channels",{value:channels}),Object.defineProperty(convert$1[model],"labels",{value:labels})}function comparativeDistance(x,y){return Math.pow(x[0]-y[0],2)+Math.pow(x[1]-y[1],2)+Math.pow(x[2]-y[2],2)}convert$1.rgb.hsl=function(rgb){var h,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&&(h=4+(r-g)/delta),(h=Math.min(60*h,360))<0&&(h+=360);var l=(min+max)/2;return[h,100*(max===min?0:l<=.5?delta/(max+min):delta/(2-max-min)),100*l]},convert$1.rgb.hsv=function(rgb){var rdif,gdif,bdif,h,s,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function diffc(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&&(h=2/3+gdif-rdif),h<0?h+=1:h>1&&(h-=1)),[360*h,100*s,100*v]},convert$1.rgb.hwb=function(rgb){var r=rgb[0],g=rgb[1],b=rgb[2];return[convert$1.rgb.hsl(rgb)[0],100*(1/255*Math.min(r,Math.min(g,b))),100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert$1.rgb.cmyk=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert$1.rgb.keyword=function(rgb){var reversed=reverseKeywords[rgb];if(reversed)return reversed;for(var currentClosestKeyword,currentClosestDistance=1/0,_i3=0,_Object$keys3=Object.keys(cssKeywords);_i3<_Object$keys3.length;_i3++){var keyword=_Object$keys3[_i3],distance=comparativeDistance(rgb,cssKeywords[keyword]);distance.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(g=g>.04045?Math.pow((g+.055)/1.055,2.4):g/12.92)+.1805*(b=b>.04045?Math.pow((b+.055)/1.055,2.4):b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert$1.rgb.lab=function(rgb){var xyz=convert$1.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.hsl.rgb=function(hsl){var t2,t3,val,h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];for(var t1=2*l-(t2=l<.5?l*(1+s):l+s-l*s),rgb=[0,0,0],_i4=0;_i4<3;_i4++)(t3=h+1/3*-(_i4-1))<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[_i4]=255*val;return rgb},convert$1.hsl.hsv=function(hsl){var h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);return s*=(l*=2)<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin,[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert$1.hsv.rgb=function(hsv){var h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert$1.hsv.hsl=function(hsv){var sl,l,h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;var lmin=(2-s)*vmin;return sl=s*vmin,[h,100*(sl=(sl/=lmin<=1?lmin:2-lmin)||0),100*(l/=2)]},convert$1.hwb.rgb=function(hwb){var f,h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);var i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);var r,g,b,n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert$1.cmyk.rgb=function(cmyk){var c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert$1.xyz.rgb=function(xyz){var r,g,b,x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=(r=3.2406*x+-1.5372*y+-.4986*z)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,g=g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g,b=b>.0031308?1.055*Math.pow(b,1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert$1.xyz.lab=function(xyz){var x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.lab.xyz=function(lab){var x,y,z,l=lab[0];x=lab[1]/500+(y=(l+16)/116),z=y-lab[2]/200;var y2=Math.pow(y,3),x2=Math.pow(x,3),z2=Math.pow(z,3);return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,[x*=95.047,y*=100,z*=108.883]},convert$1.lab.lch=function(lab){var h,l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)<0&&(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert$1.lch.lab=function(lch){var l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert$1.rgb.ansi16=function(args){var saturation=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,_args=_slicedToArray(args,3),r=_args[0],g=_args[1],b=_args[2],value=null===saturation?convert$1.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;var ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert$1.hsv.ansi16=function(args){return convert$1.rgb.ansi16(convert$1.hsv.rgb(args),args[2])},convert$1.rgb.ansi256=function(args){var r=args[0],g=args[1],b=args[2];return r===g&&g===b?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert$1.ansi16.rgb=function(args){var color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),[color=color/10.5*255,color,color];var mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert$1.ansi256.rgb=function(args){if(args>=232){var _c=10*(args-232)+8;return[_c,_c,_c]}var rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert$1.rgb.hex=function(args){var string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.hex.rgb=function(args){var match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];var colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((function(char){return char+char})).join(""));var integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert$1.rgb.hcg=function(rgb){var hue,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,[360*(hue%=1),100*chroma,100*(chroma<1?min/(1-chroma):0)]},convert$1.hsl.hcg=function(hsl){var s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l),f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert$1.hsv.hcg=function(hsv){var s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert$1.hcg.rgb=function(hcg){var h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];var mg,pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert$1.hcg.hsv=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert$1.hcg.hsl=function(hcg){var c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert$1.hcg.hwb=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert$1.hwb.hcg=function(hwb){var w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert$1.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert$1.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert$1.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert$1.gray.hsl=function(args){return[0,0,args[0]]},convert$1.gray.hsv=convert$1.gray.hsl,convert$1.gray.hwb=function(gray){return[0,100,gray[0]]},convert$1.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert$1.gray.lab=function(gray){return[gray[0],0,0]},convert$1.gray.hex=function(gray){var val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]};var conversions$1=conversions$2;function deriveBFS(fromModel){var graph=function buildGraph(){for(var graph={},models=Object.keys(conversions$1),len=models.length,_i5=0;_i51&&(args=arg0);var result=fn(args);if("object"===_typeof(result))for(var len=result.length,_i8=0;_i81&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))}));var colorConvert=convert,root=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.u,now_1=function now$1(){return root.Date.now()},reWhitespace=/\s/;var trimmedEndIndex=function trimmedEndIndex$1(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index},reTrimStart=/^\s+/;var baseTrim=function baseTrim$1(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string},isObject$2=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,isSymbol=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.y,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;var toNumber_1=function toNumber$1(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject$2(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject$2(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value},isObject$1=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,now=now_1,toNumber=toNumber_1,nativeMax=Math.max,nativeMin=Math.min;var debounce=function debounce$1(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject$1(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced},isObject=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x;var ColorSpace,throttle_1=function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");return isObject(options)&&(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})},Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({position:"relative",maxWidth:250}),PickerTooltip=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.T)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Swatch=function Swatch(_a){var value=_a.value,active=_a.active,onClick=_a.onClick,style=_a.style,props=(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.d)(_a,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,\')',", linear-gradient(#fff, #fff)");return react__WEBPACK_IMPORTED_MODULE_26__.createElement(SwatchColor,Object.assign({},props,{active,onClick},{style:Object.assign(Object.assign({},style),{backgroundImage})}))},Input=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.F.Input)((function(_ref3){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref3.theme.typography.fonts.base}})),ToggleIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.I)((function(_ref4){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref4.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function J(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement($,u({},r,{colorModel:G}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function pe(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ge}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function re(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ee}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},parseValue=function parseValue(value){var _ref11;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref7,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],_g=_stringToArgs2[1],_b=_stringToArgs2[2],a=_stringToArgs2[3],_ref6=_slicedToArray(colorConvert.rgb.hsl([r,_g,_b])||[0,0,0],3),_h=_ref6[0],_s2=_ref6[1],l=_ref6[2];return _defineProperty(_ref7={valid,value,keyword:colorConvert.rgb.keyword([r,_g,_b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref7,ColorSpace.HSL,"hsla(".concat(_h,", ").concat(_s2,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref7,ColorSpace.HEX,"#".concat(colorConvert.rgb.hex([r,_g,_b]).toLowerCase())),_ref7}if(HSL_REGEXP.test(value)){var _ref10,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h2=_stringToArgs4[0],_s3=_stringToArgs4[1],_l=_stringToArgs4[2],_a2=_stringToArgs4[3],_ref9=_slicedToArray(colorConvert.hsl.rgb([_h2,_s3,_l])||[0,0,0],3),_r=_ref9[0],_g2=_ref9[1],_b2=_ref9[2];return _defineProperty(_ref10={valid,value,keyword:colorConvert.hsl.keyword([_h2,_s3,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g2,", ").concat(_b2,", ").concat(_a2,")")),_defineProperty(_ref10,ColorSpace.HSL,value),_defineProperty(_ref10,ColorSpace.HEX,"#".concat(colorConvert.hsl.hex([_h2,_s3,_l]).toLowerCase())),_ref10}var plain=value.replace("#",""),rgb=colorConvert.keyword.rgb(plain)||colorConvert.hex.rgb(plain),hsl=colorConvert.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{colorConvert.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref11={valid,value:mapped,keyword:colorConvert.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref11,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref11,ColorSpace.HEX,mapped),_ref11}},useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||!(null==color?void 0:color.valid))return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(colorConvert.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(update){var parsed=parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},ColorControl=function ColorControl(_ref12){var name=_ref12.name,initialValue=_ref12.value,onChange=_ref12.onChange,onFocus=_ref12.onFocus,onBlur=_ref12.onBlur,presetColors=_ref12.presetColors,startOpen=_ref12.startOpen,_useColorInput=useColorInput(initialValue,throttle_1(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==currentColor?void 0:currentColor.valid)?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?parseValue(preset):preset.title?Object.assign(Object.assign({},parseValue(preset.color)),{keyword:preset.title}):parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(color){(null==color?void 0:color.valid)&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets,addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react__WEBPACK_IMPORTED_MODULE_26__.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(PickerTooltip,{trigger:"click",startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(TooltipContent,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(Picker,Object.assign({color:"transparent"===realValue?"#000000":realValue},{onChange:updateValue,onFocus,onBlur})),presets.length>0&&react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatches,null,presets.map((function(preset,index){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(Note,{note:preset.keyword||preset.value})},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:realValue,style:{margin:4}})),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Input,{id:(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.z)(name),value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),value?react__WEBPACK_IMPORTED_MODULE_26__.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)}}}]); \ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js b/docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js new file mode 100644 index 0000000000..7952705d87 --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 375.f75c51a2.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkhds_react=self.webpackChunkhds_react||[]).push([[375],{"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/syntaxhighlighter-b07b042a.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SyntaxHighlighter:()=>SyntaxHighlighter,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,default:()=>SyntaxHighlighter});__webpack_require__("../../node_modules/regenerator-runtime/runtime.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.from-code-point.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.flags.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../../node_modules/core-js/modules/es.set.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.global-this.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");var _index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/index-681e4b07.js"),react__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("../../node_modules/react/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js"),_storybook_theming__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/theming/dist/esm/index.js"),memoizerific__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("../../node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_36___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_36__);__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/index.js"),__webpack_require__("../../node_modules/qs/lib/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray2(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray2(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray2(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray2(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i*\.{3}(?:[^{}]|)*\})/.source;function re(source,flags){return source=source.replace(//g,(function(){return space})).replace(//g,(function(){return braces})).replace(//g,(function(){return spread})),RegExp(source,flags)}spread=re(spread).source,Prism.languages.jsx=Prism.languages.extend("markup",javascript),Prism.languages.jsx.tag.pattern=re(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),Prism.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,Prism.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,Prism.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,Prism.languages.jsx.tag.inside.comment=javascript.comment,Prism.languages.insertBefore("inside","attr-name",{spread:{pattern:re(//.source),inside:Prism.languages.jsx}},Prism.languages.jsx.tag),Prism.languages.insertBefore("inside","special-attr",{script:{pattern:re(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:Prism.languages.jsx}}},Prism.languages.jsx.tag);var stringifyToken=function stringifyToken(token){return token?"string"==typeof token?token:"string"==typeof token.content?token.content:token.content.map(stringifyToken).join(""):""},walkTokens=function walkTokens(tokens){for(var openedTags=[],i=0;i0&&openedTags[openedTags.length-1].tagName===stringifyToken(token.content[0].content[1])&&openedTags.pop():"/>"===token.content[token.content.length-1].content||openedTags.push({tagName:stringifyToken(token.content[0].content[1]),openedBraces:0}):openedTags.length>0&&"punctuation"===token.type&&"{"===token.content?openedTags[openedTags.length-1].openedBraces++:openedTags.length>0&&openedTags[openedTags.length-1].openedBraces>0&&"punctuation"===token.type&&"}"===token.content?openedTags[openedTags.length-1].openedBraces--:notTagNorBrace=!0),(notTagNorBrace||"string"==typeof token)&&openedTags.length>0&&0===openedTags[openedTags.length-1].openedBraces){var plainText=stringifyToken(token);i0&&("string"==typeof tokens[i-1]||"plain-text"===tokens[i-1].type)&&(plainText=stringifyToken(tokens[i-1])+plainText,tokens.splice(i-1,1),i--),tokens[i]=new Prism.Token("plain-text",plainText,null,plainText)}token.content&&"string"!=typeof token.content&&walkTokens(token.content)}};Prism.hooks.add("after-tokenize",(function(env){"jsx"!==env.language&&"tsx"!==env.language||walkTokens(env.tokens)}))}(Prism)}jsx.displayName="jsx",jsx.aliases=[];var jsx$1=jsx_1,bash_1=bash;function bash(Prism){!function(Prism){var envVars="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",commandAfterHeredoc={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},insideString={bash:commandAfterHeredoc,environment:{pattern:RegExp("\\$"+envVars),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+envVars),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};Prism.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+envVars),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:insideString},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:commandAfterHeredoc}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:insideString},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:insideString.entity}}],environment:{pattern:RegExp("\\$?"+envVars),alias:"constant"},variable:insideString.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},commandAfterHeredoc.inside=Prism.languages.bash;for(var toBeCopied=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],inside=insideString.variable[1].inside,i=0;i/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),flags)}Prism.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+Prism.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),Prism.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+Prism.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),Prism.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),Prism.languages.insertBefore("javascript","keyword",{imports:{pattern:withId(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:Prism.languages.javascript},exports:{pattern:withId(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:Prism.languages.javascript}}),Prism.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),Prism.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),Prism.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:withId(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var maybeClassNameTokens=["function","function-variable","method","method-variable","property-access"],i=0;i0)){var mutationEnd=findClosingBracket(/^\{$/,/^\}$/);if(-1===mutationEnd)continue;for(var i=currentIndex;i=0&&addAlias(varToken,"variable-input")}}}}function getToken(offset){return validTokens[currentIndex+offset]}function isTokenType(types,offset){offset=offset||0;for(var i=0;i/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(env){"entity"===env.type&&(env.attributes.title=env.content.value.replace(/&/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function addInlined(tagName,lang){var includedCdataInside={};includedCdataInside["language-"+lang]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[lang]},includedCdataInside.cdata=/^$/i;var inside={"included-cdata":{pattern://i,inside:includedCdataInside}};inside["language-"+lang]={pattern:/[\s\S]+/,inside:Prism.languages[lang]};var def={};def[tagName]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return tagName})),"i"),lookbehind:!0,greedy:!0,inside},Prism.languages.insertBefore("markup","cdata",def)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function value(attrName,lang){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+attrName+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[lang,"language-"+lang],inside:Prism.languages[lang]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml}markup$1.displayName="markup",markup$1.aliases=["html","mathml","svg","xml","ssml","atom","rss"];var markup$2=markup_1,markdown_1=markdown;function markdown(Prism){!function(Prism){var inner=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function createInline(pattern){return pattern=pattern.replace(//g,(function(){return inner})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+pattern+")")}var tableCell=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,tableRow=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return tableCell})),tableLine=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;Prism.languages.markdown=Prism.languages.extend("markup",{}),Prism.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:Prism.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+tableRow+tableLine+"(?:"+tableRow+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+tableRow+tableLine+")(?:"+tableRow+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(tableCell),inside:Prism.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+tableRow+")"+tableLine+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+tableRow+"$"),inside:{"table-header":{pattern:RegExp(tableCell),alias:"important",inside:Prism.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:createInline(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:createInline(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:createInline(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:createInline(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(token){["url","bold","italic","strike","code-snippet"].forEach((function(inside){token!==inside&&(Prism.languages.markdown[token].inside.content.inside[inside]=Prism.languages.markdown[inside])}))})),Prism.hooks.add("after-tokenize",(function(env){"markdown"!==env.language&&"md"!==env.language||function walkTokens(tokens){if(tokens&&"string"!=typeof tokens)for(var i=0,l=tokens.length;i",quot:'"'},fromCodePoint=String.fromCodePoint||String.fromCharCode;Prism.languages.md=Prism.languages.markdown}(Prism)}markdown.displayName="markdown",markdown.aliases=["md"];var markdown$1=markdown_1,yaml_1=yaml;function yaml(Prism){!function(Prism){var anchorOrAlias=/[*&][^\s[\]{},]+/,tag=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,properties="(?:"+tag.source+"(?:[ \t]+"+anchorOrAlias.source+")?|"+anchorOrAlias.source+"(?:[ \t]+"+tag.source+")?)",plainKey=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),string=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function createValuePattern(value,flags){flags=(flags||"").replace(/m/g,"")+"m";var pattern=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return properties})).replace(/<>/g,(function(){return value}));return RegExp(pattern,flags)}Prism.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return properties}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return properties})).replace(/<>/g,(function(){return"(?:"+plainKey+"|"+string+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:createValuePattern(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:createValuePattern(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:createValuePattern(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:createValuePattern(string),lookbehind:!0,greedy:!0},number:{pattern:createValuePattern(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag,important:anchorOrAlias,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},Prism.languages.yml=Prism.languages.yaml}(Prism)}yaml.displayName="yaml",yaml.aliases=["yml"];var yaml$1=yaml_1,typescript_1=typescript;function typescript(Prism){!function(Prism){Prism.languages.typescript=Prism.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),Prism.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete Prism.languages.typescript.parameter,delete Prism.languages.typescript["literal-property"];var typeInside=Prism.languages.extend("typescript",{});delete typeInside["class-name"],Prism.languages.typescript["class-name"].inside=typeInside,Prism.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:typeInside}}}}),Prism.languages.ts=Prism.languages.typescript}(Prism)}typescript.displayName="typescript",typescript.aliases=["ts"];var typescript$1=typescript_1,refractorJsx=jsx_1,refractorTypescript=typescript_1,tsx_1=tsx;function tsx(Prism){Prism.register(refractorJsx),Prism.register(refractorTypescript),function(Prism){var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript),delete Prism.languages.tsx.parameter,delete Prism.languages.tsx["literal-property"];var tag=Prism.languages.tsx.tag;tag.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+tag.pattern.source+")",tag.pattern.flags),tag.lookbehind=!0}(Prism)}tsx.displayName="tsx",tsx.aliases=[];var tsx$1=tsx_1;function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:{},stylesheet=arguments.length>2?arguments[2]:void 0;return function getClassNameCombinations(classNames){if(0===classNames.length||1===classNames.length)return classNames;var key=classNames.join(".");return classNameCombinations[key]||(classNameCombinations[key]=function powerSetPermutations(arr){var arrLength=arr.length;return 0===arrLength||1===arrLength?arr:2===arrLength?[arr[0],arr[1],"".concat(arr[0],".").concat(arr[1]),"".concat(arr[1],".").concat(arr[0])]:3===arrLength?[arr[0],arr[1],arr[2],"".concat(arr[0],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[0]),"".concat(arr[1],".").concat(arr[2]),"".concat(arr[2],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[1],".").concat(arr[2]),"".concat(arr[0],".").concat(arr[2],".").concat(arr[1]),"".concat(arr[1],".").concat(arr[0],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[2],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[0],".").concat(arr[1]),"".concat(arr[2],".").concat(arr[1],".").concat(arr[0])]:arrLength>=4?[arr[0],arr[1],arr[2],arr[3],"".concat(arr[0],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[2]),"".concat(arr[0],".").concat(arr[3]),"".concat(arr[1],".").concat(arr[0]),"".concat(arr[1],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[3]),"".concat(arr[2],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[1]),"".concat(arr[2],".").concat(arr[3]),"".concat(arr[3],".").concat(arr[0]),"".concat(arr[3],".").concat(arr[1]),"".concat(arr[3],".").concat(arr[2]),"".concat(arr[0],".").concat(arr[1],".").concat(arr[2]),"".concat(arr[0],".").concat(arr[1],".").concat(arr[3]),"".concat(arr[0],".").concat(arr[2],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[2],".").concat(arr[3]),"".concat(arr[0],".").concat(arr[3],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[3],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[0],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[0],".").concat(arr[3]),"".concat(arr[1],".").concat(arr[2],".").concat(arr[0]),"".concat(arr[1],".").concat(arr[2],".").concat(arr[3]),"".concat(arr[1],".").concat(arr[3],".").concat(arr[0]),"".concat(arr[1],".").concat(arr[3],".").concat(arr[2]),"".concat(arr[2],".").concat(arr[0],".").concat(arr[1]),"".concat(arr[2],".").concat(arr[0],".").concat(arr[3]),"".concat(arr[2],".").concat(arr[1],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[1],".").concat(arr[3]),"".concat(arr[2],".").concat(arr[3],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[3],".").concat(arr[1]),"".concat(arr[3],".").concat(arr[0],".").concat(arr[1]),"".concat(arr[3],".").concat(arr[0],".").concat(arr[2]),"".concat(arr[3],".").concat(arr[1],".").concat(arr[0]),"".concat(arr[3],".").concat(arr[1],".").concat(arr[2]),"".concat(arr[3],".").concat(arr[2],".").concat(arr[0]),"".concat(arr[3],".").concat(arr[2],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[1],".").concat(arr[2],".").concat(arr[3]),"".concat(arr[0],".").concat(arr[1],".").concat(arr[3],".").concat(arr[2]),"".concat(arr[0],".").concat(arr[2],".").concat(arr[1],".").concat(arr[3]),"".concat(arr[0],".").concat(arr[2],".").concat(arr[3],".").concat(arr[1]),"".concat(arr[0],".").concat(arr[3],".").concat(arr[1],".").concat(arr[2]),"".concat(arr[0],".").concat(arr[3],".").concat(arr[2],".").concat(arr[1]),"".concat(arr[1],".").concat(arr[0],".").concat(arr[2],".").concat(arr[3]),"".concat(arr[1],".").concat(arr[0],".").concat(arr[3],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[2],".").concat(arr[0],".").concat(arr[3]),"".concat(arr[1],".").concat(arr[2],".").concat(arr[3],".").concat(arr[0]),"".concat(arr[1],".").concat(arr[3],".").concat(arr[0],".").concat(arr[2]),"".concat(arr[1],".").concat(arr[3],".").concat(arr[2],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[0],".").concat(arr[1],".").concat(arr[3]),"".concat(arr[2],".").concat(arr[0],".").concat(arr[3],".").concat(arr[1]),"".concat(arr[2],".").concat(arr[1],".").concat(arr[0],".").concat(arr[3]),"".concat(arr[2],".").concat(arr[1],".").concat(arr[3],".").concat(arr[0]),"".concat(arr[2],".").concat(arr[3],".").concat(arr[0],".").concat(arr[1]),"".concat(arr[2],".").concat(arr[3],".").concat(arr[1],".").concat(arr[0]),"".concat(arr[3],".").concat(arr[0],".").concat(arr[1],".").concat(arr[2]),"".concat(arr[3],".").concat(arr[0],".").concat(arr[2],".").concat(arr[1]),"".concat(arr[3],".").concat(arr[1],".").concat(arr[0],".").concat(arr[2]),"".concat(arr[3],".").concat(arr[1],".").concat(arr[2],".").concat(arr[0]),"".concat(arr[3],".").concat(arr[2],".").concat(arr[0],".").concat(arr[1]),"".concat(arr[3],".").concat(arr[2],".").concat(arr[1],".").concat(arr[0])]:void 0}(classNames)),classNameCombinations[key]}(classNames.filter((function(className){return"token"!==className}))).reduce((function(styleObject,className){return _objectSpread({},styleObject,stylesheet[className])}),elementStyle)}function createClassNameString(classNames){return classNames.join(" ")}function createElement(_ref){var node=_ref.node,stylesheet=_ref.stylesheet,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,useInlineStyles=_ref.useInlineStyles,key=_ref.key,properties=node.properties,type=node.type,TagName=node.tagName,value=node.value;if("text"===type)return value;if(TagName){var props,childrenCreator=function createChildren(stylesheet,useInlineStyles){var childrenCount=0;return function(children){return childrenCount+=1,children.map((function(child,i){return createElement({node:child,stylesheet,useInlineStyles,key:"code-segment-".concat(childrenCount,"-").concat(i)})}))}}(stylesheet,useInlineStyles);if(useInlineStyles){var allStylesheetSelectors=Object.keys(stylesheet).reduce((function(classes,selector){return selector.split(".").forEach((function(className){classes.includes(className)||classes.push(className)})),classes}),[]),startingClassName=properties.className&&properties.className.includes("token")?["token"]:[],className=properties.className&&startingClassName.concat(properties.className.filter((function(className){return!allStylesheetSelectors.includes(className)})));props=_objectSpread({},properties,{className:createClassNameString(className)||void 0,style:createStyleObject(properties.className,Object.assign({},properties.style,style),stylesheet)})}else props=_objectSpread({},properties,{className:createClassNameString(properties.className)});var children=childrenCreator(node.children);return react__WEBPACK_IMPORTED_MODULE_35__.createElement(TagName,(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.a)({key},props),children)}}var checkForListedLanguage=function checkForListedLanguage(astGenerator,language){return-1!==astGenerator.listLanguages().indexOf(language)},newLineRegex=/\n/g;function AllLineNumbers(_ref2){var codeString=_ref2.codeString,codeStyle=_ref2.codeStyle,_ref2$containerStyle=_ref2.containerStyle,containerStyle=void 0===_ref2$containerStyle?{float:"left",paddingRight:"10px"}:_ref2$containerStyle,_ref2$numberStyle=_ref2.numberStyle,numberStyle=void 0===_ref2$numberStyle?{}:_ref2$numberStyle,startingLineNumber=_ref2.startingLineNumber;return react__WEBPACK_IMPORTED_MODULE_35__.createElement("code",{style:Object.assign({},codeStyle,containerStyle)},function getAllLineNumbers(_ref){var lines=_ref.lines,startingLineNumber=_ref.startingLineNumber,style=_ref.style;return lines.map((function(_,i){var number=i+startingLineNumber;return react__WEBPACK_IMPORTED_MODULE_35__.createElement("span",{key:"line-".concat(i),className:"react-syntax-highlighter-line-number",style:"function"==typeof style?style(number):style},"".concat(number,"\n"))}))}({lines:codeString.replace(/\n$/,"").split("\n"),style:numberStyle,startingLineNumber}))}function getEmWidthOfNumber(num){return"".concat(num.toString().length,".25em")}function getInlineLineNumber(lineNumber,inlineLineNumberStyle){return{type:"element",tagName:"span",properties:{key:"line-number--".concat(lineNumber),className:["comment","linenumber","react-syntax-highlighter-line-number"],style:inlineLineNumberStyle},children:[{type:"text",value:lineNumber}]}}function assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber){return _objectSpread({},{display:"inline-block",minWidth:getEmWidthOfNumber(largestLineNumber),paddingRight:"1em",textAlign:"right",userSelect:"none"},"function"==typeof lineNumberStyle?lineNumberStyle(lineNumber):lineNumberStyle)}function createLineElement(_ref3){var children=_ref3.children,lineNumber=_ref3.lineNumber,lineNumberStyle=_ref3.lineNumberStyle,largestLineNumber=_ref3.largestLineNumber,showInlineLineNumbers=_ref3.showInlineLineNumbers,_ref3$lineProps=_ref3.lineProps,lineProps=void 0===_ref3$lineProps?{}:_ref3$lineProps,_ref3$className=_ref3.className,className=void 0===_ref3$className?[]:_ref3$className,showLineNumbers=_ref3.showLineNumbers,wrapLongLines=_ref3.wrapLongLines,properties="function"==typeof lineProps?lineProps(lineNumber):lineProps;if(properties.className=className,lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return wrapLongLines&showLineNumbers&&(properties.style=_objectSpread({},properties.style,{display:"flex"})),{type:"element",tagName:"span",properties,children}}function flattenCodeTree(tree){for(var className=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],newTree=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=0;i2&&void 0!==arguments[2]?arguments[2]:[];return wrapLines||className.length>0?function createWrappedLine(children,lineNumber){return createLineElement({children,lineNumber,lineNumberStyle,largestLineNumber,showInlineLineNumbers,lineProps,className:arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],showLineNumbers,wrapLongLines})}(children,lineNumber,className):function createUnwrappedLine(children,lineNumber){if(showLineNumbers&&lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return children}(children,lineNumber)}for(var _loop=function _loop(){var node=tree[index],value=node.children[0].value;if(function getNewLines(str){return str.match(newLineRegex)}(value)){var splitValue=value.split("\n");splitValue.forEach((function(text,i){var lineNumber=showLineNumbers&&newTree.length+startingLineNumber,newChild={type:"text",value:"".concat(text,"\n")};if(0===i){var _line=createLine(tree.slice(lastLineBreakIndex+1,index).concat(createLineElement({children:[newChild],className:node.properties.className})),lineNumber);newTree.push(_line)}else if(i===splitValue.length-1){if(tree[index+1]&&tree[index+1].children&&tree[index+1].children[0]){var newElem=createLineElement({children:[{type:"text",value:"".concat(text)}],className:node.properties.className});tree.splice(index+1,0,newElem)}else{var _line2=createLine([newChild],lineNumber,node.properties.className);newTree.push(_line2)}}else{var _line3=createLine([newChild],lineNumber,node.properties.className);newTree.push(_line3)}})),lastLineBreakIndex=index}index++};index4&&normal.slice(0,4)===data&&valid.test(value)&&("-"===value.charAt(4)?prop=function datasetToProperty(attribute){var value=attribute.slice(5).replace(dash$1,camelcase);return data+value.charAt(0).toUpperCase()+value.slice(1)}(value):value=function datasetToAttribute(property){var value=property.slice(4);if(dash$1.test(value))return property;value=value.replace(cap$1,kebab),"-"!==value.charAt(0)&&(value="-"+value);return data+value}(value),Type=DefinedInfo);return new Type(prop,value)},valid=/^data[-\w.:]+$/i,dash$1=/-[a-z]/g,cap$1=/[A-Z]/g;function kebab($0){return"-"+$0.toLowerCase()}function camelcase($0){return $0.charAt(1).toUpperCase()}var hastUtilParseSelector=function parse$3(selector,defaultTagName){var subvalue,previous,match,value=selector||"",name=defaultTagName||"div",props={},start=0;for(;start=48&&code<=57};var alphabetical=function alphabetical$1(character){var code="string"==typeof character?character.charCodeAt(0):character;return code>=97&&code<=122||code>=65&&code<=90},decimal$1=isDecimal;var characterEntities={AEli:"Æ",AElig:"Æ",AM:"&",AMP:"&",Aacut:"Á",Aacute:"Á",Abreve:"Ă",Acir:"Â",Acirc:"Â",Acy:"А",Afr:"𝔄",Agrav:"À",Agrave:"À",Alpha:"Α",Amacr:"Ā",And:"⩓",Aogon:"Ą",Aopf:"𝔸",ApplyFunction:"⁡",Arin:"Å",Aring:"Å",Ascr:"𝒜",Assign:"≔",Atild:"Ã",Atilde:"Ã",Aum:"Ä",Auml:"Ä",Backslash:"∖",Barv:"⫧",Barwed:"⌆",Bcy:"Б",Because:"∵",Bernoullis:"ℬ",Beta:"Β",Bfr:"𝔅",Bopf:"𝔹",Breve:"˘",Bscr:"ℬ",Bumpeq:"≎",CHcy:"Ч",COP:"©",COPY:"©",Cacute:"Ć",Cap:"⋒",CapitalDifferentialD:"ⅅ",Cayleys:"ℭ",Ccaron:"Č",Ccedi:"Ç",Ccedil:"Ç",Ccirc:"Ĉ",Cconint:"∰",Cdot:"Ċ",Cedilla:"¸",CenterDot:"·",Cfr:"ℭ",Chi:"Χ",CircleDot:"⊙",CircleMinus:"⊖",CirclePlus:"⊕",CircleTimes:"⊗",ClockwiseContourIntegral:"∲",CloseCurlyDoubleQuote:"”",CloseCurlyQuote:"’",Colon:"∷",Colone:"⩴",Congruent:"≡",Conint:"∯",ContourIntegral:"∮",Copf:"ℂ",Coproduct:"∐",CounterClockwiseContourIntegral:"∳",Cross:"⨯",Cscr:"𝒞",Cup:"⋓",CupCap:"≍",DD:"ⅅ",DDotrahd:"⤑",DJcy:"Ђ",DScy:"Ѕ",DZcy:"Џ",Dagger:"‡",Darr:"↡",Dashv:"⫤",Dcaron:"Ď",Dcy:"Д",Del:"∇",Delta:"Δ",Dfr:"𝔇",DiacriticalAcute:"´",DiacriticalDot:"˙",DiacriticalDoubleAcute:"˝",DiacriticalGrave:"`",DiacriticalTilde:"˜",Diamond:"⋄",DifferentialD:"ⅆ",Dopf:"𝔻",Dot:"¨",DotDot:"⃜",DotEqual:"≐",DoubleContourIntegral:"∯",DoubleDot:"¨",DoubleDownArrow:"⇓",DoubleLeftArrow:"⇐",DoubleLeftRightArrow:"⇔",DoubleLeftTee:"⫤",DoubleLongLeftArrow:"⟸",DoubleLongLeftRightArrow:"⟺",DoubleLongRightArrow:"⟹",DoubleRightArrow:"⇒",DoubleRightTee:"⊨",DoubleUpArrow:"⇑",DoubleUpDownArrow:"⇕",DoubleVerticalBar:"∥",DownArrow:"↓",DownArrowBar:"⤓",DownArrowUpArrow:"⇵",DownBreve:"̑",DownLeftRightVector:"⥐",DownLeftTeeVector:"⥞",DownLeftVector:"↽",DownLeftVectorBar:"⥖",DownRightTeeVector:"⥟",DownRightVector:"⇁",DownRightVectorBar:"⥗",DownTee:"⊤",DownTeeArrow:"↧",Downarrow:"⇓",Dscr:"𝒟",Dstrok:"Đ",ENG:"Ŋ",ET:"Ð",ETH:"Ð",Eacut:"É",Eacute:"É",Ecaron:"Ě",Ecir:"Ê",Ecirc:"Ê",Ecy:"Э",Edot:"Ė",Efr:"𝔈",Egrav:"È",Egrave:"È",Element:"∈",Emacr:"Ē",EmptySmallSquare:"◻",EmptyVerySmallSquare:"▫",Eogon:"Ę",Eopf:"𝔼",Epsilon:"Ε",Equal:"⩵",EqualTilde:"≂",Equilibrium:"⇌",Escr:"ℰ",Esim:"⩳",Eta:"Η",Eum:"Ë",Euml:"Ë",Exists:"∃",ExponentialE:"ⅇ",Fcy:"Ф",Ffr:"𝔉",FilledSmallSquare:"◼",FilledVerySmallSquare:"▪",Fopf:"𝔽",ForAll:"∀",Fouriertrf:"ℱ",Fscr:"ℱ",GJcy:"Ѓ",G:">",GT:">",Gamma:"Γ",Gammad:"Ϝ",Gbreve:"Ğ",Gcedil:"Ģ",Gcirc:"Ĝ",Gcy:"Г",Gdot:"Ġ",Gfr:"𝔊",Gg:"⋙",Gopf:"𝔾",GreaterEqual:"≥",GreaterEqualLess:"⋛",GreaterFullEqual:"≧",GreaterGreater:"⪢",GreaterLess:"≷",GreaterSlantEqual:"⩾",GreaterTilde:"≳",Gscr:"𝒢",Gt:"≫",HARDcy:"Ъ",Hacek:"ˇ",Hat:"^",Hcirc:"Ĥ",Hfr:"ℌ",HilbertSpace:"ℋ",Hopf:"ℍ",HorizontalLine:"─",Hscr:"ℋ",Hstrok:"Ħ",HumpDownHump:"≎",HumpEqual:"≏",IEcy:"Е",IJlig:"IJ",IOcy:"Ё",Iacut:"Í",Iacute:"Í",Icir:"Î",Icirc:"Î",Icy:"И",Idot:"İ",Ifr:"ℑ",Igrav:"Ì",Igrave:"Ì",Im:"ℑ",Imacr:"Ī",ImaginaryI:"ⅈ",Implies:"⇒",Int:"∬",Integral:"∫",Intersection:"⋂",InvisibleComma:"⁣",InvisibleTimes:"⁢",Iogon:"Į",Iopf:"𝕀",Iota:"Ι",Iscr:"ℐ",Itilde:"Ĩ",Iukcy:"І",Ium:"Ï",Iuml:"Ï",Jcirc:"Ĵ",Jcy:"Й",Jfr:"𝔍",Jopf:"𝕁",Jscr:"𝒥",Jsercy:"Ј",Jukcy:"Є",KHcy:"Х",KJcy:"Ќ",Kappa:"Κ",Kcedil:"Ķ",Kcy:"К",Kfr:"𝔎",Kopf:"𝕂",Kscr:"𝒦",LJcy:"Љ",L:"<",LT:"<",Lacute:"Ĺ",Lambda:"Λ",Lang:"⟪",Laplacetrf:"ℒ",Larr:"↞",Lcaron:"Ľ",Lcedil:"Ļ",Lcy:"Л",LeftAngleBracket:"⟨",LeftArrow:"←",LeftArrowBar:"⇤",LeftArrowRightArrow:"⇆",LeftCeiling:"⌈",LeftDoubleBracket:"⟦",LeftDownTeeVector:"⥡",LeftDownVector:"⇃",LeftDownVectorBar:"⥙",LeftFloor:"⌊",LeftRightArrow:"↔",LeftRightVector:"⥎",LeftTee:"⊣",LeftTeeArrow:"↤",LeftTeeVector:"⥚",LeftTriangle:"⊲",LeftTriangleBar:"⧏",LeftTriangleEqual:"⊴",LeftUpDownVector:"⥑",LeftUpTeeVector:"⥠",LeftUpVector:"↿",LeftUpVectorBar:"⥘",LeftVector:"↼",LeftVectorBar:"⥒",Leftarrow:"⇐",Leftrightarrow:"⇔",LessEqualGreater:"⋚",LessFullEqual:"≦",LessGreater:"≶",LessLess:"⪡",LessSlantEqual:"⩽",LessTilde:"≲",Lfr:"𝔏",Ll:"⋘",Lleftarrow:"⇚",Lmidot:"Ŀ",LongLeftArrow:"⟵",LongLeftRightArrow:"⟷",LongRightArrow:"⟶",Longleftarrow:"⟸",Longleftrightarrow:"⟺",Longrightarrow:"⟹",Lopf:"𝕃",LowerLeftArrow:"↙",LowerRightArrow:"↘",Lscr:"ℒ",Lsh:"↰",Lstrok:"Ł",Lt:"≪",Map:"⤅",Mcy:"М",MediumSpace:" ",Mellintrf:"ℳ",Mfr:"𝔐",MinusPlus:"∓",Mopf:"𝕄",Mscr:"ℳ",Mu:"Μ",NJcy:"Њ",Nacute:"Ń",Ncaron:"Ň",Ncedil:"Ņ",Ncy:"Н",NegativeMediumSpace:"​",NegativeThickSpace:"​",NegativeThinSpace:"​",NegativeVeryThinSpace:"​",NestedGreaterGreater:"≫",NestedLessLess:"≪",NewLine:"\n",Nfr:"𝔑",NoBreak:"⁠",NonBreakingSpace:" ",Nopf:"ℕ",Not:"⫬",NotCongruent:"≢",NotCupCap:"≭",NotDoubleVerticalBar:"∦",NotElement:"∉",NotEqual:"≠",NotEqualTilde:"≂̸",NotExists:"∄",NotGreater:"≯",NotGreaterEqual:"≱",NotGreaterFullEqual:"≧̸",NotGreaterGreater:"≫̸",NotGreaterLess:"≹",NotGreaterSlantEqual:"⩾̸",NotGreaterTilde:"≵",NotHumpDownHump:"≎̸",NotHumpEqual:"≏̸",NotLeftTriangle:"⋪",NotLeftTriangleBar:"⧏̸",NotLeftTriangleEqual:"⋬",NotLess:"≮",NotLessEqual:"≰",NotLessGreater:"≸",NotLessLess:"≪̸",NotLessSlantEqual:"⩽̸",NotLessTilde:"≴",NotNestedGreaterGreater:"⪢̸",NotNestedLessLess:"⪡̸",NotPrecedes:"⊀",NotPrecedesEqual:"⪯̸",NotPrecedesSlantEqual:"⋠",NotReverseElement:"∌",NotRightTriangle:"⋫",NotRightTriangleBar:"⧐̸",NotRightTriangleEqual:"⋭",NotSquareSubset:"⊏̸",NotSquareSubsetEqual:"⋢",NotSquareSuperset:"⊐̸",NotSquareSupersetEqual:"⋣",NotSubset:"⊂⃒",NotSubsetEqual:"⊈",NotSucceeds:"⊁",NotSucceedsEqual:"⪰̸",NotSucceedsSlantEqual:"⋡",NotSucceedsTilde:"≿̸",NotSuperset:"⊃⃒",NotSupersetEqual:"⊉",NotTilde:"≁",NotTildeEqual:"≄",NotTildeFullEqual:"≇",NotTildeTilde:"≉",NotVerticalBar:"∤",Nscr:"𝒩",Ntild:"Ñ",Ntilde:"Ñ",Nu:"Ν",OElig:"Œ",Oacut:"Ó",Oacute:"Ó",Ocir:"Ô",Ocirc:"Ô",Ocy:"О",Odblac:"Ő",Ofr:"𝔒",Ograv:"Ò",Ograve:"Ò",Omacr:"Ō",Omega:"Ω",Omicron:"Ο",Oopf:"𝕆",OpenCurlyDoubleQuote:"“",OpenCurlyQuote:"‘",Or:"⩔",Oscr:"𝒪",Oslas:"Ø",Oslash:"Ø",Otild:"Õ",Otilde:"Õ",Otimes:"⨷",Oum:"Ö",Ouml:"Ö",OverBar:"‾",OverBrace:"⏞",OverBracket:"⎴",OverParenthesis:"⏜",PartialD:"∂",Pcy:"П",Pfr:"𝔓",Phi:"Φ",Pi:"Π",PlusMinus:"±",Poincareplane:"ℌ",Popf:"ℙ",Pr:"⪻",Precedes:"≺",PrecedesEqual:"⪯",PrecedesSlantEqual:"≼",PrecedesTilde:"≾",Prime:"″",Product:"∏",Proportion:"∷",Proportional:"∝",Pscr:"𝒫",Psi:"Ψ",QUO:'"',QUOT:'"',Qfr:"𝔔",Qopf:"ℚ",Qscr:"𝒬",RBarr:"⤐",RE:"®",REG:"®",Racute:"Ŕ",Rang:"⟫",Rarr:"↠",Rarrtl:"⤖",Rcaron:"Ř",Rcedil:"Ŗ",Rcy:"Р",Re:"ℜ",ReverseElement:"∋",ReverseEquilibrium:"⇋",ReverseUpEquilibrium:"⥯",Rfr:"ℜ",Rho:"Ρ",RightAngleBracket:"⟩",RightArrow:"→",RightArrowBar:"⇥",RightArrowLeftArrow:"⇄",RightCeiling:"⌉",RightDoubleBracket:"⟧",RightDownTeeVector:"⥝",RightDownVector:"⇂",RightDownVectorBar:"⥕",RightFloor:"⌋",RightTee:"⊢",RightTeeArrow:"↦",RightTeeVector:"⥛",RightTriangle:"⊳",RightTriangleBar:"⧐",RightTriangleEqual:"⊵",RightUpDownVector:"⥏",RightUpTeeVector:"⥜",RightUpVector:"↾",RightUpVectorBar:"⥔",RightVector:"⇀",RightVectorBar:"⥓",Rightarrow:"⇒",Ropf:"ℝ",RoundImplies:"⥰",Rrightarrow:"⇛",Rscr:"ℛ",Rsh:"↱",RuleDelayed:"⧴",SHCHcy:"Щ",SHcy:"Ш",SOFTcy:"Ь",Sacute:"Ś",Sc:"⪼",Scaron:"Š",Scedil:"Ş",Scirc:"Ŝ",Scy:"С",Sfr:"𝔖",ShortDownArrow:"↓",ShortLeftArrow:"←",ShortRightArrow:"→",ShortUpArrow:"↑",Sigma:"Σ",SmallCircle:"∘",Sopf:"𝕊",Sqrt:"√",Square:"□",SquareIntersection:"⊓",SquareSubset:"⊏",SquareSubsetEqual:"⊑",SquareSuperset:"⊐",SquareSupersetEqual:"⊒",SquareUnion:"⊔",Sscr:"𝒮",Star:"⋆",Sub:"⋐",Subset:"⋐",SubsetEqual:"⊆",Succeeds:"≻",SucceedsEqual:"⪰",SucceedsSlantEqual:"≽",SucceedsTilde:"≿",SuchThat:"∋",Sum:"∑",Sup:"⋑",Superset:"⊃",SupersetEqual:"⊇",Supset:"⋑",THOR:"Þ",THORN:"Þ",TRADE:"™",TSHcy:"Ћ",TScy:"Ц",Tab:"\t",Tau:"Τ",Tcaron:"Ť",Tcedil:"Ţ",Tcy:"Т",Tfr:"𝔗",Therefore:"∴",Theta:"Θ",ThickSpace:"  ",ThinSpace:" ",Tilde:"∼",TildeEqual:"≃",TildeFullEqual:"≅",TildeTilde:"≈",Topf:"𝕋",TripleDot:"⃛",Tscr:"𝒯",Tstrok:"Ŧ",Uacut:"Ú",Uacute:"Ú",Uarr:"↟",Uarrocir:"⥉",Ubrcy:"Ў",Ubreve:"Ŭ",Ucir:"Û",Ucirc:"Û",Ucy:"У",Udblac:"Ű",Ufr:"𝔘",Ugrav:"Ù",Ugrave:"Ù",Umacr:"Ū",UnderBar:"_",UnderBrace:"⏟",UnderBracket:"⎵",UnderParenthesis:"⏝",Union:"⋃",UnionPlus:"⊎",Uogon:"Ų",Uopf:"𝕌",UpArrow:"↑",UpArrowBar:"⤒",UpArrowDownArrow:"⇅",UpDownArrow:"↕",UpEquilibrium:"⥮",UpTee:"⊥",UpTeeArrow:"↥",Uparrow:"⇑",Updownarrow:"⇕",UpperLeftArrow:"↖",UpperRightArrow:"↗",Upsi:"ϒ",Upsilon:"Υ",Uring:"Ů",Uscr:"𝒰",Utilde:"Ũ",Uum:"Ü",Uuml:"Ü",VDash:"⊫",Vbar:"⫫",Vcy:"В",Vdash:"⊩",Vdashl:"⫦",Vee:"⋁",Verbar:"‖",Vert:"‖",VerticalBar:"∣",VerticalLine:"|",VerticalSeparator:"❘",VerticalTilde:"≀",VeryThinSpace:" ",Vfr:"𝔙",Vopf:"𝕍",Vscr:"𝒱",Vvdash:"⊪",Wcirc:"Ŵ",Wedge:"⋀",Wfr:"𝔚",Wopf:"𝕎",Wscr:"𝒲",Xfr:"𝔛",Xi:"Ξ",Xopf:"𝕏",Xscr:"𝒳",YAcy:"Я",YIcy:"Ї",YUcy:"Ю",Yacut:"Ý",Yacute:"Ý",Ycirc:"Ŷ",Ycy:"Ы",Yfr:"𝔜",Yopf:"𝕐",Yscr:"𝒴",Yuml:"Ÿ",ZHcy:"Ж",Zacute:"Ź",Zcaron:"Ž",Zcy:"З",Zdot:"Ż",ZeroWidthSpace:"​",Zeta:"Ζ",Zfr:"ℨ",Zopf:"ℤ",Zscr:"𝒵",aacut:"á",aacute:"á",abreve:"ă",ac:"∾",acE:"∾̳",acd:"∿",acir:"â",acirc:"â",acut:"´",acute:"´",acy:"а",aeli:"æ",aelig:"æ",af:"⁡",afr:"𝔞",agrav:"à",agrave:"à",alefsym:"ℵ",aleph:"ℵ",alpha:"α",amacr:"ā",amalg:"⨿",am:"&",amp:"&",and:"∧",andand:"⩕",andd:"⩜",andslope:"⩘",andv:"⩚",ang:"∠",ange:"⦤",angle:"∠",angmsd:"∡",angmsdaa:"⦨",angmsdab:"⦩",angmsdac:"⦪",angmsdad:"⦫",angmsdae:"⦬",angmsdaf:"⦭",angmsdag:"⦮",angmsdah:"⦯",angrt:"∟",angrtvb:"⊾",angrtvbd:"⦝",angsph:"∢",angst:"Å",angzarr:"⍼",aogon:"ą",aopf:"𝕒",ap:"≈",apE:"⩰",apacir:"⩯",ape:"≊",apid:"≋",apos:"'",approx:"≈",approxeq:"≊",arin:"å",aring:"å",ascr:"𝒶",ast:"*",asymp:"≈",asympeq:"≍",atild:"ã",atilde:"ã",aum:"ä",auml:"ä",awconint:"∳",awint:"⨑",bNot:"⫭",backcong:"≌",backepsilon:"϶",backprime:"‵",backsim:"∽",backsimeq:"⋍",barvee:"⊽",barwed:"⌅",barwedge:"⌅",bbrk:"⎵",bbrktbrk:"⎶",bcong:"≌",bcy:"б",bdquo:"„",becaus:"∵",because:"∵",bemptyv:"⦰",bepsi:"϶",bernou:"ℬ",beta:"β",beth:"ℶ",between:"≬",bfr:"𝔟",bigcap:"⋂",bigcirc:"◯",bigcup:"⋃",bigodot:"⨀",bigoplus:"⨁",bigotimes:"⨂",bigsqcup:"⨆",bigstar:"★",bigtriangledown:"▽",bigtriangleup:"△",biguplus:"⨄",bigvee:"⋁",bigwedge:"⋀",bkarow:"⤍",blacklozenge:"⧫",blacksquare:"▪",blacktriangle:"▴",blacktriangledown:"▾",blacktriangleleft:"◂",blacktriangleright:"▸",blank:"␣",blk12:"▒",blk14:"░",blk34:"▓",block:"█",bne:"=⃥",bnequiv:"≡⃥",bnot:"⌐",bopf:"𝕓",bot:"⊥",bottom:"⊥",bowtie:"⋈",boxDL:"╗",boxDR:"╔",boxDl:"╖",boxDr:"╓",boxH:"═",boxHD:"╦",boxHU:"╩",boxHd:"╤",boxHu:"╧",boxUL:"╝",boxUR:"╚",boxUl:"╜",boxUr:"╙",boxV:"║",boxVH:"╬",boxVL:"╣",boxVR:"╠",boxVh:"╫",boxVl:"╢",boxVr:"╟",boxbox:"⧉",boxdL:"╕",boxdR:"╒",boxdl:"┐",boxdr:"┌",boxh:"─",boxhD:"╥",boxhU:"╨",boxhd:"┬",boxhu:"┴",boxminus:"⊟",boxplus:"⊞",boxtimes:"⊠",boxuL:"╛",boxuR:"╘",boxul:"┘",boxur:"└",boxv:"│",boxvH:"╪",boxvL:"╡",boxvR:"╞",boxvh:"┼",boxvl:"┤",boxvr:"├",bprime:"‵",breve:"˘",brvba:"¦",brvbar:"¦",bscr:"𝒷",bsemi:"⁏",bsim:"∽",bsime:"⋍",bsol:"\\",bsolb:"⧅",bsolhsub:"⟈",bull:"•",bullet:"•",bump:"≎",bumpE:"⪮",bumpe:"≏",bumpeq:"≏",cacute:"ć",cap:"∩",capand:"⩄",capbrcup:"⩉",capcap:"⩋",capcup:"⩇",capdot:"⩀",caps:"∩︀",caret:"⁁",caron:"ˇ",ccaps:"⩍",ccaron:"č",ccedi:"ç",ccedil:"ç",ccirc:"ĉ",ccups:"⩌",ccupssm:"⩐",cdot:"ċ",cedi:"¸",cedil:"¸",cemptyv:"⦲",cen:"¢",cent:"¢",centerdot:"·",cfr:"𝔠",chcy:"ч",check:"✓",checkmark:"✓",chi:"χ",cir:"○",cirE:"⧃",circ:"ˆ",circeq:"≗",circlearrowleft:"↺",circlearrowright:"↻",circledR:"®",circledS:"Ⓢ",circledast:"⊛",circledcirc:"⊚",circleddash:"⊝",cire:"≗",cirfnint:"⨐",cirmid:"⫯",cirscir:"⧂",clubs:"♣",clubsuit:"♣",colon:":",colone:"≔",coloneq:"≔",comma:",",commat:"@",comp:"∁",compfn:"∘",complement:"∁",complexes:"ℂ",cong:"≅",congdot:"⩭",conint:"∮",copf:"𝕔",coprod:"∐",cop:"©",copy:"©",copysr:"℗",crarr:"↵",cross:"✗",cscr:"𝒸",csub:"⫏",csube:"⫑",csup:"⫐",csupe:"⫒",ctdot:"⋯",cudarrl:"⤸",cudarrr:"⤵",cuepr:"⋞",cuesc:"⋟",cularr:"↶",cularrp:"⤽",cup:"∪",cupbrcap:"⩈",cupcap:"⩆",cupcup:"⩊",cupdot:"⊍",cupor:"⩅",cups:"∪︀",curarr:"↷",curarrm:"⤼",curlyeqprec:"⋞",curlyeqsucc:"⋟",curlyvee:"⋎",curlywedge:"⋏",curre:"¤",curren:"¤",curvearrowleft:"↶",curvearrowright:"↷",cuvee:"⋎",cuwed:"⋏",cwconint:"∲",cwint:"∱",cylcty:"⌭",dArr:"⇓",dHar:"⥥",dagger:"†",daleth:"ℸ",darr:"↓",dash:"‐",dashv:"⊣",dbkarow:"⤏",dblac:"˝",dcaron:"ď",dcy:"д",dd:"ⅆ",ddagger:"‡",ddarr:"⇊",ddotseq:"⩷",de:"°",deg:"°",delta:"δ",demptyv:"⦱",dfisht:"⥿",dfr:"𝔡",dharl:"⇃",dharr:"⇂",diam:"⋄",diamond:"⋄",diamondsuit:"♦",diams:"♦",die:"¨",digamma:"ϝ",disin:"⋲",div:"÷",divid:"÷",divide:"÷",divideontimes:"⋇",divonx:"⋇",djcy:"ђ",dlcorn:"⌞",dlcrop:"⌍",dollar:"$",dopf:"𝕕",dot:"˙",doteq:"≐",doteqdot:"≑",dotminus:"∸",dotplus:"∔",dotsquare:"⊡",doublebarwedge:"⌆",downarrow:"↓",downdownarrows:"⇊",downharpoonleft:"⇃",downharpoonright:"⇂",drbkarow:"⤐",drcorn:"⌟",drcrop:"⌌",dscr:"𝒹",dscy:"ѕ",dsol:"⧶",dstrok:"đ",dtdot:"⋱",dtri:"▿",dtrif:"▾",duarr:"⇵",duhar:"⥯",dwangle:"⦦",dzcy:"џ",dzigrarr:"⟿",eDDot:"⩷",eDot:"≑",eacut:"é",eacute:"é",easter:"⩮",ecaron:"ě",ecir:"ê",ecirc:"ê",ecolon:"≕",ecy:"э",edot:"ė",ee:"ⅇ",efDot:"≒",efr:"𝔢",eg:"⪚",egrav:"è",egrave:"è",egs:"⪖",egsdot:"⪘",el:"⪙",elinters:"⏧",ell:"ℓ",els:"⪕",elsdot:"⪗",emacr:"ē",empty:"∅",emptyset:"∅",emptyv:"∅",emsp13:" ",emsp14:" ",emsp:" ",eng:"ŋ",ensp:" ",eogon:"ę",eopf:"𝕖",epar:"⋕",eparsl:"⧣",eplus:"⩱",epsi:"ε",epsilon:"ε",epsiv:"ϵ",eqcirc:"≖",eqcolon:"≕",eqsim:"≂",eqslantgtr:"⪖",eqslantless:"⪕",equals:"=",equest:"≟",equiv:"≡",equivDD:"⩸",eqvparsl:"⧥",erDot:"≓",erarr:"⥱",escr:"ℯ",esdot:"≐",esim:"≂",eta:"η",et:"ð",eth:"ð",eum:"ë",euml:"ë",euro:"€",excl:"!",exist:"∃",expectation:"ℰ",exponentiale:"ⅇ",fallingdotseq:"≒",fcy:"ф",female:"♀",ffilig:"ffi",fflig:"ff",ffllig:"ffl",ffr:"𝔣",filig:"fi",fjlig:"fj",flat:"♭",fllig:"fl",fltns:"▱",fnof:"ƒ",fopf:"𝕗",forall:"∀",fork:"⋔",forkv:"⫙",fpartint:"⨍",frac1:"¼",frac12:"½",frac13:"⅓",frac14:"¼",frac15:"⅕",frac16:"⅙",frac18:"⅛",frac23:"⅔",frac25:"⅖",frac3:"¾",frac34:"¾",frac35:"⅗",frac38:"⅜",frac45:"⅘",frac56:"⅚",frac58:"⅝",frac78:"⅞",frasl:"⁄",frown:"⌢",fscr:"𝒻",gE:"≧",gEl:"⪌",gacute:"ǵ",gamma:"γ",gammad:"ϝ",gap:"⪆",gbreve:"ğ",gcirc:"ĝ",gcy:"г",gdot:"ġ",ge:"≥",gel:"⋛",geq:"≥",geqq:"≧",geqslant:"⩾",ges:"⩾",gescc:"⪩",gesdot:"⪀",gesdoto:"⪂",gesdotol:"⪄",gesl:"⋛︀",gesles:"⪔",gfr:"𝔤",gg:"≫",ggg:"⋙",gimel:"ℷ",gjcy:"ѓ",gl:"≷",glE:"⪒",gla:"⪥",glj:"⪤",gnE:"≩",gnap:"⪊",gnapprox:"⪊",gne:"⪈",gneq:"⪈",gneqq:"≩",gnsim:"⋧",gopf:"𝕘",grave:"`",gscr:"ℊ",gsim:"≳",gsime:"⪎",gsiml:"⪐",g:">",gt:">",gtcc:"⪧",gtcir:"⩺",gtdot:"⋗",gtlPar:"⦕",gtquest:"⩼",gtrapprox:"⪆",gtrarr:"⥸",gtrdot:"⋗",gtreqless:"⋛",gtreqqless:"⪌",gtrless:"≷",gtrsim:"≳",gvertneqq:"≩︀",gvnE:"≩︀",hArr:"⇔",hairsp:" ",half:"½",hamilt:"ℋ",hardcy:"ъ",harr:"↔",harrcir:"⥈",harrw:"↭",hbar:"ℏ",hcirc:"ĥ",hearts:"♥",heartsuit:"♥",hellip:"…",hercon:"⊹",hfr:"𝔥",hksearow:"⤥",hkswarow:"⤦",hoarr:"⇿",homtht:"∻",hookleftarrow:"↩",hookrightarrow:"↪",hopf:"𝕙",horbar:"―",hscr:"𝒽",hslash:"ℏ",hstrok:"ħ",hybull:"⁃",hyphen:"‐",iacut:"í",iacute:"í",ic:"⁣",icir:"î",icirc:"î",icy:"и",iecy:"е",iexc:"¡",iexcl:"¡",iff:"⇔",ifr:"𝔦",igrav:"ì",igrave:"ì",ii:"ⅈ",iiiint:"⨌",iiint:"∭",iinfin:"⧜",iiota:"℩",ijlig:"ij",imacr:"ī",image:"ℑ",imagline:"ℐ",imagpart:"ℑ",imath:"ı",imof:"⊷",imped:"Ƶ",in:"∈",incare:"℅",infin:"∞",infintie:"⧝",inodot:"ı",int:"∫",intcal:"⊺",integers:"ℤ",intercal:"⊺",intlarhk:"⨗",intprod:"⨼",iocy:"ё",iogon:"į",iopf:"𝕚",iota:"ι",iprod:"⨼",iques:"¿",iquest:"¿",iscr:"𝒾",isin:"∈",isinE:"⋹",isindot:"⋵",isins:"⋴",isinsv:"⋳",isinv:"∈",it:"⁢",itilde:"ĩ",iukcy:"і",ium:"ï",iuml:"ï",jcirc:"ĵ",jcy:"й",jfr:"𝔧",jmath:"ȷ",jopf:"𝕛",jscr:"𝒿",jsercy:"ј",jukcy:"є",kappa:"κ",kappav:"ϰ",kcedil:"ķ",kcy:"к",kfr:"𝔨",kgreen:"ĸ",khcy:"х",kjcy:"ќ",kopf:"𝕜",kscr:"𝓀",lAarr:"⇚",lArr:"⇐",lAtail:"⤛",lBarr:"⤎",lE:"≦",lEg:"⪋",lHar:"⥢",lacute:"ĺ",laemptyv:"⦴",lagran:"ℒ",lambda:"λ",lang:"⟨",langd:"⦑",langle:"⟨",lap:"⪅",laqu:"«",laquo:"«",larr:"←",larrb:"⇤",larrbfs:"⤟",larrfs:"⤝",larrhk:"↩",larrlp:"↫",larrpl:"⤹",larrsim:"⥳",larrtl:"↢",lat:"⪫",latail:"⤙",late:"⪭",lates:"⪭︀",lbarr:"⤌",lbbrk:"❲",lbrace:"{",lbrack:"[",lbrke:"⦋",lbrksld:"⦏",lbrkslu:"⦍",lcaron:"ľ",lcedil:"ļ",lceil:"⌈",lcub:"{",lcy:"л",ldca:"⤶",ldquo:"“",ldquor:"„",ldrdhar:"⥧",ldrushar:"⥋",ldsh:"↲",le:"≤",leftarrow:"←",leftarrowtail:"↢",leftharpoondown:"↽",leftharpoonup:"↼",leftleftarrows:"⇇",leftrightarrow:"↔",leftrightarrows:"⇆",leftrightharpoons:"⇋",leftrightsquigarrow:"↭",leftthreetimes:"⋋",leg:"⋚",leq:"≤",leqq:"≦",leqslant:"⩽",les:"⩽",lescc:"⪨",lesdot:"⩿",lesdoto:"⪁",lesdotor:"⪃",lesg:"⋚︀",lesges:"⪓",lessapprox:"⪅",lessdot:"⋖",lesseqgtr:"⋚",lesseqqgtr:"⪋",lessgtr:"≶",lesssim:"≲",lfisht:"⥼",lfloor:"⌊",lfr:"𝔩",lg:"≶",lgE:"⪑",lhard:"↽",lharu:"↼",lharul:"⥪",lhblk:"▄",ljcy:"љ",ll:"≪",llarr:"⇇",llcorner:"⌞",llhard:"⥫",lltri:"◺",lmidot:"ŀ",lmoust:"⎰",lmoustache:"⎰",lnE:"≨",lnap:"⪉",lnapprox:"⪉",lne:"⪇",lneq:"⪇",lneqq:"≨",lnsim:"⋦",loang:"⟬",loarr:"⇽",lobrk:"⟦",longleftarrow:"⟵",longleftrightarrow:"⟷",longmapsto:"⟼",longrightarrow:"⟶",looparrowleft:"↫",looparrowright:"↬",lopar:"⦅",lopf:"𝕝",loplus:"⨭",lotimes:"⨴",lowast:"∗",lowbar:"_",loz:"◊",lozenge:"◊",lozf:"⧫",lpar:"(",lparlt:"⦓",lrarr:"⇆",lrcorner:"⌟",lrhar:"⇋",lrhard:"⥭",lrm:"‎",lrtri:"⊿",lsaquo:"‹",lscr:"𝓁",lsh:"↰",lsim:"≲",lsime:"⪍",lsimg:"⪏",lsqb:"[",lsquo:"‘",lsquor:"‚",lstrok:"ł",l:"<",lt:"<",ltcc:"⪦",ltcir:"⩹",ltdot:"⋖",lthree:"⋋",ltimes:"⋉",ltlarr:"⥶",ltquest:"⩻",ltrPar:"⦖",ltri:"◃",ltrie:"⊴",ltrif:"◂",lurdshar:"⥊",luruhar:"⥦",lvertneqq:"≨︀",lvnE:"≨︀",mDDot:"∺",mac:"¯",macr:"¯",male:"♂",malt:"✠",maltese:"✠",map:"↦",mapsto:"↦",mapstodown:"↧",mapstoleft:"↤",mapstoup:"↥",marker:"▮",mcomma:"⨩",mcy:"м",mdash:"—",measuredangle:"∡",mfr:"𝔪",mho:"℧",micr:"µ",micro:"µ",mid:"∣",midast:"*",midcir:"⫰",middo:"·",middot:"·",minus:"−",minusb:"⊟",minusd:"∸",minusdu:"⨪",mlcp:"⫛",mldr:"…",mnplus:"∓",models:"⊧",mopf:"𝕞",mp:"∓",mscr:"𝓂",mstpos:"∾",mu:"μ",multimap:"⊸",mumap:"⊸",nGg:"⋙̸",nGt:"≫⃒",nGtv:"≫̸",nLeftarrow:"⇍",nLeftrightarrow:"⇎",nLl:"⋘̸",nLt:"≪⃒",nLtv:"≪̸",nRightarrow:"⇏",nVDash:"⊯",nVdash:"⊮",nabla:"∇",nacute:"ń",nang:"∠⃒",nap:"≉",napE:"⩰̸",napid:"≋̸",napos:"ʼn",napprox:"≉",natur:"♮",natural:"♮",naturals:"ℕ",nbs:" ",nbsp:" ",nbump:"≎̸",nbumpe:"≏̸",ncap:"⩃",ncaron:"ň",ncedil:"ņ",ncong:"≇",ncongdot:"⩭̸",ncup:"⩂",ncy:"н",ndash:"–",ne:"≠",neArr:"⇗",nearhk:"⤤",nearr:"↗",nearrow:"↗",nedot:"≐̸",nequiv:"≢",nesear:"⤨",nesim:"≂̸",nexist:"∄",nexists:"∄",nfr:"𝔫",ngE:"≧̸",nge:"≱",ngeq:"≱",ngeqq:"≧̸",ngeqslant:"⩾̸",nges:"⩾̸",ngsim:"≵",ngt:"≯",ngtr:"≯",nhArr:"⇎",nharr:"↮",nhpar:"⫲",ni:"∋",nis:"⋼",nisd:"⋺",niv:"∋",njcy:"њ",nlArr:"⇍",nlE:"≦̸",nlarr:"↚",nldr:"‥",nle:"≰",nleftarrow:"↚",nleftrightarrow:"↮",nleq:"≰",nleqq:"≦̸",nleqslant:"⩽̸",nles:"⩽̸",nless:"≮",nlsim:"≴",nlt:"≮",nltri:"⋪",nltrie:"⋬",nmid:"∤",nopf:"𝕟",no:"¬",not:"¬",notin:"∉",notinE:"⋹̸",notindot:"⋵̸",notinva:"∉",notinvb:"⋷",notinvc:"⋶",notni:"∌",notniva:"∌",notnivb:"⋾",notnivc:"⋽",npar:"∦",nparallel:"∦",nparsl:"⫽⃥",npart:"∂̸",npolint:"⨔",npr:"⊀",nprcue:"⋠",npre:"⪯̸",nprec:"⊀",npreceq:"⪯̸",nrArr:"⇏",nrarr:"↛",nrarrc:"⤳̸",nrarrw:"↝̸",nrightarrow:"↛",nrtri:"⋫",nrtrie:"⋭",nsc:"⊁",nsccue:"⋡",nsce:"⪰̸",nscr:"𝓃",nshortmid:"∤",nshortparallel:"∦",nsim:"≁",nsime:"≄",nsimeq:"≄",nsmid:"∤",nspar:"∦",nsqsube:"⋢",nsqsupe:"⋣",nsub:"⊄",nsubE:"⫅̸",nsube:"⊈",nsubset:"⊂⃒",nsubseteq:"⊈",nsubseteqq:"⫅̸",nsucc:"⊁",nsucceq:"⪰̸",nsup:"⊅",nsupE:"⫆̸",nsupe:"⊉",nsupset:"⊃⃒",nsupseteq:"⊉",nsupseteqq:"⫆̸",ntgl:"≹",ntild:"ñ",ntilde:"ñ",ntlg:"≸",ntriangleleft:"⋪",ntrianglelefteq:"⋬",ntriangleright:"⋫",ntrianglerighteq:"⋭",nu:"ν",num:"#",numero:"№",numsp:" ",nvDash:"⊭",nvHarr:"⤄",nvap:"≍⃒",nvdash:"⊬",nvge:"≥⃒",nvgt:">⃒",nvinfin:"⧞",nvlArr:"⤂",nvle:"≤⃒",nvlt:"<⃒",nvltrie:"⊴⃒",nvrArr:"⤃",nvrtrie:"⊵⃒",nvsim:"∼⃒",nwArr:"⇖",nwarhk:"⤣",nwarr:"↖",nwarrow:"↖",nwnear:"⤧",oS:"Ⓢ",oacut:"ó",oacute:"ó",oast:"⊛",ocir:"ô",ocirc:"ô",ocy:"о",odash:"⊝",odblac:"ő",odiv:"⨸",odot:"⊙",odsold:"⦼",oelig:"œ",ofcir:"⦿",ofr:"𝔬",ogon:"˛",ograv:"ò",ograve:"ò",ogt:"⧁",ohbar:"⦵",ohm:"Ω",oint:"∮",olarr:"↺",olcir:"⦾",olcross:"⦻",oline:"‾",olt:"⧀",omacr:"ō",omega:"ω",omicron:"ο",omid:"⦶",ominus:"⊖",oopf:"𝕠",opar:"⦷",operp:"⦹",oplus:"⊕",or:"∨",orarr:"↻",ord:"º",order:"ℴ",orderof:"ℴ",ordf:"ª",ordm:"º",origof:"⊶",oror:"⩖",orslope:"⩗",orv:"⩛",oscr:"ℴ",oslas:"ø",oslash:"ø",osol:"⊘",otild:"õ",otilde:"õ",otimes:"⊗",otimesas:"⨶",oum:"ö",ouml:"ö",ovbar:"⌽",par:"¶",para:"¶",parallel:"∥",parsim:"⫳",parsl:"⫽",part:"∂",pcy:"п",percnt:"%",period:".",permil:"‰",perp:"⊥",pertenk:"‱",pfr:"𝔭",phi:"φ",phiv:"ϕ",phmmat:"ℳ",phone:"☎",pi:"π",pitchfork:"⋔",piv:"ϖ",planck:"ℏ",planckh:"ℎ",plankv:"ℏ",plus:"+",plusacir:"⨣",plusb:"⊞",pluscir:"⨢",plusdo:"∔",plusdu:"⨥",pluse:"⩲",plusm:"±",plusmn:"±",plussim:"⨦",plustwo:"⨧",pm:"±",pointint:"⨕",popf:"𝕡",poun:"£",pound:"£",pr:"≺",prE:"⪳",prap:"⪷",prcue:"≼",pre:"⪯",prec:"≺",precapprox:"⪷",preccurlyeq:"≼",preceq:"⪯",precnapprox:"⪹",precneqq:"⪵",precnsim:"⋨",precsim:"≾",prime:"′",primes:"ℙ",prnE:"⪵",prnap:"⪹",prnsim:"⋨",prod:"∏",profalar:"⌮",profline:"⌒",profsurf:"⌓",prop:"∝",propto:"∝",prsim:"≾",prurel:"⊰",pscr:"𝓅",psi:"ψ",puncsp:" ",qfr:"𝔮",qint:"⨌",qopf:"𝕢",qprime:"⁗",qscr:"𝓆",quaternions:"ℍ",quatint:"⨖",quest:"?",questeq:"≟",quo:'"',quot:'"',rAarr:"⇛",rArr:"⇒",rAtail:"⤜",rBarr:"⤏",rHar:"⥤",race:"∽̱",racute:"ŕ",radic:"√",raemptyv:"⦳",rang:"⟩",rangd:"⦒",range:"⦥",rangle:"⟩",raqu:"»",raquo:"»",rarr:"→",rarrap:"⥵",rarrb:"⇥",rarrbfs:"⤠",rarrc:"⤳",rarrfs:"⤞",rarrhk:"↪",rarrlp:"↬",rarrpl:"⥅",rarrsim:"⥴",rarrtl:"↣",rarrw:"↝",ratail:"⤚",ratio:"∶",rationals:"ℚ",rbarr:"⤍",rbbrk:"❳",rbrace:"}",rbrack:"]",rbrke:"⦌",rbrksld:"⦎",rbrkslu:"⦐",rcaron:"ř",rcedil:"ŗ",rceil:"⌉",rcub:"}",rcy:"р",rdca:"⤷",rdldhar:"⥩",rdquo:"”",rdquor:"”",rdsh:"↳",real:"ℜ",realine:"ℛ",realpart:"ℜ",reals:"ℝ",rect:"▭",re:"®",reg:"®",rfisht:"⥽",rfloor:"⌋",rfr:"𝔯",rhard:"⇁",rharu:"⇀",rharul:"⥬",rho:"ρ",rhov:"ϱ",rightarrow:"→",rightarrowtail:"↣",rightharpoondown:"⇁",rightharpoonup:"⇀",rightleftarrows:"⇄",rightleftharpoons:"⇌",rightrightarrows:"⇉",rightsquigarrow:"↝",rightthreetimes:"⋌",ring:"˚",risingdotseq:"≓",rlarr:"⇄",rlhar:"⇌",rlm:"‏",rmoust:"⎱",rmoustache:"⎱",rnmid:"⫮",roang:"⟭",roarr:"⇾",robrk:"⟧",ropar:"⦆",ropf:"𝕣",roplus:"⨮",rotimes:"⨵",rpar:")",rpargt:"⦔",rppolint:"⨒",rrarr:"⇉",rsaquo:"›",rscr:"𝓇",rsh:"↱",rsqb:"]",rsquo:"’",rsquor:"’",rthree:"⋌",rtimes:"⋊",rtri:"▹",rtrie:"⊵",rtrif:"▸",rtriltri:"⧎",ruluhar:"⥨",rx:"℞",sacute:"ś",sbquo:"‚",sc:"≻",scE:"⪴",scap:"⪸",scaron:"š",sccue:"≽",sce:"⪰",scedil:"ş",scirc:"ŝ",scnE:"⪶",scnap:"⪺",scnsim:"⋩",scpolint:"⨓",scsim:"≿",scy:"с",sdot:"⋅",sdotb:"⊡",sdote:"⩦",seArr:"⇘",searhk:"⤥",searr:"↘",searrow:"↘",sec:"§",sect:"§",semi:";",seswar:"⤩",setminus:"∖",setmn:"∖",sext:"✶",sfr:"𝔰",sfrown:"⌢",sharp:"♯",shchcy:"щ",shcy:"ш",shortmid:"∣",shortparallel:"∥",sh:"­",shy:"­",sigma:"σ",sigmaf:"ς",sigmav:"ς",sim:"∼",simdot:"⩪",sime:"≃",simeq:"≃",simg:"⪞",simgE:"⪠",siml:"⪝",simlE:"⪟",simne:"≆",simplus:"⨤",simrarr:"⥲",slarr:"←",smallsetminus:"∖",smashp:"⨳",smeparsl:"⧤",smid:"∣",smile:"⌣",smt:"⪪",smte:"⪬",smtes:"⪬︀",softcy:"ь",sol:"/",solb:"⧄",solbar:"⌿",sopf:"𝕤",spades:"♠",spadesuit:"♠",spar:"∥",sqcap:"⊓",sqcaps:"⊓︀",sqcup:"⊔",sqcups:"⊔︀",sqsub:"⊏",sqsube:"⊑",sqsubset:"⊏",sqsubseteq:"⊑",sqsup:"⊐",sqsupe:"⊒",sqsupset:"⊐",sqsupseteq:"⊒",squ:"□",square:"□",squarf:"▪",squf:"▪",srarr:"→",sscr:"𝓈",ssetmn:"∖",ssmile:"⌣",sstarf:"⋆",star:"☆",starf:"★",straightepsilon:"ϵ",straightphi:"ϕ",strns:"¯",sub:"⊂",subE:"⫅",subdot:"⪽",sube:"⊆",subedot:"⫃",submult:"⫁",subnE:"⫋",subne:"⊊",subplus:"⪿",subrarr:"⥹",subset:"⊂",subseteq:"⊆",subseteqq:"⫅",subsetneq:"⊊",subsetneqq:"⫋",subsim:"⫇",subsub:"⫕",subsup:"⫓",succ:"≻",succapprox:"⪸",succcurlyeq:"≽",succeq:"⪰",succnapprox:"⪺",succneqq:"⪶",succnsim:"⋩",succsim:"≿",sum:"∑",sung:"♪",sup:"⊃",sup1:"¹",sup2:"²",sup3:"³",supE:"⫆",supdot:"⪾",supdsub:"⫘",supe:"⊇",supedot:"⫄",suphsol:"⟉",suphsub:"⫗",suplarr:"⥻",supmult:"⫂",supnE:"⫌",supne:"⊋",supplus:"⫀",supset:"⊃",supseteq:"⊇",supseteqq:"⫆",supsetneq:"⊋",supsetneqq:"⫌",supsim:"⫈",supsub:"⫔",supsup:"⫖",swArr:"⇙",swarhk:"⤦",swarr:"↙",swarrow:"↙",swnwar:"⤪",szli:"ß",szlig:"ß",target:"⌖",tau:"τ",tbrk:"⎴",tcaron:"ť",tcedil:"ţ",tcy:"т",tdot:"⃛",telrec:"⌕",tfr:"𝔱",there4:"∴",therefore:"∴",theta:"θ",thetasym:"ϑ",thetav:"ϑ",thickapprox:"≈",thicksim:"∼",thinsp:" ",thkap:"≈",thksim:"∼",thor:"þ",thorn:"þ",tilde:"˜",time:"×",times:"×",timesb:"⊠",timesbar:"⨱",timesd:"⨰",tint:"∭",toea:"⤨",top:"⊤",topbot:"⌶",topcir:"⫱",topf:"𝕥",topfork:"⫚",tosa:"⤩",tprime:"‴",trade:"™",triangle:"▵",triangledown:"▿",triangleleft:"◃",trianglelefteq:"⊴",triangleq:"≜",triangleright:"▹",trianglerighteq:"⊵",tridot:"◬",trie:"≜",triminus:"⨺",triplus:"⨹",trisb:"⧍",tritime:"⨻",trpezium:"⏢",tscr:"𝓉",tscy:"ц",tshcy:"ћ",tstrok:"ŧ",twixt:"≬",twoheadleftarrow:"↞",twoheadrightarrow:"↠",uArr:"⇑",uHar:"⥣",uacut:"ú",uacute:"ú",uarr:"↑",ubrcy:"ў",ubreve:"ŭ",ucir:"û",ucirc:"û",ucy:"у",udarr:"⇅",udblac:"ű",udhar:"⥮",ufisht:"⥾",ufr:"𝔲",ugrav:"ù",ugrave:"ù",uharl:"↿",uharr:"↾",uhblk:"▀",ulcorn:"⌜",ulcorner:"⌜",ulcrop:"⌏",ultri:"◸",umacr:"ū",um:"¨",uml:"¨",uogon:"ų",uopf:"𝕦",uparrow:"↑",updownarrow:"↕",upharpoonleft:"↿",upharpoonright:"↾",uplus:"⊎",upsi:"υ",upsih:"ϒ",upsilon:"υ",upuparrows:"⇈",urcorn:"⌝",urcorner:"⌝",urcrop:"⌎",uring:"ů",urtri:"◹",uscr:"𝓊",utdot:"⋰",utilde:"ũ",utri:"▵",utrif:"▴",uuarr:"⇈",uum:"ü",uuml:"ü",uwangle:"⦧",vArr:"⇕",vBar:"⫨",vBarv:"⫩",vDash:"⊨",vangrt:"⦜",varepsilon:"ϵ",varkappa:"ϰ",varnothing:"∅",varphi:"ϕ",varpi:"ϖ",varpropto:"∝",varr:"↕",varrho:"ϱ",varsigma:"ς",varsubsetneq:"⊊︀",varsubsetneqq:"⫋︀",varsupsetneq:"⊋︀",varsupsetneqq:"⫌︀",vartheta:"ϑ",vartriangleleft:"⊲",vartriangleright:"⊳",vcy:"в",vdash:"⊢",vee:"∨",veebar:"⊻",veeeq:"≚",vellip:"⋮",verbar:"|",vert:"|",vfr:"𝔳",vltri:"⊲",vnsub:"⊂⃒",vnsup:"⊃⃒",vopf:"𝕧",vprop:"∝",vrtri:"⊳",vscr:"𝓋",vsubnE:"⫋︀",vsubne:"⊊︀",vsupnE:"⫌︀",vsupne:"⊋︀",vzigzag:"⦚",wcirc:"ŵ",wedbar:"⩟",wedge:"∧",wedgeq:"≙",weierp:"℘",wfr:"𝔴",wopf:"𝕨",wp:"℘",wr:"≀",wreath:"≀",wscr:"𝓌",xcap:"⋂",xcirc:"◯",xcup:"⋃",xdtri:"▽",xfr:"𝔵",xhArr:"⟺",xharr:"⟷",xi:"ξ",xlArr:"⟸",xlarr:"⟵",xmap:"⟼",xnis:"⋻",xodot:"⨀",xopf:"𝕩",xoplus:"⨁",xotime:"⨂",xrArr:"⟹",xrarr:"⟶",xscr:"𝓍",xsqcup:"⨆",xuplus:"⨄",xutri:"△",xvee:"⋁",xwedge:"⋀",yacut:"ý",yacute:"ý",yacy:"я",ycirc:"ŷ",ycy:"ы",ye:"¥",yen:"¥",yfr:"𝔶",yicy:"ї",yopf:"𝕪",yscr:"𝓎",yucy:"ю",yum:"ÿ",yuml:"ÿ",zacute:"ź",zcaron:"ž",zcy:"з",zdot:"ż",zeetrf:"ℨ",zeta:"ζ",zfr:"𝔷",zhcy:"ж",zigrarr:"⇝",zopf:"𝕫",zscr:"𝓏",zwj:"‍",zwnj:"‌"},decodeEntity_1=function decodeEntity$1(characters){return!!own$2.call(characterEntities,characters)&&characterEntities[characters]},own$2={}.hasOwnProperty;var legacy={AElig:"Æ",AMP:"&",Aacute:"Á",Acirc:"Â",Agrave:"À",Aring:"Å",Atilde:"Ã",Auml:"Ä",COPY:"©",Ccedil:"Ç",ETH:"Ð",Eacute:"É",Ecirc:"Ê",Egrave:"È",Euml:"Ë",GT:">",Iacute:"Í",Icirc:"Î",Igrave:"Ì",Iuml:"Ï",LT:"<",Ntilde:"Ñ",Oacute:"Ó",Ocirc:"Ô",Ograve:"Ò",Oslash:"Ø",Otilde:"Õ",Ouml:"Ö",QUOT:'"',REG:"®",THORN:"Þ",Uacute:"Ú",Ucirc:"Û",Ugrave:"Ù",Uuml:"Ü",Yacute:"Ý",aacute:"á",acirc:"â",acute:"´",aelig:"æ",agrave:"à",amp:"&",aring:"å",atilde:"ã",auml:"ä",brvbar:"¦",ccedil:"ç",cedil:"¸",cent:"¢",copy:"©",curren:"¤",deg:"°",divide:"÷",eacute:"é",ecirc:"ê",egrave:"è",eth:"ð",euml:"ë",frac12:"½",frac14:"¼",frac34:"¾",gt:">",iacute:"í",icirc:"î",iexcl:"¡",igrave:"ì",iquest:"¿",iuml:"ï",laquo:"«",lt:"<",macr:"¯",micro:"µ",middot:"·",nbsp:" ",not:"¬",ntilde:"ñ",oacute:"ó",ocirc:"ô",ograve:"ò",ordf:"ª",ordm:"º",oslash:"ø",otilde:"õ",ouml:"ö",para:"¶",plusmn:"±",pound:"£",quot:'"',raquo:"»",reg:"®",sect:"§",shy:"­",sup1:"¹",sup2:"²",sup3:"³",szlig:"ß",thorn:"þ",times:"×",uacute:"ú",ucirc:"û",ugrave:"ù",uml:"¨",uuml:"ü",yacute:"ý",yen:"¥",yuml:"ÿ"},invalid={0:"�",128:"€",130:"‚",131:"ƒ",132:"„",133:"…",134:"†",135:"‡",136:"ˆ",137:"‰",138:"Š",139:"‹",140:"Œ",142:"Ž",145:"‘",146:"’",147:"“",148:"”",149:"•",150:"–",151:"—",152:"˜",153:"™",154:"š",155:"›",156:"œ",158:"ž",159:"Ÿ"},decimal=isDecimal,hexadecimal=function hexadecimal$1(character){var code="string"==typeof character?character.charCodeAt(0):character;return code>=97&&code<=102||code>=65&&code<=70||code>=48&&code<=57},alphanumerical=function alphanumerical$1(character){return alphabetical(character)||decimal$1(character)},decodeEntity=decodeEntity_1,parseEntities_1=function parseEntities(value,options){var option,key,settings={};options||(options={});for(key in defaults)option=options[key],settings[key]=null==option?defaults[key]:option;(settings.position.indent||settings.position.start)&&(settings.indent=settings.position.indent||[],settings.position=settings.position.start);return function parse(value,settings){var entityCharacters,namedEntity,terminated,characters,character,reference,following,warning,reason,output,entity,begin,start,type,test,prev,next,diff,end,additional=settings.additional,nonTerminated=settings.nonTerminated,handleText=settings.text,handleReference=settings.reference,handleWarning=settings.warning,textContext=settings.textContext,referenceContext=settings.referenceContext,warningContext=settings.warningContext,pos=settings.position,indent=settings.indent||[],length=value.length,index=0,lines=-1,column=pos.column||1,line=pos.line||1,queue="",result=[];"string"==typeof additional&&(additional=additional.charCodeAt(0));prev=now(),warning=handleWarning?parseError:noop,index--,length++;for(;++index65535&&(output+=fromCharCode((reference-=65536)>>>10|55296),reference=56320|1023&reference),reference=output+fromCharCode(reference))):type!==name&&warning(numericEmpty,diff)),reference?(flush(),prev=now(),index=end-1,column+=end-start+1,result.push(reference),(next=now()).offset++,handleReference&&handleReference.call(referenceContext,reference,{start:prev,end:next},value.slice(start-1,end)),prev=next):(characters=value.slice(start-1,end),queue+=characters,column+=characters.length,index=end-1)}else 10===character&&(line++,lines++,column=0),character==character?(queue+=fromCharCode(character),column++):flush();return result.join("");function now(){return{line,column,offset:index+(pos.offset||0)}}function parseError(code,offset){var position=now();position.column+=offset,position.offset+=offset,handleWarning.call(warningContext,messages[code],position,code)}function flush(){queue&&(result.push(queue),handleText&&handleText.call(textContext,queue,{start:prev,end:now()}),queue="")}}(value,settings)},own$1={}.hasOwnProperty,fromCharCode=String.fromCharCode,noop=Function.prototype,defaults={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},tab=9,lineFeed=10,formFeed=12,space=32,ampersand=38,semicolon=59,lessThan=60,equalsTo=61,numberSign=35,uppercaseX=88,lowercaseX=120,replacementCharacter=65533,name="named",hexa="hexadecimal",deci="decimal",bases={};bases[hexa]=16,bases[deci]=10;var tests={};tests[name]=alphanumerical,tests[deci]=decimal,tests[hexa]=hexadecimal;var namedNotTerminated=1,numericNotTerminated=2,namedEmpty=3,numericEmpty=4,namedUnknown=5,numericDisallowed=6,numericProhibited=7,messages={};function prohibited(code){return code>=55296&&code<=57343||code>1114111}function disallowed(code){return code>=1&&code<=8||11===code||code>=13&&code<=31||code>=127&&code<=159||code>=64976&&code<=65007||65535==(65535&code)||65534==(65535&code)}messages[namedNotTerminated]="Named character references must be terminated by a semicolon",messages[numericNotTerminated]="Numeric character references must be terminated by a semicolon",messages[namedEmpty]="Named character references cannot be empty",messages[numericEmpty]="Numeric character references cannot be empty",messages[namedUnknown]="Named character references must be known",messages[numericDisallowed]="Numeric character references cannot be disallowed",messages[numericProhibited]="Numeric character references cannot be outside the permissible Unicode range";var prismCore={exports:{}};!function(module){var Prism=function(_self){var lang=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,uniqueId=0,plainTextGrammar={},_={manual:_self.Prism&&_self.Prism.manual,disableWorkerMessageHandler:_self.Prism&&_self.Prism.disableWorkerMessageHandler,util:{encode:function encode(tokens){return tokens instanceof Token?new Token(tokens.type,encode(tokens.content),tokens.alias):Array.isArray(tokens)?tokens.map(encode):tokens.replace(/&/g,"&").replace(/=rematch.reach);pos+=currentNode.value.length,currentNode=currentNode.next){var str=currentNode.value;if(tokenList.length>text.length)return;if(!(str instanceof Token)){var match,removeCount=1;if(greedy){if(!(match=matchPattern(pattern,pos,text,lookbehind))||match.index>=text.length)break;var from=match.index,to=match.index+match[0].length,p=pos;for(p+=currentNode.value.length;from>=p;)p+=(currentNode=currentNode.next).value.length;if(pos=p-=currentNode.value.length,currentNode.value instanceof Token)continue;for(var k=currentNode;k!==tokenList.tail&&(prematch.reach&&(rematch.reach=reach);var removeFrom=currentNode.prev;if(before&&(removeFrom=addAfter(tokenList,removeFrom,before),pos+=before.length),removeRange(tokenList,removeFrom,removeCount),currentNode=addAfter(tokenList,removeFrom,new Token(token,inside?_.tokenize(matchStr,inside):matchStr,alias,matchStr)),after&&addAfter(tokenList,currentNode,after),removeCount>1){var nestedRematch={cause:token+","+j,reach};matchGrammar(text,tokenList,grammar,currentNode.prev,pos,nestedRematch),rematch&&nestedRematch.reach>rematch.reach&&(rematch.reach=nestedRematch.reach)}}}}}}function LinkedList(){var head={value:null,prev:null,next:null},tail={value:null,prev:head,next:null};head.next=tail,this.head=head,this.tail=tail,this.length=0}function addAfter(list,node,value){var next=node.next,newNode={value,prev:node,next};return node.next=newNode,next.prev=newNode,list.length++,newNode}function removeRange(list,node,count){for(var next=node.next,i=0;i"+env.content+""},!_self.document)return _self.addEventListener?(_.disableWorkerMessageHandler||_self.addEventListener("message",(function(evt){var message=JSON.parse(evt.data),lang=message.language,code=message.code,immediateClose=message.immediateClose;_self.postMessage(_.highlight(code,_.languages[lang],lang)),immediateClose&&_self.close()}),!1),_):_;var script=_.util.currentScript();function highlightAutomaticallyCallback(){_.manual||_.highlightAll()}if(script&&(_.filename=script.src,script.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var readyState=document.readyState;"loading"===readyState||"interactive"===readyState&&script&&script.defer?document.addEventListener("DOMContentLoaded",highlightAutomaticallyCallback):window.requestAnimationFrame?window.requestAnimationFrame(highlightAutomaticallyCallback):window.setTimeout(highlightAutomaticallyCallback,16)}return _}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});module.exports&&(module.exports=Prism),void 0!==_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.c&&(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.c.Prism=Prism)}(prismCore);var clike_1=clike$1;function clike$1(Prism){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}}clike$1.displayName="clike",clike$1.aliases=[];var javascript_1=javascript;function javascript(Prism){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript}javascript.displayName="javascript",javascript.aliases=["js"];var ctx="object"===("undefined"==typeof globalThis?"undefined":_typeof(globalThis))?globalThis:"object"===("undefined"==typeof self?"undefined":_typeof(self))?self:"object"===("undefined"==typeof window?"undefined":_typeof(window))?window:"object"===_typeof(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.c)?_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.c:{},restore=function capture(){var defined="Prism"in ctx,current=defined?ctx.Prism:void 0;return function restore(){defined?ctx.Prism=current:delete ctx.Prism;defined=void 0,current=void 0}}();ctx.Prism={manual:!0,disableWorkerMessageHandler:!0};var h=hastscript,decode=parseEntities_1,Prism=prismCore.exports,markup=markup_1,css=css_1,clike=clike_1,js=javascript_1;restore();var own={}.hasOwnProperty;function Refractor(){}Refractor.prototype=Prism;var refract=new Refractor,core=refract;function register(grammar){if("function"!=typeof grammar||!grammar.displayName)throw new Error("Expected `function` for `grammar`, got `"+grammar+"`");void 0===refract.languages[grammar.displayName]&&grammar(refract)}refract.highlight=function highlight(value,name){var grammar,sup=Prism.highlight;if("string"!=typeof value)throw new Error("Expected `string` for `value`, got `"+value+"`");if("Object"===refract.util.type(name))grammar=name,name=null;else{if("string"!=typeof name)throw new Error("Expected `string` for `name`, got `"+name+"`");if(!own.call(refract.languages,name))throw new Error("Unknown language: `"+name+"` is not registered");grammar=refract.languages[name]}return sup.call(this,value,grammar,name)},refract.register=register,refract.alias=function alias(name,alias){var key,list,length,index,languages=refract.languages,map=name;alias&&((map={})[name]=alias);for(key in map)for(length=(list="string"==typeof(list=map[key])?[list]:list).length,index=-1;++index=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}(_ref7,["language","children","style","customStyle","codeTagProps","useInlineStyles","showLineNumbers","showInlineLineNumbers","startingLineNumber","lineNumberContainerStyle","lineNumberStyle","wrapLines","wrapLongLines","lineProps","renderer","PreTag","CodeTag","code","astGenerator"]);astGenerator=astGenerator||defaultAstGenerator;var allLineNumbers=showLineNumbers?react__WEBPACK_IMPORTED_MODULE_35__.createElement(AllLineNumbers,{containerStyle:lineNumberContainerStyle,codeStyle:codeTagProps.style||{},numberStyle:lineNumberStyle,startingLineNumber,codeString:code}):null,defaultPreStyle=style.hljs||style['pre[class*="language-"]']||{backgroundColor:"#fff"},generatorClassName=isHighlightJs(astGenerator)?"hljs":"prismjs",preProps=useInlineStyles?Object.assign({},rest,{style:Object.assign({},defaultPreStyle,customStyle)}):Object.assign({},rest,{className:rest.className?"".concat(generatorClassName," ").concat(rest.className):generatorClassName,style:Object.assign({},customStyle)});if(!astGenerator)return react__WEBPACK_IMPORTED_MODULE_35__.createElement(PreTag,preProps,allLineNumbers,react__WEBPACK_IMPORTED_MODULE_35__.createElement(CodeTag,codeTagProps,code));(void 0===wrapLines&&renderer||wrapLongLines)&&(wrapLines=!0),renderer=renderer||defaultRenderer;var defaultCodeValue=[{type:"text",value:code}],codeTree=function getCodeTree(_ref6){var astGenerator=_ref6.astGenerator,language=_ref6.language,code=_ref6.code,defaultCodeValue=_ref6.defaultCodeValue;if(isHighlightJs(astGenerator)){var hasLanguage=checkForListedLanguage(astGenerator,language);return"text"===language?{value:defaultCodeValue,language:"text"}:hasLanguage?astGenerator.highlight(language,code):astGenerator.highlightAuto(code)}try{return language&&"text"!==language?{value:astGenerator.highlight(code,language)}:{value:defaultCodeValue}}catch(e){return{value:defaultCodeValue}}}({astGenerator,language,code,defaultCodeValue});null===codeTree.language&&(codeTree.value=defaultCodeValue);var rows=processLines(codeTree,wrapLines,lineProps,showLineNumbers,showInlineLineNumbers,startingLineNumber,codeTree.value.length+startingLineNumber,lineNumberStyle,wrapLongLines);return codeTagProps.style=_objectSpread({},codeTagProps.style,wrapLongLines?{whiteSpace:"pre-wrap"}:{whiteSpace:"pre"}),react__WEBPACK_IMPORTED_MODULE_35__.createElement(PreTag,preProps,react__WEBPACK_IMPORTED_MODULE_35__.createElement(CodeTag,codeTagProps,!showInlineLineNumbers&&allLineNumbers,renderer({rows,stylesheet:style,useInlineStyles})))}}(core,{});SyntaxHighlighter$1.registerLanguage=function(_,language){return core.register(language)};var ReactSyntaxHighlighter=SyntaxHighlighter$1,navigator=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.w.navigator,document$1=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.w.document,globalWindow=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.w.window;ReactSyntaxHighlighter.registerLanguage("jsextra",jsExtras$1),ReactSyntaxHighlighter.registerLanguage("jsx",jsx$1),ReactSyntaxHighlighter.registerLanguage("json",json$1),ReactSyntaxHighlighter.registerLanguage("yml",yaml$1),ReactSyntaxHighlighter.registerLanguage("md",markdown$1),ReactSyntaxHighlighter.registerLanguage("bash",bash$1),ReactSyntaxHighlighter.registerLanguage("css",css$2),ReactSyntaxHighlighter.registerLanguage("html",markup$2),ReactSyntaxHighlighter.registerLanguage("tsx",tsx$1),ReactSyntaxHighlighter.registerLanguage("typescript",typescript$1),ReactSyntaxHighlighter.registerLanguage("graphql",graphql$1);var themedSyntax=memoizerific__WEBPACK_IMPORTED_MODULE_36___default()(2)((function(theme){return Object.entries(theme.code||{}).reduce((function(acc,_ref8){var _ref9=_slicedToArray(_ref8,2),key=_ref9[0],val=_ref9[1];return Object.assign(Object.assign({},acc),function _defineProperty2(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},"* .".concat(key),val))}),{})})),copyToClipboard=createCopyToClipboardFunction();function createCopyToClipboardFunction(){var _this=this;return(null==navigator?void 0:navigator.clipboard)?function(text){return navigator.clipboard.writeText(text)}:function(text){return(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.b)(_this,void 0,void 0,regeneratorRuntime.mark((function _callee(){var tmp,focus;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:tmp=document$1.createElement("TEXTAREA"),focus=document$1.activeElement,tmp.value=text,document$1.body.appendChild(tmp),tmp.select(),document$1.execCommand("copy"),document$1.body.removeChild(tmp),focus.focus();case 8:case"end":return _context.stop()}}),_callee)})))}}var Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_40__.zo.div((function(_ref10){return{position:"relative",overflow:"hidden",color:_ref10.theme.color.defaultText}}),(function(_ref11){var theme=_ref11.theme;return _ref11.bordered?{border:"1px solid ".concat(theme.appBorderColor),borderRadius:theme.borderRadius,background:theme.background.content}:{}})),Scroller=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_40__.zo)((function(_ref12){var children=_ref12.children,className=_ref12.className;return react__WEBPACK_IMPORTED_MODULE_35__.createElement(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.S,{horizontal:!0,vertical:!0,className},children)}))({position:"relative"},(function(_ref13){var theme=_ref13.theme;return themedSyntax(theme)})),Pre=_storybook_theming__WEBPACK_IMPORTED_MODULE_40__.zo.pre((function(_ref14){var theme=_ref14.theme;return{display:"flex",justifyContent:"flex-start",margin:0,padding:_ref14.padded?theme.layoutMargin:0}})),Code=_storybook_theming__WEBPACK_IMPORTED_MODULE_40__.zo.div((function(_ref15){return{flex:1,paddingLeft:2,paddingRight:_ref15.theme.layoutMargin,opacity:1}})),SyntaxHighlighter=function SyntaxHighlighter(_a){var children=_a.children,_a$language=_a.language,language=void 0===_a$language?"jsx":_a$language,_a$copyable=_a.copyable,copyable=void 0!==_a$copyable&&_a$copyable,_a$bordered=_a.bordered,bordered=void 0!==_a$bordered&&_a$bordered,_a$padded=_a.padded,padded=void 0!==_a$padded&&_a$padded,_a$format=_a.format,format=void 0===_a$format||_a$format,_a$formatter=_a.formatter,formatter=void 0===_a$formatter?null:_a$formatter,_a$className=_a.className,className=void 0===_a$className?null:_a$className,_a$showLineNumbers=_a.showLineNumbers,showLineNumbers=void 0!==_a$showLineNumbers&&_a$showLineNumbers,rest=(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.d)(_a,["children","language","copyable","bordered","padded","format","formatter","className","showLineNumbers"]);if("string"!=typeof children||!children.trim())return null;var highlightableCode=formatter?formatter(format,children):children.trim(),_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_35__.useState)(!1),2),copied=_useState2[0],setCopied=_useState2[1],onClick=(0,react__WEBPACK_IMPORTED_MODULE_35__.useCallback)((function(e){e.preventDefault();var selectedText=globalWindow.getSelection().toString(),textToCopy="click"!==e.type&&selectedText?selectedText:highlightableCode;copyToClipboard(textToCopy).then((function(){setCopied(!0),globalWindow.setTimeout((function(){return setCopied(!1)}),1500)})).catch(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_41__.kg.error)}),[]);return react__WEBPACK_IMPORTED_MODULE_35__.createElement(Wrapper,{bordered,padded,className,onCopyCapture:onClick},react__WEBPACK_IMPORTED_MODULE_35__.createElement(Scroller,null,react__WEBPACK_IMPORTED_MODULE_35__.createElement(ReactSyntaxHighlighter,Object.assign({padded:padded||bordered,language,showLineNumbers,showInlineLineNumbers:showLineNumbers,useInlineStyles:!1,PreTag:Pre,CodeTag:Code,lineNumberContainerStyle:{}},rest),highlightableCode)),copyable?react__WEBPACK_IMPORTED_MODULE_35__.createElement(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_39__.A,{actionItems:[{title:copied?"Copied":"Copy",onClick}]}):null)}},"../../node_modules/core-js/modules/es.regexp.flags.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("../../node_modules/core-js/internals/global.js"),DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),defineBuiltInAccessor=__webpack_require__("../../node_modules/core-js/internals/define-built-in-accessor.js"),regExpFlags=__webpack_require__("../../node_modules/core-js/internals/regexp-flags.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),RegExp=global.RegExp,RegExpPrototype=RegExp.prototype;DESCRIPTORS&&fails((function(){var INDICES_SUPPORT=!0;try{RegExp(".","d")}catch(error){INDICES_SUPPORT=!1}var O={},calls="",expected=INDICES_SUPPORT?"dgimsy":"gimsy",addGetter=function(key,chr){Object.defineProperty(O,key,{get:function(){return calls+=chr,!0}})},pairs={dotAll:"s",global:"g",ignoreCase:"i",multiline:"m",sticky:"y"};for(var key in INDICES_SUPPORT&&(pairs.hasIndices="d"),pairs)addGetter(key,pairs[key]);return Object.getOwnPropertyDescriptor(RegExpPrototype,"flags").get.call(O)!==expected||calls!==expected}))&&defineBuiltInAccessor(RegExpPrototype,"flags",{configurable:!0,get:regExpFlags})},"../../node_modules/core-js/modules/es.string.from-code-point.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("../../node_modules/core-js/internals/export.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),toAbsoluteIndex=__webpack_require__("../../node_modules/core-js/internals/to-absolute-index.js"),$RangeError=RangeError,fromCharCode=String.fromCharCode,$fromCodePoint=String.fromCodePoint,join=uncurryThis([].join);$({target:"String",stat:!0,arity:1,forced:!!$fromCodePoint&&1!=$fromCodePoint.length},{fromCodePoint:function fromCodePoint(x){for(var code,elements=[],length=arguments.length,i=0;length>i;){if(code=+arguments[i++],toAbsoluteIndex(code,1114111)!==code)throw $RangeError(code+" is not a valid code point");elements[i]=code<65536?fromCharCode(code):fromCharCode(55296+((code-=65536)>>10),code%1024+56320)}return join(elements,"")}})}}]); \ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js.LICENSE.txt b/docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js.LICENSE.txt new file mode 100644 index 0000000000..7a41474775 --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/375.f75c51a2.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,8 @@ +/** + * Prism: Lightweight, robust, elegant syntax highlighting + * + * @license MIT + * @author Lea Verou + * @namespace + * @public + */ diff --git a/docs/HDS-1752-remove-open-menu-on-hover/429.ec6a4122674a4b4c7e0c.manager.bundle.js b/docs/HDS-1752-remove-open-menu-on-hover/429.ec6a4122674a4b4c7e0c.manager.bundle.js new file mode 100644 index 0000000000..d1bbf12061 --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/429.ec6a4122674a4b4c7e0c.manager.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkhds_react=self.webpackChunkhds_react||[]).push([[429],{66429:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>GlobalScrollAreaStyles,getScrollAreaStyles:()=>getScrollAreaStyles});__webpack_require__(32501),__webpack_require__(22144);var _templateObject,react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2784),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(2540);var hsResizeObserverDummyAnimation=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.F4)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["0%{z-index:0}to{z-index:-1}"]))),getScrollAreaStyles=function getScrollAreaStyles(theme){return{"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:"".concat(hsResizeObserverDummyAnimation)},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.color.mediumdark,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}},GlobalScrollAreaStyles=function GlobalScrollAreaStyles(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.xB,{styles:getScrollAreaStyles})}}}]); \ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/499.39b9a68e.iframe.bundle.js b/docs/HDS-1752-remove-open-menu-on-hover/499.39b9a68e.iframe.bundle.js new file mode 100644 index 0000000000..efb518446d --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/499.39b9a68e.iframe.bundle.js @@ -0,0 +1,7 @@ +/*! For license information please see 499.39b9a68e.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkhds_react=self.webpackChunkhds_react||[]).push([[499],{"../../node_modules/@base2/pretty-print-object/dist/index.js":function(__unused_webpack_module,exports){"use strict";var __assign=this&&this.__assign||function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>ResizeObserver});var ResizeObserverBoxOptions,resizeObservers=[],msg="ResizeObserver loop completed with undelivered notifications.";!function(ResizeObserverBoxOptions){ResizeObserverBoxOptions.BORDER_BOX="border-box",ResizeObserverBoxOptions.CONTENT_BOX="content-box",ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX="device-pixel-content-box"}(ResizeObserverBoxOptions||(ResizeObserverBoxOptions={}));var trigger,DOMRectReadOnly=function(){function DOMRectReadOnly(x,y,width,height){return this.x=x,this.y=y,this.width=width,this.height=height,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,Object.freeze(this)}return DOMRectReadOnly.prototype.toJSON=function(){var _a=this;return{x:_a.x,y:_a.y,top:_a.top,right:_a.right,bottom:_a.bottom,left:_a.left,width:_a.width,height:_a.height}},DOMRectReadOnly.fromRect=function(rectangle){return new DOMRectReadOnly(rectangle.x,rectangle.y,rectangle.width,rectangle.height)},DOMRectReadOnly}(),isSVG=function(target){return target instanceof SVGElement&&"getBBox"in target},isHidden=function(target){if(isSVG(target)){var _a=target.getBBox(),width=_a.width,height=_a.height;return!width&&!height}var _b=target,offsetWidth=_b.offsetWidth,offsetHeight=_b.offsetHeight;return!(offsetWidth||offsetHeight||target.getClientRects().length)},isElement=function(obj){var _a,_b,scope=null===(_b=null===(_a=obj)||void 0===_a?void 0:_a.ownerDocument)||void 0===_b?void 0:_b.defaultView;return!!(scope&&obj instanceof scope.Element)},global="undefined"!=typeof window?window:{},cache=new WeakMap,scrollRegexp=/auto|scroll/,verticalRegexp=/^tb|vertical/,IE=/msie|trident/i.test(global.navigator&&global.navigator.userAgent),parseDimension=function(pixel){return parseFloat(pixel||"0")},size=function(inlineSize,blockSize,switchSizes){return void 0===inlineSize&&(inlineSize=0),void 0===blockSize&&(blockSize=0),void 0===switchSizes&&(switchSizes=!1),Object.freeze({inlineSize:(switchSizes?blockSize:inlineSize)||0,blockSize:(switchSizes?inlineSize:blockSize)||0})},zeroBoxes=Object.freeze({devicePixelContentBoxSize:size(),borderBoxSize:size(),contentBoxSize:size(),contentRect:new DOMRectReadOnly(0,0,0,0)}),calculateBoxSizes=function(target,forceRecalculation){if(void 0===forceRecalculation&&(forceRecalculation=!1),cache.has(target)&&!forceRecalculation)return cache.get(target);if(isHidden(target))return cache.set(target,zeroBoxes),zeroBoxes;var cs=getComputedStyle(target),svg=isSVG(target)&&target.ownerSVGElement&&target.getBBox(),removePadding=!IE&&"border-box"===cs.boxSizing,switchSizes=verticalRegexp.test(cs.writingMode||""),canScrollVertically=!svg&&scrollRegexp.test(cs.overflowY||""),canScrollHorizontally=!svg&&scrollRegexp.test(cs.overflowX||""),paddingTop=svg?0:parseDimension(cs.paddingTop),paddingRight=svg?0:parseDimension(cs.paddingRight),paddingBottom=svg?0:parseDimension(cs.paddingBottom),paddingLeft=svg?0:parseDimension(cs.paddingLeft),borderTop=svg?0:parseDimension(cs.borderTopWidth),borderRight=svg?0:parseDimension(cs.borderRightWidth),borderBottom=svg?0:parseDimension(cs.borderBottomWidth),horizontalPadding=paddingLeft+paddingRight,verticalPadding=paddingTop+paddingBottom,horizontalBorderArea=(svg?0:parseDimension(cs.borderLeftWidth))+borderRight,verticalBorderArea=borderTop+borderBottom,horizontalScrollbarThickness=canScrollHorizontally?target.offsetHeight-verticalBorderArea-target.clientHeight:0,verticalScrollbarThickness=canScrollVertically?target.offsetWidth-horizontalBorderArea-target.clientWidth:0,widthReduction=removePadding?horizontalPadding+horizontalBorderArea:0,heightReduction=removePadding?verticalPadding+verticalBorderArea:0,contentWidth=svg?svg.width:parseDimension(cs.width)-widthReduction-verticalScrollbarThickness,contentHeight=svg?svg.height:parseDimension(cs.height)-heightReduction-horizontalScrollbarThickness,borderBoxWidth=contentWidth+horizontalPadding+verticalScrollbarThickness+horizontalBorderArea,borderBoxHeight=contentHeight+verticalPadding+horizontalScrollbarThickness+verticalBorderArea,boxes=Object.freeze({devicePixelContentBoxSize:size(Math.round(contentWidth*devicePixelRatio),Math.round(contentHeight*devicePixelRatio),switchSizes),borderBoxSize:size(borderBoxWidth,borderBoxHeight,switchSizes),contentBoxSize:size(contentWidth,contentHeight,switchSizes),contentRect:new DOMRectReadOnly(paddingLeft,paddingTop,contentWidth,contentHeight)});return cache.set(target,boxes),boxes},calculateBoxSize=function(target,observedBox,forceRecalculation){var _a=calculateBoxSizes(target,forceRecalculation),borderBoxSize=_a.borderBoxSize,contentBoxSize=_a.contentBoxSize,devicePixelContentBoxSize=_a.devicePixelContentBoxSize;switch(observedBox){case ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:return devicePixelContentBoxSize;case ResizeObserverBoxOptions.BORDER_BOX:return borderBoxSize;default:return contentBoxSize}},ResizeObserverEntry=function ResizeObserverEntry(target){var boxes=calculateBoxSizes(target);this.target=target,this.contentRect=boxes.contentRect,this.borderBoxSize=[boxes.borderBoxSize],this.contentBoxSize=[boxes.contentBoxSize],this.devicePixelContentBoxSize=[boxes.devicePixelContentBoxSize]},calculateDepthForNode=function(node){if(isHidden(node))return 1/0;for(var depth=0,parent=node.parentNode;parent;)depth+=1,parent=parent.parentNode;return depth},broadcastActiveObservations=function(){var shallowestDepth=1/0,callbacks=[];resizeObservers.forEach((function processObserver(ro){if(0!==ro.activeTargets.length){var entries=[];ro.activeTargets.forEach((function processTarget(ot){var entry=new ResizeObserverEntry(ot.target),targetDepth=calculateDepthForNode(ot.target);entries.push(entry),ot.lastReportedSize=calculateBoxSize(ot.target,ot.observedBox),targetDepthdepth?ro.activeTargets.push(ot):ro.skippedTargets.push(ot))}))}))},process=function(){var event,depth=0;for(gatherActiveObservationsAtDepth(depth);resizeObservers.some((function(ro){return ro.activeTargets.length>0}));)depth=broadcastActiveObservations(),gatherActiveObservationsAtDepth(depth);return resizeObservers.some((function(ro){return ro.skippedTargets.length>0}))&&("function"==typeof ErrorEvent?event=new ErrorEvent("error",{message:msg}):((event=document.createEvent("Event")).initEvent("error",!1,!1),event.message=msg),window.dispatchEvent(event)),depth>0},callbacks=[],queueMicroTask=function(callback){if(!trigger){var toggle_1=0,el_1=document.createTextNode("");new MutationObserver((function(){return callbacks.splice(0).forEach((function(cb){return cb()}))})).observe(el_1,{characterData:!0}),trigger=function(){el_1.textContent=""+(toggle_1?toggle_1--:toggle_1++)}}callbacks.push(callback),trigger()},watching=0,observerConfig={attributes:!0,characterData:!0,childList:!0,subtree:!0},events=["resize","load","transitionend","animationend","animationstart","animationiteration","keyup","keydown","mouseup","mousedown","mouseover","mouseout","blur","focus"],time=function(timeout){return void 0===timeout&&(timeout=0),Date.now()+timeout},scheduled=!1,scheduler=new(function(){function Scheduler(){var _this=this;this.stopped=!0,this.listener=function(){return _this.schedule()}}return Scheduler.prototype.run=function(timeout){var _this=this;if(void 0===timeout&&(timeout=250),!scheduled){scheduled=!0;var cb,until=time(timeout);cb=function(){var elementsHaveResized=!1;try{elementsHaveResized=process()}finally{if(scheduled=!1,timeout=until-time(),!watching)return;elementsHaveResized?_this.run(1e3):timeout>0?_this.run(timeout):_this.start()}},queueMicroTask((function ResizeObserver(){requestAnimationFrame(cb)}))}},Scheduler.prototype.schedule=function(){this.stop(),this.run()},Scheduler.prototype.observe=function(){var _this=this,cb=function(){return _this.observer&&_this.observer.observe(document.body,observerConfig)};document.body?cb():global.addEventListener("DOMContentLoaded",cb)},Scheduler.prototype.start=function(){var _this=this;this.stopped&&(this.stopped=!1,this.observer=new MutationObserver(this.listener),this.observe(),events.forEach((function(name){return global.addEventListener(name,_this.listener,!0)})))},Scheduler.prototype.stop=function(){var _this=this;this.stopped||(this.observer&&this.observer.disconnect(),events.forEach((function(name){return global.removeEventListener(name,_this.listener,!0)})),this.stopped=!0)},Scheduler}()),updateCount=function(n){!watching&&n>0&&scheduler.start(),!(watching+=n)&&scheduler.stop()},ResizeObservation=function(){function ResizeObservation(target,observedBox){this.target=target,this.observedBox=observedBox||ResizeObserverBoxOptions.CONTENT_BOX,this.lastReportedSize={inlineSize:0,blockSize:0}}return ResizeObservation.prototype.isActive=function(){var target,size=calculateBoxSize(this.target,this.observedBox,!0);return target=this.target,isSVG(target)||function(target){switch(target.tagName){case"INPUT":if("image"!==target.type)break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return!0}return!1}(target)||"inline"!==getComputedStyle(target).display||(this.lastReportedSize=size),this.lastReportedSize.inlineSize!==size.inlineSize||this.lastReportedSize.blockSize!==size.blockSize},ResizeObservation}(),ResizeObserverDetail=function ResizeObserverDetail(resizeObserver,callback){this.activeTargets=[],this.skippedTargets=[],this.observationTargets=[],this.observer=resizeObserver,this.callback=callback},observerMap=new WeakMap,getObservationIndex=function(observationTargets,target){for(var i=0;i=0&&(lastObservation&&resizeObservers.splice(resizeObservers.indexOf(detail),1),detail.observationTargets.splice(index,1),updateCount(-1))},ResizeObserverController.disconnect=function(resizeObserver){var _this=this,detail=observerMap.get(resizeObserver);detail.observationTargets.slice().forEach((function(ot){return _this.unobserve(resizeObserver,ot.target)})),detail.activeTargets.splice(0,detail.activeTargets.length)},ResizeObserverController}(),ResizeObserver=function(){function ResizeObserver(callback){if(0===arguments.length)throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");if("function"!=typeof callback)throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");ResizeObserverController.connect(this,callback)}return ResizeObserver.prototype.observe=function(target,options){if(0===arguments.length)throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!isElement(target))throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");ResizeObserverController.observe(this,target,options)},ResizeObserver.prototype.unobserve=function(target){if(0===arguments.length)throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!isElement(target))throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");ResizeObserverController.unobserve(this,target)},ResizeObserver.prototype.disconnect=function(){ResizeObserverController.disconnect(this)},ResizeObserver.toString=function(){return"function ResizeObserver () { [polyfill code] }"},ResizeObserver}()},"../../node_modules/@react-spring/animated/dist/react-spring-animated.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{He:()=>getPayload,Ld:()=>createHost,eC:()=>AnimatedString,f3:()=>setAnimated,iG:()=>AnimatedValue,rS:()=>AnimatedObject,sb:()=>getAnimatedType,ys:()=>getAnimated});var _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@react-spring/shared/dist/react-spring-shared.esm.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js");const $node=Symbol.for("Animated:node"),getAnimated=owner=>owner&&owner[$node],setAnimated=(owner,node)=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.dE)(owner,$node,node),getPayload=owner=>owner&&owner[$node]&&owner[$node].getPayload();class Animated{constructor(){this.payload=void 0,setAnimated(this,this)}getPayload(){return this.payload||[]}}class AnimatedValue extends Animated{constructor(_value){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=_value,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(this._value)&&(this.lastPosition=this._value)}static create(value){return new AnimatedValue(value)}getPayload(){return[this]}getValue(){return this._value}setValue(value,step){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(value)&&(this.lastPosition=value,step&&(value=Math.round(value/step)*step,this.done&&(this.lastPosition=value))),this._value!==value&&(this._value=value,!0)}reset(){const{done}=this;this.done=!1,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,done&&(this.lastVelocity=null),this.v0=null)}}class AnimatedString extends AnimatedValue{constructor(value){super(0),this._string=null,this._toString=void 0,this._toString=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.mD)({output:[value,value]})}static create(value){return new AnimatedString(value)}getValue(){let value=this._string;return null==value?this._string=this._toString(this._value):value}setValue(value){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.str(value)){if(value==this._string)return!1;this._string=value,this._value=1}else{if(!super.setValue(value))return!1;this._string=null}return!0}reset(goal){goal&&(this._toString=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.mD)({output:[this.getValue(),goal]})),this._value=0,super.reset()}}const TreeContext={dependencies:null};class AnimatedObject extends Animated{constructor(source){super(),this.source=source,this.setValue(source)}getValue(animated){const values={};return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(this.source,((source,key)=>{var value;(value=source)&&value[$node]===value?values[key]=source.getValue(animated):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(source)?values[key]=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(source):animated||(values[key]=source)})),values}setValue(source){this.source=source,this.payload=this._makePayload(source)}reset(){this.payload&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(this.payload,(node=>node.reset()))}_makePayload(source){if(source){const payload=new Set;return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(source,this._addToPayload,payload),Array.from(payload)}}_addToPayload(source){TreeContext.dependencies&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(source)&&TreeContext.dependencies.add(source);const payload=getPayload(source);payload&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(payload,(node=>this.add(node)))}}class AnimatedArray extends AnimatedObject{constructor(source){super(source)}static create(source){return new AnimatedArray(source)}getValue(){return this.source.map((node=>node.getValue()))}setValue(source){const payload=this.getPayload();return source.length==payload.length?payload.map(((node,i)=>node.setValue(source[i]))).some(Boolean):(super.setValue(source.map(makeAnimated)),!0)}}function makeAnimated(value){return((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Df)(value)?AnimatedString:AnimatedValue).create(value)}function getAnimatedType(value){const parentNode=getAnimated(value);return parentNode?parentNode.constructor:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(value)?AnimatedArray:(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Df)(value)?AnimatedString:AnimatedValue}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{const hasInstance=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(Component)||Component.prototype&&Component.prototype.isReactComponent;return(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(((givenProps,givenRef)=>{const instanceRef=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),ref=hasInstance&&(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((value=>{instanceRef.current=function updateRef(ref,value){ref&&(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(ref)?ref(value):ref.current=value);return value}(givenRef,value)}),[givenRef]),[props,deps]=function getAnimatedState(props,host){const dependencies=new Set;TreeContext.dependencies=dependencies,props.style&&(props=_extends({},props,{style:host.createAnimatedStyle(props.style)}));return props=new AnimatedObject(props),TreeContext.dependencies=null,[props,dependencies]}(givenProps,host),forceUpdate=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.NW)(),callback=()=>{const instance=instanceRef.current;if(hasInstance&&!instance)return;!1===(!!instance&&host.applyAnimatedValues(instance,props.getValue(!0)))&&forceUpdate()},observer=new PropsObserver(callback,deps),observerRef=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bt)((()=>{const lastObserver=observerRef.current;observerRef.current=observer,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(deps,(dep=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.UI)(dep,observer))),lastObserver&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(lastObserver.deps,(dep=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.iL)(dep,lastObserver))),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.cancel(lastObserver.update))})),(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(callback,[]),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.tf)((()=>()=>{const observer=observerRef.current;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(observer.deps,(dep=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.iL)(dep,observer)))}));const usedProps=host.getComponentProps(props.getValue());return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Component,_extends({},usedProps,{ref}))}))};class PropsObserver{constructor(update,deps){this.update=update,this.deps=deps}eventObserved(event){"change"==event.type&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.write(this.update)}}const cacheKey=Symbol.for("AnimatedComponent"),createHost=(components,{applyAnimatedValues:_applyAnimatedValues=(()=>!1),createAnimatedStyle:_createAnimatedStyle=(style=>new AnimatedObject(style)),getComponentProps:_getComponentProps=(props=>props)}={})=>{const hostConfig={applyAnimatedValues:_applyAnimatedValues,createAnimatedStyle:_createAnimatedStyle,getComponentProps:_getComponentProps},animated=Component=>{const displayName=getDisplayName(Component)||"Anonymous";return(Component=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.str(Component)?animated[Component]||(animated[Component]=withAnimated(Component,hostConfig)):Component[cacheKey]||(Component[cacheKey]=withAnimated(Component,hostConfig))).displayName=`Animated(${displayName})`,Component};return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(components,((Component,key)=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(components)&&(key=getDisplayName(Component)),animated[key]=animated(Component)})),{animated}},getDisplayName=arg=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.str(arg)?arg:arg&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.str(arg.displayName)?arg.displayName:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(arg)&&arg.name||null},"../../node_modules/@react-spring/core/dist/react-spring-core.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Globals:()=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH,useSpring:()=>useSpring});var _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@react-spring/shared/dist/react-spring-shared.esm.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@react-spring/animated/dist/react-spring-animated.esm.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i!0===value||!!(key&&value&&(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(value)?value(key):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(value).includes(key))),resolveProp=(prop,key)=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(prop)?key&&prop[key]:prop,getDefaultProp=(props,key)=>!0===props.default?props[key]:props.default?props.default[key]:void 0,noopTransform=value=>value,getDefaultProps=(props,transform=noopTransform)=>{let keys=DEFAULT_PROPS;props.default&&!0!==props.default&&(props=props.default,keys=Object.keys(props));const defaults={};for(const key of keys){const value=transform(props[key],key);_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(value)||(defaults[key]=value)}return defaults},DEFAULT_PROPS=["config","onProps","onStart","onChange","onPause","onResume","onRest"],RESERVED_PROPS={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function inferTo(props){const to=function getForwardProps(props){const forward={};let count=0;if((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(props,((value,prop)=>{RESERVED_PROPS[prop]||(forward[prop]=value,count++)})),count)return forward}(props);if(to){const out={to};return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(props,((val,key)=>key in to||(out[key]=val))),out}return _extends({},props)}function computeGoal(value){return value=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(value),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(value)?value.map(computeGoal):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Df)(value)?_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.createStringInterpolator({range:[0,1],output:[value,value]})(1):value}function hasProps(props){for(const _ in props)return!0;return!1}function isAsyncTo(to){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(to)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(to)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(to[0])}function detachRefs(ctrl,ref){var _ctrl$ref;null==(_ctrl$ref=ctrl.ref)||_ctrl$ref.delete(ctrl),null==ref||ref.delete(ctrl)}function replaceRef(ctrl,ref){var _ctrl$ref2;ref&&ctrl.ref!==ref&&(null==(_ctrl$ref2=ctrl.ref)||_ctrl$ref2.delete(ctrl),ref.add(ctrl),ctrl.ref=ref)}const defaults=_extends({},{tension:170,friction:26},{mass:1,damping:1,easing:t=>t,clamp:!1});class AnimationConfig{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,defaults)}}function sanitizeConfig(config,props){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.decay)){const isTensionConfig=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.tension)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.friction);!isTensionConfig&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.frequency)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.damping)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.mass)||(config.duration=void 0,config.decay=void 0),isTensionConfig&&(config.frequency=void 0)}else config.duration=void 0}const emptyArray=[];class Animation{constructor(){this.changed=!1,this.values=emptyArray,this.toValues=null,this.fromValues=emptyArray,this.to=void 0,this.from=void 0,this.config=new AnimationConfig,this.immediate=!1}}function scheduleProps(callId,{key,props,defaultProps,state,actions}){return new Promise(((resolve,reject)=>{var _props$cancel;let delay,timeout,cancel=matchProp(null!=(_props$cancel=props.cancel)?_props$cancel:null==defaultProps?void 0:defaultProps.cancel,key);if(cancel)onStart();else{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.pause)||(state.paused=matchProp(props.pause,key));let pause=null==defaultProps?void 0:defaultProps.pause;!0!==pause&&(pause=state.paused||matchProp(pause,key)),delay=callProp(props.delay||0,key),pause?(state.resumeQueue.add(onResume),actions.pause()):(actions.resume(),onResume())}function onPause(){state.resumeQueue.add(onResume),state.timeouts.delete(timeout),timeout.cancel(),delay=timeout.time-_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.now()}function onResume(){delay>0&&!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.skipAnimation?(timeout=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.setTimeout(onStart,delay),state.pauseQueue.add(onPause),state.timeouts.add(timeout)):onStart()}function onStart(){state.pauseQueue.delete(onPause),state.timeouts.delete(timeout),callId<=(state.cancelId||0)&&(cancel=!0);try{actions.start(_extends({},props,{callId,cancel}),resolve)}catch(err){reject(err)}}}))}const getCombinedResult=(target,results)=>1==results.length?results[0]:results.some((result=>result.cancelled))?getCancelledResult(target.get()):results.every((result=>result.noop))?getNoopResult(target.get()):getFinishedResult(target.get(),results.every((result=>result.finished))),getNoopResult=value=>({value,noop:!0,finished:!0,cancelled:!1}),getFinishedResult=(value,finished,cancelled=!1)=>({value,finished,cancelled}),getCancelledResult=value=>({value,cancelled:!0,finished:!1});function runAsync(to,props,state,target){const{callId,parentId,onRest}=props,{asyncTo:prevTo,promise:prevPromise}=state;return parentId||to!==prevTo||props.reset?state.promise=(async()=>{state.asyncId=callId,state.asyncTo=to;const defaultProps=getDefaultProps(props,((value,key)=>"onRest"===key?void 0:value));let preventBail,bail;const bailPromise=new Promise(((resolve,reject)=>(preventBail=resolve,bail=reject))),bailIfEnded=bailSignal=>{const bailResult=callId<=(state.cancelId||0)&&getCancelledResult(target)||callId!==state.asyncId&&getFinishedResult(target,!1);if(bailResult)throw bailSignal.result=bailResult,bail(bailSignal),bailSignal},animate=(arg1,arg2)=>{const bailSignal=new BailSignal,skipAnimationSignal=new SkipAniamtionSignal;return(async()=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.skipAnimation)throw stopAsync(state),skipAnimationSignal.result=getFinishedResult(target,!1),bail(skipAnimationSignal),skipAnimationSignal;bailIfEnded(bailSignal);const props=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(arg1)?_extends({},arg1):_extends({},arg2,{to:arg1});props.parentId=callId,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(defaultProps,((value,key)=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props[key])&&(props[key]=value)}));const result=await target.start(props);return bailIfEnded(bailSignal),state.paused&&await new Promise((resume=>{state.resumeQueue.add(resume)})),result})()};let result;if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.skipAnimation)return stopAsync(state),getFinishedResult(target,!1);try{let animating;animating=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(to)?(async queue=>{for(const props of queue)await animate(props)})(to):Promise.resolve(to(animate,target.stop.bind(target))),await Promise.all([animating.then(preventBail),bailPromise]),result=getFinishedResult(target.get(),!0,!1)}catch(err){if(err instanceof BailSignal)result=err.result;else{if(!(err instanceof SkipAniamtionSignal))throw err;result=err.result}}finally{callId==state.asyncId&&(state.asyncId=parentId,state.asyncTo=parentId?prevTo:void 0,state.promise=parentId?prevPromise:void 0)}return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(onRest)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>{onRest(result,target,target.item)})),result})():prevPromise}function stopAsync(state,cancelId){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.yl)(state.timeouts,(t=>t.cancel())),state.pauseQueue.clear(),state.resumeQueue.clear(),state.asyncId=state.asyncTo=state.promise=void 0,cancelId&&(state.cancelId=cancelId)}class BailSignal extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class SkipAniamtionSignal extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const isFrameValue=value=>value instanceof FrameValue;let nextId$1=1;class FrameValue extends _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.B0{constructor(...args){super(...args),this.id=nextId$1++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(priority){this._priority!=priority&&(this._priority=priority,this._onPriorityChange(priority))}get(){const node=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this);return node&&node.getValue()}to(...args){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.to(this,args)}interpolate(...args){return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.LW)(),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.to(this,args)}toJSON(){return this.get()}observerAdded(count){1==count&&this._attach()}observerRemoved(count){0==count&&this._detach()}_attach(){}_detach(){}_onChange(value,idle=!1){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.k0)(this,{type:"change",parent:this,value,idle})}_onPriorityChange(priority){this.idle||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.fT.sort(this),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.k0)(this,{type:"priority",parent:this,priority})}}const $P=Symbol.for("SpringPhase"),hasAnimated=target=>(1&target[$P])>0,isAnimating=target=>(2&target[$P])>0,isPaused=target=>(4&target[$P])>0,setActiveBit=(target,active)=>active?target[$P]|=3:target[$P]&=-3,setPausedBit=(target,paused)=>paused?target[$P]|=4:target[$P]&=-5;class SpringValue extends FrameValue{constructor(arg1,arg2){if(super(),this.key=void 0,this.animation=new Animation,this.queue=void 0,this.defaultProps={},this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(arg1)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(arg2)){const props=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(arg1)?_extends({},arg1):_extends({},arg2,{from:arg1});_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.default)&&(props.default=!0),this.start(props)}}get idle(){return!(isAnimating(this)||this._state.asyncTo)||isPaused(this)}get goal(){return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(this.animation.to)}get velocity(){const node=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this);return node instanceof _react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.iG?node.lastVelocity||0:node.getPayload().map((node=>node.lastVelocity||0))}get hasAnimated(){return hasAnimated(this)}get isAnimating(){return isAnimating(this)}get isPaused(){return isPaused(this)}advance(dt){let idle=!0,changed=!1;const anim=this.animation;let{config,toValues}=anim;const payload=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.He)(anim.to);!payload&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(anim.to)&&(toValues=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(anim.to))),anim.values.forEach(((node,i)=>{if(node.done)return;const to=node.constructor==_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.eC?1:payload?payload[i].lastPosition:toValues[i];let finished=anim.immediate,position=to;if(!finished){if(position=node.lastPosition,config.tension<=0)return void(node.done=!0);let elapsed=node.elapsedTime+=dt;const from=anim.fromValues[i],v0=null!=node.v0?node.v0:node.v0=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(config.velocity)?config.velocity[i]:config.velocity;let velocity;if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(config.duration))if(config.decay){const decay=!0===config.decay?.998:config.decay,e=Math.exp(-(1-decay)*elapsed);position=from+v0/(1-decay)*(1-e),finished=Math.abs(node.lastPosition-position)<.1,velocity=v0*e}else{velocity=null==node.lastVelocity?v0:node.lastVelocity;const precision=config.precision||(from==to?.005:Math.min(1,.001*Math.abs(to-from))),restVelocity=config.restVelocity||precision/10,bounceFactor=config.clamp?0:config.bounce,canBounce=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(bounceFactor),isGrowing=from==to?node.v0>0:fromrestVelocity,isMoving||(finished=Math.abs(to-position)<=precision,!finished));++n){canBounce&&(isBouncing=position==to||position>to==isGrowing,isBouncing&&(velocity=-velocity*bounceFactor,position=to));velocity+=(1e-6*-config.tension*(position-to)+.001*-config.friction*velocity)/config.mass*step,position+=velocity*step}}else{let p=1;config.duration>0&&(this._memoizedDuration!==config.duration&&(this._memoizedDuration=config.duration,node.durationProgress>0&&(node.elapsedTime=config.duration*node.durationProgress,elapsed=node.elapsedTime+=dt)),p=(config.progress||0)+elapsed/this._memoizedDuration,p=p>1?1:p<0?0:p,node.durationProgress=p),position=from+config.easing(p)*(to-from),velocity=(position-node.lastPosition)/dt,finished=1==p}node.lastVelocity=velocity,Number.isNaN(position)&&(console.warn("Got NaN while animating:",this),finished=!0)}payload&&!payload[i].done&&(finished=!1),finished?node.done=!0:idle=!1,node.setValue(position,config.round)&&(changed=!0)}));const node=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this),currVal=node.getValue();if(idle){const finalVal=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(anim.to);currVal===finalVal&&!changed||config.decay?changed&&config.decay&&this._onChange(currVal):(node.setValue(finalVal),this._onChange(finalVal)),this._stop()}else changed&&this._onChange(currVal)}set(value){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>{this._stop(),this._focus(value),this._set(value)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(isAnimating(this)){const{to,config}=this.animation;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>{this._onStart(),config.decay||this._set(to,!1),this._stop()}))}return this}update(props){return(this.queue||(this.queue=[])).push(props),this}start(to,arg2){let queue;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(to)?(queue=this.queue||[],this.queue=[]):queue=[_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(to)?to:_extends({},arg2,{to})],Promise.all(queue.map((props=>this._update(props)))).then((results=>getCombinedResult(this,results)))}stop(cancel){const{to}=this.animation;return this._focus(this.get()),stopAsync(this._state,cancel&&this._lastCallId),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>this._stop(to,cancel))),this}reset(){this._update({reset:!0})}eventObserved(event){"change"==event.type?this._start():"priority"==event.type&&(this.priority=event.priority+1)}_prepareNode(props){const key=this.key||"";let{to,from}=props;to=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(to)?to[key]:to,(null==to||isAsyncTo(to))&&(to=void 0),from=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(from)?from[key]:from,null==from&&(from=void 0);const range={to,from};return hasAnimated(this)||(props.reverse&&([to,from]=[from,to]),from=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(from),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(from)?(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this)||this._set(to):this._set(from)),range}_update(_ref,isLoop){let props=_extends({},_ref);const{key,defaultProps}=this;props.default&&Object.assign(defaultProps,getDefaultProps(props,((value,prop)=>/^on/.test(prop)?resolveProp(value,key):value))),mergeActiveFn(this,props,"onProps"),sendEvent(this,"onProps",props,this);const range=this._prepareNode(props);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const state=this._state;return scheduleProps(++this._lastCallId,{key,props,defaultProps,state,actions:{pause:()=>{isPaused(this)||(setPausedBit(this,!0),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bl)(state.pauseQueue),sendEvent(this,"onPause",getFinishedResult(this,checkFinished(this,this.animation.to)),this))},resume:()=>{isPaused(this)&&(setPausedBit(this,!1),isAnimating(this)&&this._resume(),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bl)(state.resumeQueue),sendEvent(this,"onResume",getFinishedResult(this,checkFinished(this,this.animation.to)),this))},start:this._merge.bind(this,range)}}).then((result=>{if(props.loop&&result.finished&&(!isLoop||!result.noop)){const nextProps=createLoopUpdate(props);if(nextProps)return this._update(nextProps,!0)}return result}))}_merge(range,props,resolve){if(props.cancel)return this.stop(!0),resolve(getCancelledResult(this));const hasToProp=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(range.to),hasFromProp=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(range.from);if(hasToProp||hasFromProp){if(!(props.callId>this._lastToId))return resolve(getCancelledResult(this));this._lastToId=props.callId}const{key,defaultProps,animation:anim}=this,{to:prevTo,from:prevFrom}=anim;let{to=prevTo,from=prevFrom}=range;!hasFromProp||hasToProp||props.default&&!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(to)||(to=from),props.reverse&&([to,from]=[from,to]);const hasFromChanged=!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(from,prevFrom);hasFromChanged&&(anim.from=from),from=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(from);const hasToChanged=!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(to,prevTo);hasToChanged&&this._focus(to);const hasAsyncTo=isAsyncTo(props.to),{config}=anim,{decay,velocity}=config;(hasToProp||hasFromProp)&&(config.velocity=0),props.config&&!hasAsyncTo&&function mergeConfig(config,newConfig,defaultConfig){defaultConfig&&(sanitizeConfig(defaultConfig=_extends({},defaultConfig),newConfig),newConfig=_extends({},defaultConfig,newConfig)),sanitizeConfig(config,newConfig),Object.assign(config,newConfig);for(const key in defaults)null==config[key]&&(config[key]=defaults[key]);let{mass,frequency,damping}=config;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(frequency)||(frequency<.01&&(frequency=.01),damping<0&&(damping=0),config.tension=Math.pow(2*Math.PI/frequency,2)*mass,config.friction=4*Math.PI*damping*mass/frequency),config}(config,callProp(props.config,key),props.config!==defaultProps.config?callProp(defaultProps.config,key):void 0);let node=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this);if(!node||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(to))return resolve(getFinishedResult(this,!0));const reset=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.reset)?hasFromProp&&!props.default:!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(from)&&matchProp(props.reset,key),value=reset?from:this.get(),goal=computeGoal(to),isAnimatable=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(goal)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(goal)||(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Df)(goal),immediate=!hasAsyncTo&&(!isAnimatable||matchProp(defaultProps.immediate||props.immediate,key));if(hasToChanged){const nodeType=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.sb)(to);if(nodeType!==node.constructor){if(!immediate)throw Error(`Cannot animate between ${node.constructor.name} and ${nodeType.name}, as the "to" prop suggests`);node=this._set(goal)}}const goalType=node.constructor;let started=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(to),finished=!1;if(!started){const hasValueChanged=reset||!hasAnimated(this)&&hasFromChanged;(hasToChanged||hasValueChanged)&&(finished=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(computeGoal(value),goal),started=!finished),((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(anim.immediate,immediate)||immediate)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(config.decay,decay)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(config.velocity,velocity)||(started=!0)}if(finished&&isAnimating(this)&&(anim.changed&&!reset?started=!0:started||this._stop(prevTo)),!hasAsyncTo&&((started||(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(prevTo))&&(anim.values=node.getPayload(),anim.toValues=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(to)?null:goalType==_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.eC?[1]:(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(goal)),anim.immediate!=immediate&&(anim.immediate=immediate,immediate||reset||this._set(prevTo)),started)){const{onRest}=anim;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(ACTIVE_EVENTS,(type=>mergeActiveFn(this,props,type)));const result=getFinishedResult(this,checkFinished(this,prevTo));(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bl)(this._pendingCalls,result),this._pendingCalls.add(resolve),anim.changed&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>{anim.changed=!reset,null==onRest||onRest(result,this),reset?callProp(defaultProps.onRest,result):null==anim.onStart||anim.onStart(result,this)}))}reset&&this._set(value),hasAsyncTo?resolve(runAsync(props.to,props,this._state,this)):started?this._start():isAnimating(this)&&!hasToChanged?this._pendingCalls.add(resolve):resolve(getNoopResult(value))}_focus(value){const anim=this.animation;value!==anim.to&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Ll)(this)&&this._detach(),anim.to=value,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Ll)(this)&&this._attach())}_attach(){let priority=0;const{to}=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(to)&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.UI)(to,this),isFrameValue(to)&&(priority=to.priority+1)),this.priority=priority}_detach(){const{to}=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(to)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.iL)(to,this)}_set(arg,idle=!0){const value=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(arg);if(!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(value)){const oldNode=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this);if(!oldNode||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(value,oldNode.getValue())){const nodeType=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.sb)(value);oldNode&&oldNode.constructor==nodeType?oldNode.setValue(value):(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.f3)(this,nodeType.create(value)),oldNode&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>{this._onChange(value,idle)}))}}return(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this)}_onStart(){const anim=this.animation;anim.changed||(anim.changed=!0,sendEvent(this,"onStart",getFinishedResult(this,checkFinished(this,anim.to)),this))}_onChange(value,idle){idle||(this._onStart(),callProp(this.animation.onChange,value,this)),callProp(this.defaultProps.onChange,value,this),super._onChange(value,idle)}_start(){const anim=this.animation;(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this).reset((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(anim.to)),anim.immediate||(anim.fromValues=anim.values.map((node=>node.lastPosition))),isAnimating(this)||(setActiveBit(this,!0),isPaused(this)||this._resume())}_resume(){_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.skipAnimation?this.finish():_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.fT.start(this)}_stop(goal,cancel){if(isAnimating(this)){setActiveBit(this,!1);const anim=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(anim.values,(node=>{node.done=!0})),anim.toValues&&(anim.onChange=anim.onPause=anim.onResume=void 0),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.k0)(this,{type:"idle",parent:this});const result=cancel?getCancelledResult(this.get()):getFinishedResult(this.get(),checkFinished(this,null!=goal?goal:anim.to));(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bl)(this._pendingCalls,result),anim.changed&&(anim.changed=!1,sendEvent(this,"onRest",result,this))}}}function checkFinished(target,to){const goal=computeGoal(to),value=computeGoal(target.get());return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(value,goal)}function createLoopUpdate(props,loop=props.loop,to=props.to){let loopRet=callProp(loop);if(loopRet){const overrides=!0!==loopRet&&inferTo(loopRet),reverse=(overrides||props).reverse,reset=!overrides||overrides.reset;return createUpdate(_extends({},props,{loop,default:!1,pause:void 0,to:!reverse||isAsyncTo(to)?to:void 0,from:reset?props.from:void 0,reset},overrides))}}function createUpdate(props){const{to,from}=props=inferTo(props),keys=new Set;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(to)&&findDefined(to,keys),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(from)&&findDefined(from,keys),props.keys=keys.size?Array.from(keys):null,props}function declareUpdate(props){const update=createUpdate(props);return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(update.default)&&(update.default=getDefaultProps(update)),update}function findDefined(values,keys){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(values,((value,key)=>null!=value&&keys.add(key)))}const ACTIVE_EVENTS=["onStart","onRest","onChange","onPause","onResume"];function mergeActiveFn(target,props,type){target.animation[type]=props[type]!==getDefaultProp(props,type)?resolveProp(props[type],target.key):void 0}function sendEvent(target,type,...args){var _target$animation$typ,_target$animation,_target$defaultProps$,_target$defaultProps;null==(_target$animation$typ=(_target$animation=target.animation)[type])||_target$animation$typ.call(_target$animation,...args),null==(_target$defaultProps$=(_target$defaultProps=target.defaultProps)[type])||_target$defaultProps$.call(_target$defaultProps,...args)}const BATCHED_EVENTS=["onStart","onChange","onRest"];let nextId=1;class Controller{constructor(props,flush){this.id=nextId++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),flush&&(this._flush=flush),props&&this.start(_extends({default:!0},props))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((spring=>spring.idle))}get item(){return this._item}set item(item){this._item=item}get(){const values={};return this.each(((spring,key)=>values[key]=spring.get())),values}set(values){for(const key in values){const value=values[key];_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(value)||this.springs[key].set(value)}}update(props){return props&&this.queue.push(createUpdate(props)),this}start(props){let{queue}=this;return props?queue=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(props).map(createUpdate):this.queue=[],this._flush?this._flush(this,queue):(prepareKeys(this,queue),flushUpdateQueue(this,queue))}stop(arg,keys){if(arg!==!!arg&&(keys=arg),keys){const springs=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(keys),(key=>springs[key].stop(!!arg)))}else stopAsync(this._state,this._lastAsyncId),this.each((spring=>spring.stop(!!arg)));return this}pause(keys){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(keys))this.start({pause:!0});else{const springs=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(keys),(key=>springs[key].pause()))}return this}resume(keys){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(keys))this.start({pause:!1});else{const springs=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(keys),(key=>springs[key].resume()))}return this}each(iterator){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(this.springs,iterator)}_onFrame(){const{onStart,onChange,onRest}=this._events,active=this._active.size>0,changed=this._changed.size>0;(active&&!this._started||changed&&!this._started)&&(this._started=!0,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.yl)(onStart,(([onStart,result])=>{result.value=this.get(),onStart(result,this,this._item)})));const idle=!active&&this._started,values=changed||idle&&onRest.size?this.get():null;changed&&onChange.size&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.yl)(onChange,(([onChange,result])=>{result.value=values,onChange(result,this,this._item)})),idle&&(this._started=!1,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.yl)(onRest,(([onRest,result])=>{result.value=values,onRest(result,this,this._item)})))}eventObserved(event){if("change"==event.type)this._changed.add(event.parent),event.idle||this._active.add(event.parent);else{if("idle"!=event.type)return;this._active.delete(event.parent)}_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.onFrame(this._onFrame)}}function flushUpdateQueue(ctrl,queue){return Promise.all(queue.map((props=>flushUpdate(ctrl,props)))).then((results=>getCombinedResult(ctrl,results)))}async function flushUpdate(ctrl,props,isLoop){const{keys,to,from,loop,onRest,onResolve}=props,defaults=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(props.default)&&props.default;loop&&(props.loop=!1),!1===to&&(props.to=null),!1===from&&(props.from=null);const asyncTo=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(to)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(to)?to:void 0;asyncTo?(props.to=void 0,props.onRest=void 0,defaults&&(defaults.onRest=void 0)):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(BATCHED_EVENTS,(key=>{const handler=props[key];if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(handler)){const queue=ctrl._events[key];props[key]=({finished,cancelled})=>{const result=queue.get(handler);result?(finished||(result.finished=!1),cancelled&&(result.cancelled=!0)):queue.set(handler,{value:null,finished:finished||!1,cancelled:cancelled||!1})},defaults&&(defaults[key]=props[key])}}));const state=ctrl._state;props.pause===!state.paused?(state.paused=props.pause,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bl)(props.pause?state.pauseQueue:state.resumeQueue)):state.paused&&(props.pause=!0);const promises=(keys||Object.keys(ctrl.springs)).map((key=>ctrl.springs[key].start(props))),cancel=!0===props.cancel||!0===getDefaultProp(props,"cancel");(asyncTo||cancel&&state.asyncId)&&promises.push(scheduleProps(++ctrl._lastAsyncId,{props,state,actions:{pause:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.ZT,resume:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.ZT,start(props,resolve){cancel?(stopAsync(state,ctrl._lastAsyncId),resolve(getCancelledResult(ctrl))):(props.onRest=onRest,resolve(runAsync(asyncTo,props,state,ctrl)))}}})),state.paused&&await new Promise((resume=>{state.resumeQueue.add(resume)}));const result=getCombinedResult(ctrl,await Promise.all(promises));if(loop&&result.finished&&(!isLoop||!result.noop)){const nextProps=createLoopUpdate(props,loop,to);if(nextProps)return prepareKeys(ctrl,[nextProps]),flushUpdate(ctrl,nextProps,!0)}return onResolve&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>onResolve(result,ctrl,ctrl.item))),result}function getSprings(ctrl,props){const springs=_extends({},ctrl.springs);return props&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(props),(props=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props.keys)&&(props=createUpdate(props)),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(props.to)||(props=_extends({},props,{to:void 0})),prepareSprings(springs,props,(key=>createSpring(key)))})),setSprings(ctrl,springs),springs}function setSprings(ctrl,springs){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.rU)(springs,((spring,key)=>{ctrl.springs[key]||(ctrl.springs[key]=spring,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.UI)(spring,ctrl))}))}function createSpring(key,observer){const spring=new SpringValue;return spring.key=key,observer&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.UI)(spring,observer),spring}function prepareSprings(springs,props,create){props.keys&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(props.keys,(key=>{(springs[key]||(springs[key]=create(key)))._prepareNode(props)}))}function prepareKeys(ctrl,queue){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(queue,(props=>{prepareSprings(ctrl.springs,props,(key=>createSpring(key,ctrl)))}))}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}const _excluded$3=["children"],SpringContext=_ref=>{let{children}=_ref,props=_objectWithoutPropertiesLoose(_ref,_excluded$3);const inherited=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ctx),pause=props.pause||!!inherited.pause,immediate=props.immediate||!!inherited.immediate;props=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Pr)((()=>({pause,immediate})),[pause,immediate]);const{Provider}=ctx;return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Provider,{value:props},children)},ctx=function makeContext(target,init){return Object.assign(target,react__WEBPACK_IMPORTED_MODULE_1__.createContext(init)),target.Provider._context=target,target.Consumer._context=target,target}(SpringContext,{});SpringContext.Provider=ctx.Provider,SpringContext.Consumer=ctx.Consumer;const SpringRef=()=>{const current=[],SpringRef=function SpringRef(props){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.ZR)();const results=[];return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,((ctrl,i)=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props))results.push(ctrl.start());else{const update=_getProps(props,ctrl,i);update&&results.push(ctrl.start(update))}})),results};SpringRef.current=current,SpringRef.add=function(ctrl){current.includes(ctrl)||current.push(ctrl)},SpringRef.delete=function(ctrl){const i=current.indexOf(ctrl);~i&¤t.splice(i,1)},SpringRef.pause=function(){return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,(ctrl=>ctrl.pause(...arguments))),this},SpringRef.resume=function(){return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,(ctrl=>ctrl.resume(...arguments))),this},SpringRef.set=function(values){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,(ctrl=>ctrl.set(values)))},SpringRef.start=function(props){const results=[];return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,((ctrl,i)=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(props))results.push(ctrl.start());else{const update=this._getProps(props,ctrl,i);update&&results.push(ctrl.start(update))}})),results},SpringRef.stop=function(){return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,(ctrl=>ctrl.stop(...arguments))),this},SpringRef.update=function(props){return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(current,((ctrl,i)=>ctrl.update(this._getProps(props,ctrl,i)))),this};const _getProps=function _getProps(arg,ctrl,index){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(arg)?arg(index,ctrl):arg};return SpringRef._getProps=_getProps,SpringRef};function useSprings(length,props,deps){const propsFn=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(props)&&props;propsFn&&!deps&&(deps=[]);const ref=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>propsFn||3==arguments.length?SpringRef():void 0),[]),layoutId=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(0),forceUpdate=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.NW)(),state=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>({ctrls:[],queue:[],flush(ctrl,updates){const springs=getSprings(ctrl,updates);return layoutId.current>0&&!state.queue.length&&!Object.keys(springs).some((key=>!ctrl.springs[key]))?flushUpdateQueue(ctrl,updates):new Promise((resolve=>{setSprings(ctrl,springs),state.queue.push((()=>{resolve(flushUpdateQueue(ctrl,updates))})),forceUpdate()}))}})),[]),ctrls=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)([...state.ctrls]),updates=[],prevLength=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.zH)(length)||0;function declareUpdates(startIndex,endIndex){for(let i=startIndex;i{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(ctrls.current.slice(length,prevLength),(ctrl=>{detachRefs(ctrl,ref),ctrl.stop(!0)})),ctrls.current.length=length,declareUpdates(prevLength,length)}),[length]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>{declareUpdates(0,Math.min(prevLength,length))}),deps);const springs=ctrls.current.map(((ctrl,i)=>getSprings(ctrl,updates[i]))),context=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(SpringContext),prevContext=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.zH)(context),hasContext=context!==prevContext&&hasProps(context);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.bt)((()=>{layoutId.current++,state.ctrls=ctrls.current;const{queue}=state;queue.length&&(state.queue=[],(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(queue,(cb=>cb()))),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(ctrls.current,((ctrl,i)=>{null==ref||ref.add(ctrl),hasContext&&ctrl.start({default:context});const update=updates[i];update&&(replaceRef(ctrl,update.ref),ctrl.ref?ctrl.queue.push(update):ctrl.start(update))}))})),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.tf)((()=>()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)(state.ctrls,(ctrl=>ctrl.stop(!0)))}));const values=springs.map((x=>_extends({},x)));return ref?[values,ref]:values}function useSpring(props,deps){const isFn=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(props),[[values],ref]=useSprings(1,isFn?props:[props],isFn?deps||[]:deps);return isFn||2==arguments.length?[values,ref]:values}let TransitionPhase;!function(TransitionPhase){TransitionPhase.MOUNT="mount",TransitionPhase.ENTER="enter",TransitionPhase.UPDATE="update",TransitionPhase.LEAVE="leave"}(TransitionPhase||(TransitionPhase={}));class Interpolation extends FrameValue{constructor(source,args){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=source,this.calc=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.mD)(...args);const value=this._get(),nodeType=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.sb)(value);(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.f3)(this,nodeType.create(value))}advance(_dt){const value=this._get(),oldValue=this.get();(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Xy)(value,oldValue)||((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.ys)(this).setValue(value),this._onChange(value,this.idle)),!this.idle&&checkIdle(this._active)&&becomeIdle(this)}_get(){const inputs=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(this.source)?this.source.map(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.je)(this.source));return this.calc(...inputs)}_start(){this.idle&&!checkIdle(this._active)&&(this.idle=!1,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.He)(this),(node=>{node.done=!1})),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.skipAnimation?(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Wn.batchedUpdates((()=>this.advance())),becomeIdle(this)):_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.fT.start(this))}_attach(){let priority=1;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(this.source),(source=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(source)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.UI)(source,this),isFrameValue(source)&&(source.idle||this._active.add(source),priority=Math.max(priority,source.priority+1))})),this.priority=priority,this._start()}_detach(){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(this.source),(source=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.j$)(source)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.iL)(source,this)})),this._active.clear(),becomeIdle(this)}eventObserved(event){"change"==event.type?event.idle?this.advance():(this._active.add(event.parent),this._start()):"idle"==event.type?this._active.delete(event.parent):"priority"==event.type&&(this.priority=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qo)(this.source).reduce(((highest,parent)=>Math.max(highest,(isFrameValue(parent)?parent.priority:0)+1)),0))}}function isIdle(source){return!1!==source.idle}function checkIdle(active){return!active.size||Array.from(active).every(isIdle)}function becomeIdle(self){self.idle||(self.idle=!0,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.S6)((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.He)(self),(node=>{node.done=!0})),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.k0)(self,{type:"idle",parent:self}))}_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.OH.assign({createStringInterpolator:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.qS,to:(source,args)=>new Interpolation(source,args)});_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.fT.advance},"../../node_modules/@react-spring/shared/dist/react-spring-shared.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B0:()=>FluidValue,OH:()=>globals,UI:()=>addFluidObserver,k0:()=>callFluidObservers,O9:()=>colors,mD:()=>createInterpolator,qS:()=>createStringInterpolator,dE:()=>defineHidden,ZR:()=>deprecateDirectCall,LW:()=>deprecateInterpolate,S6:()=>each,rU:()=>eachProp,yl:()=>flush,bl:()=>flushCalls,fT:()=>frameLoop,Ll:()=>getFluidObservers,je:()=>getFluidValue,j$:()=>hasFluidValue,is:()=>is,Df:()=>isAnimatedString,Xy:()=>isEqual,ZT:()=>noop,Wn:()=>raf,iL:()=>removeFluidObserver,qo:()=>toArray,NW:()=>useForceUpdate,bt:()=>useLayoutEffect,Pr:()=>useMemoOne,tf:()=>useOnce,zH:()=>usePrev});let updateQueue=makeQueue();const raf=fn=>schedule(fn,updateQueue);let writeQueue=makeQueue();raf.write=fn=>schedule(fn,writeQueue);let onStartQueue=makeQueue();raf.onStart=fn=>schedule(fn,onStartQueue);let onFrameQueue=makeQueue();raf.onFrame=fn=>schedule(fn,onFrameQueue);let onFinishQueue=makeQueue();raf.onFinish=fn=>schedule(fn,onFinishQueue);let timeouts=[];raf.setTimeout=(handler,ms)=>{let time=raf.now()+ms,cancel=()=>{let i=timeouts.findIndex((t=>t.cancel==cancel));~i&&timeouts.splice(i,1),__raf.count-=~i?1:0},timeout={time,handler,cancel};return timeouts.splice(findTimeout(time),0,timeout),__raf.count+=1,start(),timeout};let findTimeout=time=>~(~timeouts.findIndex((t=>t.time>time))||~timeouts.length);raf.cancel=fn=>{updateQueue.delete(fn),writeQueue.delete(fn)},raf.sync=fn=>{sync=!0,raf.batchedUpdates(fn),sync=!1},raf.throttle=fn=>{let lastArgs;function queuedFn(){try{fn(...lastArgs)}finally{lastArgs=null}}function throttled(...args){lastArgs=args,raf.onStart(queuedFn)}return throttled.handler=fn,throttled.cancel=()=>{onStartQueue.delete(queuedFn),lastArgs=null},throttled};let nativeRaf="undefined"!=typeof window?window.requestAnimationFrame:()=>{};raf.use=impl=>nativeRaf=impl,raf.now="undefined"!=typeof performance?()=>performance.now():Date.now,raf.batchedUpdates=fn=>fn(),raf.catch=console.error,raf.frameLoop="always",raf.advance=()=>{"demand"!==raf.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):update()};let ts=-1,sync=!1;function schedule(fn,queue){sync?(queue.delete(fn),fn(0)):(queue.add(fn),start())}function start(){ts<0&&(ts=0,"demand"!==raf.frameLoop&&nativeRaf(loop))}function loop(){~ts&&(nativeRaf(loop),raf.batchedUpdates(update))}function update(){let prevTs=ts;ts=raf.now();let count=findTimeout(ts);count&&(eachSafely(timeouts.splice(0,count),(t=>t.handler())),__raf.count-=count),onStartQueue.flush(),updateQueue.flush(prevTs?Math.min(64,ts-prevTs):16.667),onFrameQueue.flush(),writeQueue.flush(),onFinishQueue.flush()}function makeQueue(){let next=new Set,current=next;return{add(fn){__raf.count+=current!=next||next.has(fn)?0:1,next.add(fn)},delete:fn=>(__raf.count-=current==next&&next.has(fn)?1:0,next.delete(fn)),flush(arg){current.size&&(next=new Set,__raf.count-=current.size,eachSafely(current,(fn=>fn(arg)&&next.add(fn))),__raf.count+=next.size,current=next)}}}function eachSafely(values,each){values.forEach((value=>{try{each(value)}catch(e){raf.catch(e)}}))}const __raf={count:0,clear(){ts=-1,timeouts=[],onStartQueue=makeQueue(),updateQueue=makeQueue(),onFrameQueue=makeQueue(),writeQueue=makeQueue(),onFinishQueue=makeQueue(),__raf.count=0}};var react=__webpack_require__("../../node_modules/react/index.js");function noop(){}const defineHidden=(obj,key,value)=>Object.defineProperty(obj,key,{value,writable:!0,configurable:!0}),is={arr:Array.isArray,obj:a=>!!a&&"Object"===a.constructor.name,fun:a=>"function"==typeof a,str:a=>"string"==typeof a,num:a=>"number"==typeof a,und:a=>void 0===a};function isEqual(a,b){if(is.arr(a)){if(!is.arr(b)||a.length!==b.length)return!1;for(let i=0;iobj.forEach(fn);function eachProp(obj,fn,ctx){if(is.arr(obj))for(let i=0;iis.und(a)?[]:is.arr(a)?a:[a];function flush(queue,iterator){if(queue.size){const items=Array.from(queue);queue.clear(),each(items,iterator)}}const flushCalls=(queue,...args)=>flush(queue,(fn=>fn(...args)));let createStringInterpolator$1,to,colors$1=null,skipAnimation=!1,willAdvance=noop;var globals=Object.freeze({__proto__:null,get createStringInterpolator(){return createStringInterpolator$1},get to(){return to},get colors(){return colors$1},get skipAnimation(){return skipAnimation},get willAdvance(){return willAdvance},assign:globals=>{globals.to&&(to=globals.to),globals.now&&(raf.now=globals.now),void 0!==globals.colors&&(colors$1=globals.colors),null!=globals.skipAnimation&&(skipAnimation=globals.skipAnimation),globals.createStringInterpolator&&(createStringInterpolator$1=globals.createStringInterpolator),globals.requestAnimationFrame&&raf.use(globals.requestAnimationFrame),globals.batchedUpdates&&(raf.batchedUpdates=globals.batchedUpdates),globals.willAdvance&&(willAdvance=globals.willAdvance),globals.frameLoop&&(raf.frameLoop=globals.frameLoop)}});const startQueue=new Set;let currentFrame=[],prevFrame=[],priority=0;const frameLoop={get idle(){return!startQueue.size&&!currentFrame.length},start(animation){priority>animation.priority?(startQueue.add(animation),raf.onStart(flushStartQueue)):(startSafely(animation),raf(advance))},advance,sort(animation){if(priority)raf.onFrame((()=>frameLoop.sort(animation)));else{const prevIndex=currentFrame.indexOf(animation);~prevIndex&&(currentFrame.splice(prevIndex,1),startUnsafely(animation))}},clear(){currentFrame=[],startQueue.clear()}};function flushStartQueue(){startQueue.forEach(startSafely),startQueue.clear(),raf(advance)}function startSafely(animation){currentFrame.includes(animation)||startUnsafely(animation)}function startUnsafely(animation){currentFrame.splice(function findIndex(arr,test){const index=arr.findIndex(test);return index<0?arr.length:index}(currentFrame,(other=>other.priority>animation.priority)),0,animation)}function advance(dt){const nextFrame=prevFrame;for(let i=0;i0}const colors={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},NUMBER="[-+]?\\d*\\.?\\d+",PERCENTAGE=NUMBER+"%";function call(...parts){return"\\(\\s*("+parts.join(")\\s*,\\s*(")+")\\s*\\)"}const rgb=new RegExp("rgb"+call(NUMBER,NUMBER,NUMBER)),rgba=new RegExp("rgba"+call(NUMBER,NUMBER,NUMBER,NUMBER)),hsl=new RegExp("hsl"+call(NUMBER,PERCENTAGE,PERCENTAGE)),hsla=new RegExp("hsla"+call(NUMBER,PERCENTAGE,PERCENTAGE,NUMBER)),hex3=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex4=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6=/^#([0-9a-fA-F]{6})$/,hex8=/^#([0-9a-fA-F]{8})$/;function hue2rgb(p,q,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?p+6*(q-p)*t:t<.5?q:t<2/3?p+(q-p)*(2/3-t)*6:p}function hslToRgb(h,s,l){const q=l<.5?l*(1+s):l+s-l*s,p=2*l-q,r=hue2rgb(p,q,h+1/3),g=hue2rgb(p,q,h),b=hue2rgb(p,q,h-1/3);return Math.round(255*r)<<24|Math.round(255*g)<<16|Math.round(255*b)<<8}function parse255(str){const int=parseInt(str,10);return int<0?0:int>255?255:int}function parse360(str){return(parseFloat(str)%360+360)%360/360}function parse1(str){const num=parseFloat(str);return num<0?0:num>1?255:Math.round(255*num)}function parsePercentage(str){const int=parseFloat(str);return int<0?0:int>100?1:int/100}function colorToRgba(input){let int32Color=function normalizeColor(color){let match;return"number"==typeof color?color>>>0===color&&color>=0&&color<=4294967295?color:null:(match=hex6.exec(color))?parseInt(match[1]+"ff",16)>>>0:colors$1&&void 0!==colors$1[color]?colors$1[color]:(match=rgb.exec(color))?(parse255(match[1])<<24|parse255(match[2])<<16|parse255(match[3])<<8|255)>>>0:(match=rgba.exec(color))?(parse255(match[1])<<24|parse255(match[2])<<16|parse255(match[3])<<8|parse1(match[4]))>>>0:(match=hex3.exec(color))?parseInt(match[1]+match[1]+match[2]+match[2]+match[3]+match[3]+"ff",16)>>>0:(match=hex8.exec(color))?parseInt(match[1],16)>>>0:(match=hex4.exec(color))?parseInt(match[1]+match[1]+match[2]+match[2]+match[3]+match[3]+match[4]+match[4],16)>>>0:(match=hsl.exec(color))?(255|hslToRgb(parse360(match[1]),parsePercentage(match[2]),parsePercentage(match[3])))>>>0:(match=hsla.exec(color))?(hslToRgb(parse360(match[1]),parsePercentage(match[2]),parsePercentage(match[3]))|parse1(match[4]))>>>0:null}(input);return null===int32Color?input:(int32Color=int32Color||0,`rgba(${(4278190080&int32Color)>>>24}, ${(16711680&int32Color)>>>16}, ${(65280&int32Color)>>>8}, ${(255&int32Color)/255})`)}const createInterpolator=(range,output,extrapolate)=>{if(is.fun(range))return range;if(is.arr(range))return createInterpolator({range,output,extrapolate});if(is.str(range.output[0]))return createStringInterpolator$1(range);const config=range,outputRange=config.output,inputRange=config.range||[0,1],extrapolateLeft=config.extrapolateLeft||config.extrapolate||"extend",extrapolateRight=config.extrapolateRight||config.extrapolate||"extend",easing=config.easing||(t=>t);return input=>{const range=function findRange(input,inputRange){for(var i=1;i=input);++i);return i-1}(input,inputRange);return function interpolate(input,inputMin,inputMax,outputMin,outputMax,easing,extrapolateLeft,extrapolateRight,map){let result=map?map(input):input;if(resultinputMax){if("identity"===extrapolateRight)return result;"clamp"===extrapolateRight&&(result=inputMax)}if(outputMin===outputMax)return outputMin;if(inputMin===inputMax)return input<=inputMin?outputMin:outputMax;inputMin===-1/0?result=-result:inputMax===1/0?result-=inputMin:result=(result-inputMin)/(inputMax-inputMin);result=easing(result),outputMin===-1/0?result=-result:outputMax===1/0?result+=outputMin:result=result*(outputMax-outputMin)+outputMin;return result}(input,inputRange[range],inputRange[range+1],outputRange[range],outputRange[range+1],easing,extrapolateLeft,extrapolateRight,config.map)}};function _extends(){return _extends=Object.assign||function(target){for(var i=1;iBoolean(arg&&arg[$get]),getFluidValue=arg=>arg&&arg[$get]?arg[$get]():arg,getFluidObservers=target=>target[$observers]||null;function callFluidObservers(target,event){let observers=target[$observers];observers&&observers.forEach((observer=>{!function callFluidObserver(observer,event){observer.eventObserved?observer.eventObserved(event):observer(event)}(observer,event)}))}class FluidValue{constructor(get){if(this[$get]=void 0,this[$observers]=void 0,!get&&!(get=this.get))throw Error("Unknown getter");setFluidGetter(this,get)}}const setFluidGetter=(target,get)=>setHidden(target,$get,get);function addFluidObserver(target,observer){if(target[$get]){let observers=target[$observers];observers||setHidden(target,$observers,observers=new Set),observers.has(observer)||(observers.add(observer),target.observerAdded&&target.observerAdded(observers.size,observer))}return observer}function removeFluidObserver(target,observer){let observers=target[$observers];if(observers&&observers.has(observer)){const count=observers.size-1;count?observers.delete(observer):target[$observers]=null,target.observerRemoved&&target.observerRemoved(count,observer)}}const setHidden=(target,key,value)=>Object.defineProperty(target,key,{value,writable:!0,configurable:!0}),numberRegex=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,colorRegex=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,unitRegex=new RegExp(`(${numberRegex.source})(%|[a-z]+)`,"i");let namedColorRegex;const rgbaRegex=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,rgbaRound=(_,p1,p2,p3,p4)=>`rgba(${Math.round(p1)}, ${Math.round(p2)}, ${Math.round(p3)}, ${p4})`,createStringInterpolator=config=>{namedColorRegex||(namedColorRegex=colors$1?new RegExp(`(${Object.keys(colors$1).join("|")})(?!\\w)`,"g"):/^\b$/);const output=config.output.map((value=>getFluidValue(value).replace(colorRegex,colorToRgba).replace(namedColorRegex,colorToRgba))),keyframes=output.map((value=>value.match(numberRegex).map(Number))),interpolators=keyframes[0].map(((_,i)=>keyframes.map((values=>{if(!(i in values))throw Error('The arity of each "output" value must be equal');return values[i]})))).map((output=>createInterpolator(_extends({},config,{output}))));return input=>{var _output$find;const missingUnit=!unitRegex.test(output[0])&&(null==(_output$find=output.find((value=>unitRegex.test(value))))?void 0:_output$find.replace(numberRegex,""));let i=0;return output[0].replace(numberRegex,(()=>`${interpolators[i++](input)}${missingUnit||""}`)).replace(rgbaRegex,rgbaRound)}},prefix="react-spring: ",once=fn=>{const func=fn;let called=!1;if("function"!=typeof func)throw new TypeError(`${prefix}once requires a function parameter`);return(...args)=>{called||(func(...args),called=!0)}},warnInterpolate=once(console.warn);function deprecateInterpolate(){warnInterpolate(`${prefix}The "interpolate" function is deprecated in v9 (use "to" instead)`)}const warnDirectCall=once(console.warn);function deprecateDirectCall(){warnDirectCall(`${prefix}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`)}function isAnimatedString(value){return is.str(value)&&("#"==value[0]||/\d/.test(value)||value in(colors$1||{}))}const useOnce=effect=>(0,react.useEffect)(effect,emptyDeps),emptyDeps=[];function useForceUpdate(){const update=(0,react.useState)()[1],mounted=(0,react.useState)(makeMountedRef)[0];return useOnce(mounted.unmount),()=>{mounted.current&&update({})}}function makeMountedRef(){const mounted={current:!0,unmount:()=>()=>{mounted.current=!1}};return mounted}function useMemoOne(getResult,inputs){const[initial]=(0,react.useState)((()=>({inputs,result:getResult()}))),committed=(0,react.useRef)(),prevCache=committed.current;let cache=prevCache;if(cache){Boolean(inputs&&cache.inputs&&function areInputsEqual(next,prev){if(next.length!==prev.length)return!1;for(let i=0;i{committed.current=cache,prevCache==initial&&(initial.inputs=initial.result=void 0)}),[cache]),cache.result}function usePrev(value){const prevRef=(0,react.useRef)();return(0,react.useEffect)((()=>{prevRef.current=value})),prevRef.current}const useLayoutEffect="undefined"!=typeof window&&window.document&&window.document.createElement?react.useLayoutEffect:react.useEffect},"../../node_modules/@react-spring/web/dist/react-spring-web.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{animated:()=>animated,useSpring:()=>_react_spring_core__WEBPACK_IMPORTED_MODULE_0__.useSpring});var _react_spring_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@react-spring/core/dist/react-spring-core.esm.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react-dom/index.js"),_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@react-spring/shared/dist/react-spring-shared.esm.js"),_react_spring_animated__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@react-spring/animated/dist/react-spring-animated.esm.js");function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}const _excluded$2=["style","children","scrollTop","scrollLeft"],isCustomPropRE=/^--/;function dangerousStyleValue(name,value){return null==value||"boolean"==typeof value||""===value?"":"number"!=typeof value||0===value||isCustomPropRE.test(name)||isUnitlessNumber.hasOwnProperty(name)&&isUnitlessNumber[name]?(""+value).trim():value+"px"}const attributeCache={};let isUnitlessNumber={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const prefixes=["Webkit","Ms","Moz","O"];isUnitlessNumber=Object.keys(isUnitlessNumber).reduce(((acc,prop)=>(prefixes.forEach((prefix=>acc[((prefix,key)=>prefix+key.charAt(0).toUpperCase()+key.substring(1))(prefix,prop)]=acc[prop])),acc)),isUnitlessNumber);const _excluded$1=["x","y","z"],domTransforms=/^(matrix|translate|scale|rotate|skew)/,pxTransforms=/^(translate)/,degTransforms=/^(rotate|skew)/,addUnit=(value,unit)=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.is.num(value)&&0!==value?value+unit:value,isValueIdentity=(value,id)=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.is.arr(value)?value.every((v=>isValueIdentity(v,id))):_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.is.num(value)?value===id:parseFloat(value)===id;class AnimatedStyle extends _react_spring_animated__WEBPACK_IMPORTED_MODULE_3__.rS{constructor(_ref){let{x,y,z}=_ref,style=_objectWithoutPropertiesLoose(_ref,_excluded$1);const inputs=[],transforms=[];(x||y||z)&&(inputs.push([x||0,y||0,z||0]),transforms.push((xyz=>[`translate3d(${xyz.map((v=>addUnit(v,"px"))).join(",")})`,isValueIdentity(xyz,0)]))),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.rU)(style,((value,key)=>{if("transform"===key)inputs.push([value||""]),transforms.push((transform=>[transform,""===transform]));else if(domTransforms.test(key)){if(delete style[key],_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.is.und(value))return;const unit=pxTransforms.test(key)?"px":degTransforms.test(key)?"deg":"";inputs.push((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.qo)(value)),transforms.push("rotate3d"===key?([x,y,z,deg])=>[`rotate3d(${x},${y},${z},${addUnit(deg,unit)})`,isValueIdentity(deg,0)]:input=>[`${key}(${input.map((v=>addUnit(v,unit))).join(",")})`,isValueIdentity(input,key.startsWith("scale")?1:0)])}})),inputs.length&&(style.transform=new FluidTransform(inputs,transforms)),super(style)}}class FluidTransform extends _react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.B0{constructor(inputs,transforms){super(),this._value=null,this.inputs=inputs,this.transforms=transforms}get(){return this._value||(this._value=this._get())}_get(){let transform="",identity=!0;return(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.S6)(this.inputs,((input,i)=>{const arg1=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.je)(input[0]),[t,id]=this.transforms[i](_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.is.arr(arg1)?arg1:input.map(_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.je));transform+=" "+t,identity=identity&&id})),identity?"none":transform}observerAdded(count){1==count&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.S6)(this.inputs,(input=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.S6)(input,(value=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.j$)(value)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.UI)(value,this)))))}observerRemoved(count){0==count&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.S6)(this.inputs,(input=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.S6)(input,(value=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.j$)(value)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.iL)(value,this)))))}eventObserved(event){"change"==event.type&&(this._value=null),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.k0)(this,event)}}const _excluded=["scrollTop","scrollLeft"];_react_spring_core__WEBPACK_IMPORTED_MODULE_0__.Globals.assign({batchedUpdates:react_dom__WEBPACK_IMPORTED_MODULE_1__.unstable_batchedUpdates,createStringInterpolator:_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.qS,colors:_react_spring_shared__WEBPACK_IMPORTED_MODULE_2__.O9});const animated=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_3__.Ld)(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function applyAnimatedValues(instance,props){if(!instance.nodeType||!instance.setAttribute)return!1;const isFilterElement="filter"===instance.nodeName||instance.parentNode&&"filter"===instance.parentNode.nodeName,_ref=props,{style,children,scrollTop,scrollLeft}=_ref,attributes=_objectWithoutPropertiesLoose(_ref,_excluded$2),values=Object.values(attributes),names=Object.keys(attributes).map((name=>isFilterElement||instance.hasAttribute(name)?name:attributeCache[name]||(attributeCache[name]=name.replace(/([A-Z])/g,(n=>"-"+n.toLowerCase())))));void 0!==children&&(instance.textContent=children);for(let name in style)if(style.hasOwnProperty(name)){const value=dangerousStyleValue(name,style[name]);isCustomPropRE.test(name)?instance.style.setProperty(name,value):instance.style[name]=value}names.forEach(((name,i)=>{instance.setAttribute(name,values[i])})),void 0!==scrollTop&&(instance.scrollTop=scrollTop),void 0!==scrollLeft&&(instance.scrollLeft=scrollLeft)},createAnimatedStyle:style=>new AnimatedStyle(style),getComponentProps:_ref=>_objectWithoutPropertiesLoose(_ref,_excluded)}).animated},"../../node_modules/@storybook/addon-actions/dist/esm/index.js":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{action:()=>action,withActions:()=>withActions});"".concat("storybook/actions","/panel");var EVENT_ID="".concat("storybook/actions","/action-event"),v4=(__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/index.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/uuid-browser/v4.js")),v4_default=__webpack_require__.n(v4),esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/addons/dist/esm/index.js"),config={depth:10,clearOnStoryChange:!0,limit:50};function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var findProto=function findProto(obj,callback){var proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},isReactSyntheticEvent=function isReactSyntheticEvent(e){return Boolean("object"===_typeof(e)&&e&&findProto(e,(function(proto){return/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)}))&&"function"==typeof e.persist)},serializeArg=function serializeArg(a){if(isReactSyntheticEvent(a)){var e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();var viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=null==viewDescriptor?void 0:viewDescriptor.value;return"object"===_typeof(view)&&"Window"===(null==view?void 0:view.constructor.name)&&Object.defineProperty(e,"view",Object.assign({},viewDescriptor,{value:Object.create(view.constructor.prototype)})),e}return a};function action(name){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},actionOptions=Object.assign({},config,options);return function actionHandler(){for(var channel=esm.KP.getChannel(),id=v4_default()(),_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(EVENT_ID,actionDisplayToEmit)}}__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1?_len-1:0),_key=1;_key<_len;_key++)handles[_key-1]=arguments[_key];var actionsObject=actionsFn.apply(void 0,handles);return Object.entries(actionsObject).map((function(_ref){var _ref2=withActions_slicedToArray(_ref,2),key=_ref2[0],action=_ref2[1],_key$match2=withActions_slicedToArray(key.match(delegateEventSplitter),3),eventName=(_key$match2[0],_key$match2[1]),selector=_key$match2[2];return{eventName,handler:function handler(e){selector&&!hasMatchInAncestry(e.target,selector)||action(e)}}}))},applyEventHandlers=browser_default()((function(actionsFn){for(var _len2=arguments.length,handles=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)handles[_key2-1]=arguments[_key2];(0,hooks.d4)((function(){if(null!=root){var handlers=createHandlers.apply(void 0,[actionsFn].concat(handles));return handlers.forEach((function(_ref3){var eventName=_ref3.eventName,handler=_ref3.handler;return root.addEventListener(eventName,handler)})),function(){return handlers.forEach((function(_ref4){var eventName=_ref4.eventName,handler=_ref4.handler;return root.removeEventListener(eventName,handler)}))}}}),[root,actionsFn,handles])}),(0,ts_dedent_esm.C)(withActions_templateObject||(withActions_templateObject=function withActions_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n withActions(options) is deprecated, please configure addon-actions using the addParameter api:\n\n addParameters({\n actions: {\n handles: options\n },\n });\n "])))),withActions=function makeDecorator(_ref){var name=_ref.name,parameterName=_ref.parameterName,wrapper=_ref.wrapper,_ref$skipIfNoParamete=_ref.skipIfNoParametersOrOptions,skipIfNoParametersOrOptions=void 0!==_ref$skipIfNoParamete&&_ref$skipIfNoParamete,decorator=function decorator(options){return function(storyFn,context){var parameters=context.parameters&&context.parameters[parameterName];return parameters&¶meters.disable?storyFn(context):!skipIfNoParametersOrOptions||options||parameters?wrapper(storyFn,context,{options,parameters}):storyFn(context)}};return function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return"function"==typeof args[0]?decorator().apply(void 0,args):function(){if(arguments.length>1)return args.length>1?decorator(args).apply(void 0,arguments):decorator.apply(void 0,args).apply(void 0,arguments);throw new Error("Passing stories directly into ".concat(name,"() is not allowed,\n instead use addDecorator(").concat(name,") and pass options with the '").concat(parameterName,"' parameter"))}}}({name:"withActions",parameterName:"actions",skipIfNoParametersOrOptions:!0,wrapper:function wrapper(getStory,context,_ref5){var parameters=_ref5.parameters,options=_ref5.options;return function applyDeprecatedOptions(actionsFn,options){options&&applyEventHandlers(actionsFn,options)}(actions,options),parameters&¶meters.handles&&applyEventHandlers.apply(void 0,[actions].concat(_toConsumableArray(parameters.handles))),getStory(context)}});(module=__webpack_require__.hmd(module))&&module.hot},"../../node_modules/@storybook/addon-actions/dist/esm/models/ActionDisplay.js":()=>{},"../../node_modules/@storybook/addon-actions/dist/esm/models/ActionOptions.js":()=>{},"../../node_modules/@storybook/addon-actions/dist/esm/models/ActionsFunction.js":()=>{},"../../node_modules/@storybook/addon-actions/dist/esm/models/ActionsMap.js":()=>{},"../../node_modules/@storybook/addon-actions/dist/esm/models/DecoratorFunction.js":()=>{},"../../node_modules/@storybook/addon-actions/dist/esm/models/HandlerFunction.js":()=>{},"../../node_modules/@storybook/addon-actions/dist/esm/models/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _ActionDisplay__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/ActionDisplay.js");__webpack_require__.o(_ActionDisplay__WEBPACK_IMPORTED_MODULE_0__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _ActionDisplay__WEBPACK_IMPORTED_MODULE_0__.action}}),__webpack_require__.o(_ActionDisplay__WEBPACK_IMPORTED_MODULE_0__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _ActionDisplay__WEBPACK_IMPORTED_MODULE_0__.withActions}});var _ActionsFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/ActionsFunction.js");__webpack_require__.o(_ActionsFunction__WEBPACK_IMPORTED_MODULE_1__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _ActionsFunction__WEBPACK_IMPORTED_MODULE_1__.action}}),__webpack_require__.o(_ActionsFunction__WEBPACK_IMPORTED_MODULE_1__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _ActionsFunction__WEBPACK_IMPORTED_MODULE_1__.withActions}});var _ActionOptions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/ActionOptions.js");__webpack_require__.o(_ActionOptions__WEBPACK_IMPORTED_MODULE_2__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _ActionOptions__WEBPACK_IMPORTED_MODULE_2__.action}}),__webpack_require__.o(_ActionOptions__WEBPACK_IMPORTED_MODULE_2__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _ActionOptions__WEBPACK_IMPORTED_MODULE_2__.withActions}});var _ActionsMap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/ActionsMap.js");__webpack_require__.o(_ActionsMap__WEBPACK_IMPORTED_MODULE_3__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _ActionsMap__WEBPACK_IMPORTED_MODULE_3__.action}}),__webpack_require__.o(_ActionsMap__WEBPACK_IMPORTED_MODULE_3__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _ActionsMap__WEBPACK_IMPORTED_MODULE_3__.withActions}});var _DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/DecoratorFunction.js");__webpack_require__.o(_DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__.action}}),__webpack_require__.o(_DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _DecoratorFunction__WEBPACK_IMPORTED_MODULE_4__.withActions}});var _HandlerFunction__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/models/HandlerFunction.js");__webpack_require__.o(_HandlerFunction__WEBPACK_IMPORTED_MODULE_5__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _HandlerFunction__WEBPACK_IMPORTED_MODULE_5__.action}}),__webpack_require__.o(_HandlerFunction__WEBPACK_IMPORTED_MODULE_5__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _HandlerFunction__WEBPACK_IMPORTED_MODULE_5__.withActions}})},"../../node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var addArgs_namespaceObject={};__webpack_require__.r(addArgs_namespaceObject),__webpack_require__.d(addArgs_namespaceObject,{argsEnhancers:()=>argsEnhancers});var ClientApi=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=(__webpack_require__("../../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";var addDecorator_namespaceObject={};__webpack_require__.r(addDecorator_namespaceObject),__webpack_require__.d(addDecorator_namespaceObject,{decorators:()=>decorators});var ClientApi=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),decorators=[__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js").withActions];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(addDecorator_namespaceObject).forEach((function(key){var value=addDecorator_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__.d(__webpack_exports__,{DM:()=>applyHooks,Ye:()=>useMemo,c8:()=>HooksContext,d4:()=>useEffect});__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.set.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js");var global__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("../../node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_20__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js"),_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/core-events/dist/esm/index.js"),_index__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/addons/dist/esm/index.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i25)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return hooks.addRenderListeners(),result}}},areDepsEqual=function areDepsEqual(deps,nextDeps){return deps.length===nextDeps.length&&deps.every((function(dep,i){return dep===nextDeps[i]}))},invalidHooksError=function invalidHooksError(){return new Error("Storybook preview hooks can only be called inside decorators and story functions.")};function getHooksContextOrNull(){return globalWindow.STORYBOOK_HOOKS_CONTEXT||null}function getHooksContextOrThrow(){var hooks=getHooksContextOrNull();if(null==hooks)throw invalidHooksError();return hooks}function useMemoLike(name,nextCreate,deps){var _useHook=function useHook(name,callback,deps){var hooks=getHooksContextOrThrow();if("MOUNT"===hooks.currentPhase){null==deps||Array.isArray(deps)||_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("".concat(name," received a final argument that is not an array (instead, received ").concat(deps,"). When specified, the final argument must be an array."));var _hook={name,deps};return hooks.currentHooks.push(_hook),callback(_hook),_hook}if("UPDATE"===hooks.currentPhase){var _hook2=hooks.getNextHook();if(null==_hook2)throw new Error("Rendered more hooks than during the previous render.");return _hook2.name!==name&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("Storybook has detected a change in the order of Hooks".concat(hooks.currentDecoratorName?" called by ".concat(hooks.currentDecoratorName):"",". This will lead to bugs and errors if not fixed.")),null!=deps&&null==_hook2.deps&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("".concat(name," received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.")),null!=deps&&null!=_hook2.deps&&deps.length!==_hook2.deps.length&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("The final argument passed to ".concat(name," changed size between renders. The order and size of this array must remain constant.\nPrevious: ").concat(_hook2.deps,"\nIncoming: ").concat(deps)),null!=deps&&null!=_hook2.deps&&areDepsEqual(deps,_hook2.deps)||(callback(_hook2),_hook2.deps=deps),_hook2}throw invalidHooksError()}(name,(function(hook){hook.memoizedState=nextCreate()}),deps);return _useHook.memoizedState}function useMemo(nextCreate,deps){return useMemoLike("useMemo",nextCreate,deps)}function useEffect(create,deps){var hooks=getHooksContextOrThrow(),effect=useMemoLike("useEffect",(function(){return{create}}),deps);hooks.currentEffects.includes(effect)||hooks.currentEffects.push(effect)}},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/addons/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{KP:()=>addons});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js");var global_window=__webpack_require__("../../node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/channels/dist/esm/index.js");var types;__webpack_require__("../../node_modules/core-js/modules/es.array.find.js");function _defineProperties(target,props){for(var i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/web.immediate.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js");var _templateObject,util_deprecate__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_8__),ts_dedent__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/ts-dedent/esm/index.js");function _defineProperties(target,props){for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:{},transport=_ref.transport,_ref$async=_ref.async,async=void 0!==_ref$async&&_ref$async;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Channel),this.isAsync=void 0,this.sender=function generateRandomId(){return Math.random().toString(16).slice(2)}(),this.events={},this.data={},this.transport=void 0,this.addPeerListener=util_deprecate__WEBPACK_IMPORTED_MODULE_8___default()((function(eventName,listener){_this.addListener(eventName,listener)}),(0,ts_dedent__WEBPACK_IMPORTED_MODULE_9__.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n channel.addPeerListener is deprecated\n "])))),this.isAsync=async,transport&&(this.transport=transport,this.transport.setHandler((function(event){return _this.handleEvent(event)})))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Channel,[{key:"hasTransport",get:function get(){return!!this.transport}},{key:"addListener",value:function addListener(eventName,listener){this.events[eventName]=this.events[eventName]||[],this.events[eventName].push(listener)}},{key:"emit",value:function emit(eventName){for(var _this2=this,_len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];var event={type:eventName,args,from:this.sender},options={};args.length>=1&&args[0]&&args[0].options&&(options=args[0].options);var handler=function handler(){_this2.transport&&_this2.transport.send(event,options),_this2.handleEvent(event)};this.isAsync?setImmediate(handler):handler()}},{key:"last",value:function last(eventName){return this.data[eventName]}},{key:"eventNames",value:function eventNames(){return Object.keys(this.events)}},{key:"listenerCount",value:function listenerCount(eventName){var listeners=this.listeners(eventName);return listeners?listeners.length:0}},{key:"listeners",value:function listeners(eventName){var listeners=this.events[eventName];return listeners||void 0}},{key:"once",value:function once(eventName,listener){var onceListener=this.onceListener(eventName,listener);this.addListener(eventName,onceListener)}},{key:"removeAllListeners",value:function removeAllListeners(eventName){eventName?this.events[eventName]&&delete this.events[eventName]:this.events={}}},{key:"removeListener",value:function removeListener(eventName,listener){var listeners=this.listeners(eventName);listeners&&(this.events[eventName]=listeners.filter((function(l){return l!==listener})))}},{key:"on",value:function on(eventName,listener){this.addListener(eventName,listener)}},{key:"off",value:function off(eventName,listener){this.removeListener(eventName,listener)}},{key:"handleEvent",value:function handleEvent(event){var listeners=this.listeners(event.type);listeners&&listeners.length&&listeners.forEach((function(fn){fn.apply(event,event.args)})),this.data[event.type]=event.args}},{key:"onceListener",value:function onceListener(eventName,listener){var _this3=this,onceListener=function onceListener(){return _this3.removeListener(eventName,onceListener),listener.apply(void 0,arguments)};return onceListener}}]),Channel}()},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ti:()=>ClientApi,v9:()=>addArgTypes,My:()=>addArgTypesEnhancer,uc:()=>addArgs,_C:()=>addArgsEnhancer,$9:()=>addDecorator,HZ:()=>addLoader,h1:()=>addParameters,$P:()=>setGlobalRender});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.set.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js");var browser=__webpack_require__("../../node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),esm=__webpack_require__("../../node_modules/ts-dedent/esm/index.js"),global_window=__webpack_require__("../../node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),dist_esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js"),dist=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/index.js"),isPlainObject=(__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/lodash/isPlainObject.js")),isPlainObject_default=__webpack_require__.n(isPlainObject);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var normalizeInputType=function normalizeInputType(inputType,key){var type=inputType.type,control=inputType.control,rest=_objectWithoutProperties(inputType,_excluded),normalized=Object.assign({name:key},rest);return type&&(normalized.type=function normalizeType(type){return"string"==typeof type?{name:type}:type}(type)),control?normalized.control=function normalizeControl(control){return"string"==typeof control?{type:control}:control}(control):!1===control&&(normalized.control={disable:!0}),normalized},normalizeInputTypes=function normalizeInputTypes(inputTypes){return mapValues_default()(inputTypes,normalizeInputType)},synchronous_promise=(__webpack_require__("../../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../../node_modules/synchronous-promise/index.js")),stable=__webpack_require__("../../node_modules/stable/stable.js"),stable_default=__webpack_require__.n(stable),STORY_KIND_PATH_SEPARATOR=(__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),/\s*\/\s*/);var autoTitle_templateObject,sortStoriesCommon=function sortStoriesCommon(stories,storySortParameter,fileNameOrder){var sortFn;storySortParameter?(sortFn="function"==typeof storySortParameter?storySortParameter:function storySort(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(a,b){if(a.title===b.title&&!options.includeNames)return 0;var method=options.method||"configure",order=options.order||[],storyTitleA=a.title.trim().split(STORY_KIND_PATH_SEPARATOR),storyTitleB=b.title.trim().split(STORY_KIND_PATH_SEPARATOR);options.includeNames&&(storyTitleA.push(a.name),storyTitleB.push(b.name));for(var depth=0;storyTitleA[depth]||storyTitleB[depth];){if(!storyTitleA[depth])return-1;if(!storyTitleB[depth])return 1;var nameA=storyTitleA[depth],nameB=storyTitleB[depth];if(nameA!==nameB){var indexA=order.indexOf(nameA),indexB=order.indexOf(nameB),indexWildcard=order.indexOf("*");return-1!==indexA||-1!==indexB?(-1===indexA&&(indexA=-1!==indexWildcard?indexWildcard:order.length),-1===indexB&&(indexB=-1!==indexWildcard?indexWildcard:order.length),indexA-indexB):"configure"===method?0:nameA.localeCompare(nameB,options.locales?options.locales:void 0,{numeric:!0,sensitivity:"accent"})}var index=order.indexOf(nameA);order=-1!==index&&Array.isArray(order[index+1])?order[index+1]:[],depth+=1}return 0}}(storySortParameter),stable_default().inplace(stories,sortFn)):stable_default().inplace(stories,(function(s1,s2){return fileNameOrder.indexOf(s1.importPath)-fileNameOrder.indexOf(s2.importPath)}));return stories},toIndexEntry=function toIndexEntry(story){return{id:story.id,title:story.title,name:story.name,importPath:story.parameters.fileName}},slash=(__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/slash/index.js")),slash_default=__webpack_require__.n(slash);function _toArray(arr){return function autoTitle_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||autoTitle_iterableToArray(arr)||autoTitle_unsupportedIterableToArray(arr)||function autoTitle_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function autoTitle_toConsumableArray(arr){return function autoTitle_arrayWithoutHoles(arr){if(Array.isArray(arr))return autoTitle_arrayLikeToArray(arr)}(arr)||autoTitle_iterableToArray(arr)||autoTitle_unsupportedIterableToArray(arr)||function autoTitle_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function autoTitle_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return autoTitle_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?autoTitle_arrayLikeToArray(o,minLen):void 0}}function autoTitle_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function autoTitle_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0?last.substr(0,dotIndex):last;parts[parts.length-1]=stripped;var _parts2=_toArray(parts),first=_parts2[0],rest=_parts2.slice(1);return""===first&&(parts=rest),parts}(path))).join("/")}return titlePrefix?slash_default()(pathJoin([titlePrefix,userTitle])):userTitle}},StoryStoreFacade_excluded=["default","__namedExportsOrder"];function StoryStoreFacade_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function StoryStoreFacade_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function StoryStoreFacade_slicedToArray(arr,i){return function StoryStoreFacade_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function StoryStoreFacade_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function StoryStoreFacade_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return StoryStoreFacade_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return StoryStoreFacade_arrayLikeToArray(o,minLen)}(arr,i)||function StoryStoreFacade_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function StoryStoreFacade_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i ","\n \n Are you using a V7-style sort function in V6 compatibility mode?\n \n More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort\n "])),storySortParameter,err.message));throw err}return{v:3,stories:sortedV7.reduce((function(acc,s){return acc[s.id]=_this2.stories[s.id],acc}),{})}}},{key:"clearFilenameExports",value:function clearFilenameExports(fileName){var _this3=this;this.csfExports[fileName]&&(Object.entries(this.stories).forEach((function(_ref3){var _ref4=StoryStoreFacade_slicedToArray(_ref3,2),id=_ref4[0];_ref4[1].importPath===fileName&&delete _this3.stories[id]})),this.csfExports[fileName]={})}},{key:"addStoriesFromExports",value:function addStoriesFromExports(fileName,fileExports){var _this4=this;if(this.csfExports[fileName]!==fileExports){this.clearFilenameExports(fileName);var defaultExport=fileExports.default,__namedExportsOrder=fileExports.__namedExportsOrder,namedExports=StoryStoreFacade_objectWithoutProperties(fileExports,StoryStoreFacade_excluded),_ref5=defaultExport||{},componentId=_ref5.id,title=_ref5.title,specifiers=(window_default().STORIES||[]).map((function(specifier){return Object.assign({},specifier,{importPathMatcher:new RegExp(specifier.importPathMatcher)})}));if(title=function userOrAutoTitle(fileName,storiesEntries,userTitle){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ClientApi_defineProperties(target,props){for(var i=0;i1&&void 0!==arguments[1])||arguments[1]),singleton.addDecorator(decorator)},addParameters=function addParameters(parameters){checkMethod("addParameters",!(arguments.length>1&&void 0!==arguments[1])||arguments[1]),singleton.addParameters(parameters)},addLoader=function addLoader(loader){checkMethod("addLoader",!(arguments.length>1&&void 0!==arguments[1])||arguments[1]),singleton.addLoader(loader)},addArgs=function addArgs(args){checkMethod("addArgs",!1),singleton.addArgs(args)},addArgTypes=function addArgTypes(argTypes){checkMethod("addArgTypes",!1),singleton.addArgTypes(argTypes)},addArgsEnhancer=function addArgsEnhancer(enhancer){checkMethod("addArgsEnhancer",!1),singleton.addArgsEnhancer(enhancer)},addArgTypesEnhancer=function addArgTypesEnhancer(enhancer){checkMethod("addArgTypesEnhancer",!1),singleton.addArgTypesEnhancer(enhancer)},setGlobalRender=function setGlobalRender(render){checkMethod("setGlobalRender",!1),singleton.facade.projectAnnotations.render=render},invalidStoryTypes=new Set(["string","number","boolean","symbol"]),ClientApi=function(){function ClientApi(){var _this=this,storyStore=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).storyStore;!function ClientApi_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ClientApi),this.facade=void 0,this.storyStore=void 0,this.addons=void 0,this.onImportFnChanged=void 0,this.lastFileName=0,this.setAddon=browser_default()((function(addon){_this.addons=Object.assign({},_this.addons,addon)}),(0,esm.C)(_templateObject3||(_templateObject3=ClientApi_taggedTemplateLiteral(["\n `setAddon` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon\n "],["\n \\`setAddon\\` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon\n "])))),this.addDecorator=function(decorator){_this.facade.projectAnnotations.decorators.push(decorator)},this.clearDecorators=browser_default()((function(){_this.facade.projectAnnotations.decorators=[]}),(0,esm.C)(_templateObject4||(_templateObject4=ClientApi_taggedTemplateLiteral(["\n `clearDecorators` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators\n "],["\n \\`clearDecorators\\` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators\n "])))),this.addParameters=function(_ref2){var globals=_ref2.globals,globalTypes=_ref2.globalTypes,parameters=ClientApi_objectWithoutProperties(_ref2,ClientApi_excluded);_this.facade.projectAnnotations.parameters=combineParameters(_this.facade.projectAnnotations.parameters,parameters),globals&&(_this.facade.projectAnnotations.globals=Object.assign({},_this.facade.projectAnnotations.globals,globals)),globalTypes&&(_this.facade.projectAnnotations.globalTypes=Object.assign({},_this.facade.projectAnnotations.globalTypes,normalizeInputTypes(globalTypes)))},this.addLoader=function(loader){_this.facade.projectAnnotations.loaders.push(loader)},this.addArgs=function(args){_this.facade.projectAnnotations.args=Object.assign({},_this.facade.projectAnnotations.args,args)},this.addArgTypes=function(argTypes){_this.facade.projectAnnotations.argTypes=Object.assign({},_this.facade.projectAnnotations.argTypes,normalizeInputTypes(argTypes))},this.addArgsEnhancer=function(enhancer){_this.facade.projectAnnotations.argsEnhancers.push(enhancer)},this.addArgTypesEnhancer=function(enhancer){_this.facade.projectAnnotations.argTypesEnhancers.push(enhancer)},this.storiesOf=function(kind,m){if(!kind&&"string"!=typeof kind)throw new Error("Invalid or missing kind provided for stories, should be a string");if(m||dist_esm.kg.warn("Missing 'module' parameter for story with a kind of '".concat(kind,"'. It will break your HMR")),m){var proto=Object.getPrototypeOf(m);proto.exports&&proto.exports.default&&dist_esm.kg.error("Illegal mix of CSF default export and storiesOf calls in a single file: ".concat(proto.i))}for(var baseFilename=m&&m.id?"".concat(m.id):(_this.lastFileName++).toString(),fileName=baseFilename,i=1;_this.facade.csfExports[fileName]&&Object.keys(_this.facade.csfExports[fileName]).length>0;)i+=1,fileName="".concat(baseFilename,"-").concat(i);m&&m.hot&&m.hot.accept&&(m.hot.accept(),m.hot.dispose((function(){_this.facade.clearFilenameExports(fileName),setTimeout((function(){var _this$onImportFnChang;null===(_this$onImportFnChang=_this.onImportFnChanged)||void 0===_this$onImportFnChang||_this$onImportFnChang.call(_this,{importFn:_this.importFn.bind(_this)})}),0)})));var hasAdded=!1,api={kind:kind.toString(),add:function add(){return api},addDecorator:function addDecorator(){return api},addLoader:function addLoader(){return api},addParameters:function addParameters(){return api}};Object.keys(_this.addons).forEach((function(name){var addon=_this.addons[name];api[name]=function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return addon.apply(api,args),api}}));var meta={id:(0,dist.sanitize)(kind),title:kind,decorators:[],loaders:[],parameters:{}};_this.facade.csfExports[fileName]={default:meta};var counter=0;return api.add=function(storyName,storyFn){var parameters=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(hasAdded=!0,"string"!=typeof storyName)throw new Error('Invalid or missing storyName provided for a "'.concat(kind,'" story.'));if(!storyFn||Array.isArray(storyFn)||invalidStoryTypes.has(_typeof(storyFn)))throw new Error('Cannot load story "'.concat(storyName,'" in "').concat(kind,'" due to invalid format. Storybook expected a function/object but received ').concat(_typeof(storyFn)," instead."));var decorators=parameters.decorators,loaders=parameters.loaders,component=parameters.component,args=parameters.args,argTypes=parameters.argTypes,storyParameters=ClientApi_objectWithoutProperties(parameters,_excluded2),storyId=parameters.__id||(0,dist.toId)(kind,storyName),csfExports=_this.facade.csfExports[fileName];return csfExports["story".concat(counter)]={name:storyName,parameters:Object.assign({fileName,__id:storyId},storyParameters),decorators,loaders,args,argTypes,component,render:storyFn},counter+=1,_this.facade.stories[storyId]={id:storyId,title:csfExports.default.title,name:storyName,importPath:fileName},api},api.addDecorator=function(decorator){if(hasAdded)throw new Error("You cannot add a decorator after the first story for a kind.\nRead more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories");return meta.decorators.push(decorator),api},api.addLoader=function(loader){if(hasAdded)throw new Error("You cannot add a loader after the first story for a kind.");return meta.loaders.push(loader),api},api.addParameters=function(_ref3){var component=_ref3.component,args=_ref3.args,argTypes=_ref3.argTypes,parameters=ClientApi_objectWithoutProperties(_ref3,_excluded3);if(hasAdded)throw new Error("You cannot add parameters after the first story for a kind.\nRead more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories");return meta.parameters=combineParameters(meta.parameters,parameters),component&&(meta.component=component),args&&(meta.args=Object.assign({},meta.args,args)),argTypes&&(meta.argTypes=Object.assign({},meta.argTypes,argTypes)),api},api},this.getStorybook=function(){var stories=_this.storyStore.storyIndex.stories,kinds={};return Object.entries(stories).forEach((function(_ref4){var _ref5=ClientApi_slicedToArray(_ref4,2),storyId=_ref5[0],_ref5$=_ref5[1],title=_ref5$.title,name=_ref5$.name,importPath=_ref5$.importPath;kinds[title]||(kinds[title]={kind:title,fileName:importPath,stories:[]});var storyFn=_this.storyStore.fromId(storyId).storyFn;kinds[title].stories.push({name,render:storyFn})})),Object.values(kinds)},this.raw=function(){return _this.storyStore.raw()},this.facade=new StoryStoreFacade,this.addons={},this.storyStore=storyStore,singleton=this}return function ClientApi_createClass(Constructor,protoProps,staticProps){return protoProps&&ClientApi_defineProperties(Constructor.prototype,protoProps),staticProps&&ClientApi_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ClientApi,[{key:"importFn",value:function importFn(path){return this.facade.importFn(path)}},{key:"getStoryIndex",value:function getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}},{key:"_storyStore",get:function get(){return this.storyStore}}]),ClientApi}()},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{IC:()=>pretty,IH:()=>once,kg:()=>logger});__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.set.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js");var global__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_8__),LOGLEVEL=global__WEBPACK_IMPORTED_MODULE_8___default().LOGLEVEL,console=global__WEBPACK_IMPORTED_MODULE_8___default().console,levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelNumber=levels[LOGLEVEL]||levels.info,logger={trace:function trace(message){for(var _len=arguments.length,rest=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)rest[_key-1]=arguments[_key];return currentLogLevelNumber<=levels.trace&&console.trace.apply(console,[message].concat(rest))},debug:function debug(message){for(var _len2=arguments.length,rest=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)rest[_key2-1]=arguments[_key2];return currentLogLevelNumber<=levels.debug&&console.debug.apply(console,[message].concat(rest))},info:function info(message){for(var _len3=arguments.length,rest=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)rest[_key3-1]=arguments[_key3];return currentLogLevelNumber<=levels.info&&console.info.apply(console,[message].concat(rest))},warn:function warn(message){for(var _len4=arguments.length,rest=new Array(_len4>1?_len4-1:0),_key4=1;_key4<_len4;_key4++)rest[_key4-1]=arguments[_key4];return currentLogLevelNumber<=levels.warn&&console.warn.apply(console,[message].concat(rest))},error:function error(message){for(var _len5=arguments.length,rest=new Array(_len5>1?_len5-1:0),_key5=1;_key5<_len5;_key5++)rest[_key5-1]=arguments[_key5];return currentLogLevelNumber<=levels.error&&console.error.apply(console,[message].concat(rest))},log:function log(message){for(var _len6=arguments.length,rest=new Array(_len6>1?_len6-1:0),_key6=1;_key6<_len6;_key6++)rest[_key6-1]=arguments[_key6];return currentLogLevelNumber1?_len7-1:0),_key7=1;_key7<_len7;_key7++)rest[_key7-1]=arguments[_key7];return logger[type].apply(logger,[message].concat(rest))}}};once.clear=function(){return logged.clear()},once.trace=once("trace"),once.debug=once("debug"),once.info=once("info"),once.warn=once("warn"),once.error=once("error"),once.log=once("log");var pretty=function pretty(type){return function(){for(var argArray=[],_len8=arguments.length,args=new Array(_len8),_key8=0;_key8<_len8;_key8++)args[_key8]=arguments[_key8];if(args.length){var reResultArray,startTagRe=//gi;for(argArray.push(args[0].replace(startTagRe,"%c").replace(/<\/span>/gi,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(var j=1;j{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ActionBar,B:()=>components,C:()=>resetComponents,F:()=>Form,G:()=>Code,I:()=>Icons,L:()=>H2,M:()=>H3,S:()=>ScrollArea,T:()=>TooltipNote,W:()=>WithTooltip,_:()=>_objectWithoutPropertiesLoose,a:()=>_extends,aA:()=>PreviewSkeleton,aC:()=>ArgsTableError,aE:()=>ArgsTable,aF:()=>TabbedArgsTable,aH:()=>SourceError,aI:()=>Source,aL:()=>Story,aM:()=>StorySkeleton,aO:()=>Typeset,aP:()=>ColorItem,aQ:()=>ColorPalette,aR:()=>IconItem,aS:()=>IconGallery,at:()=>Description$1,au:()=>Title,av:()=>Subtitle,aw:()=>DocsContent,ax:()=>DocsWrapper,az:()=>Preview,b:()=>__awaiter,c:()=>commonjsGlobal,d:()=>__rest,e:()=>dedent,f:()=>basePlacements,g:()=>getDefaultExportFromCjs,h:()=>bottom,i:()=>end,j:()=>clippingParents,k:()=>reference,l:()=>left,m:()=>variationPlacements,n:()=>placements,o:()=>auto,p:()=>popper,q:()=>modifierPhases,r:()=>right,s:()=>start,t:()=>top,u:()=>_root,v:()=>viewport,w:()=>window_1,x:()=>isObject_1,y:()=>isSymbol_1,z:()=>getControlId});var core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js"),core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_0__),regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/regenerator-runtime/runtime.js"),regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__),core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__),core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__),core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4__),core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_5__),core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__),core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__),core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_8__),core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_9__),core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_10__),core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11__),core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_12__),core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/core-js/modules/es.map.js"),core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_13__),core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_14__),core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_15__),core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_16__),core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17__),core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/core-js/modules/es.string.match.js"),core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_18___default=__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_18__),core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../node_modules/core-js/modules/es.number.to-fixed.js"),core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_19__),core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20__),core_js_modules_es_string_bold_js__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("../../node_modules/core-js/modules/es.string.bold.js"),core_js_modules_es_string_bold_js__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(core_js_modules_es_string_bold_js__WEBPACK_IMPORTED_MODULE_21__),core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_22___default=__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_22__),core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_23__),core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_24___default=__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_24__),core_js_modules_esnext_global_this_js__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("../../node_modules/core-js/modules/esnext.global-this.js"),core_js_modules_esnext_global_this_js__WEBPACK_IMPORTED_MODULE_25___default=__webpack_require__.n(core_js_modules_esnext_global_this_js__WEBPACK_IMPORTED_MODULE_25__),core_js_modules_es_string_small_js__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("../../node_modules/core-js/modules/es.string.small.js"),core_js_modules_es_string_small_js__WEBPACK_IMPORTED_MODULE_26___default=__webpack_require__.n(core_js_modules_es_string_small_js__WEBPACK_IMPORTED_MODULE_26__),core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_27___default=__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_27__),core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("../../node_modules/core-js/modules/es.regexp.constructor.js"),core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_28___default=__webpack_require__.n(core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_28__),core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_29___default=__webpack_require__.n(core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_29__),core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_30___default=__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_30__),core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("../../node_modules/core-js/modules/es.string.ends-with.js"),core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_31___default=__webpack_require__.n(core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_31__),core_js_modules_es_string_trim_end_js__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("../../node_modules/core-js/modules/es.string.trim-end.js"),core_js_modules_es_string_trim_end_js__WEBPACK_IMPORTED_MODULE_32___default=__webpack_require__.n(core_js_modules_es_string_trim_end_js__WEBPACK_IMPORTED_MODULE_32__),core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("../../node_modules/core-js/modules/es.array.sort.js"),core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_33___default=__webpack_require__.n(core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_33__),core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("../../node_modules/core-js/modules/es.array.splice.js"),core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_34___default=__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_34__),core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_35___default=__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_35__),core_js_modules_es_array_buffer_constructor_js__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("../../node_modules/core-js/modules/es.array-buffer.constructor.js"),core_js_modules_es_array_buffer_constructor_js__WEBPACK_IMPORTED_MODULE_36___default=__webpack_require__.n(core_js_modules_es_array_buffer_constructor_js__WEBPACK_IMPORTED_MODULE_36__),core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_37___default=__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_37__),core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("../../node_modules/core-js/modules/es.number.is-nan.js"),core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_38___default=__webpack_require__.n(core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_38__),core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_39___default=__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_39__),core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_40___default=__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_40__),core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_41___default=__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_41__),core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_42___default=__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_42__),core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_43___default=__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_43__),core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_44___default=__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_44__),core_js_modules_es_string_repeat_js__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("../../node_modules/core-js/modules/es.string.repeat.js"),core_js_modules_es_string_repeat_js__WEBPACK_IMPORTED_MODULE_45___default=__webpack_require__.n(core_js_modules_es_string_repeat_js__WEBPACK_IMPORTED_MODULE_45__),core_js_modules_es_object_get_own_property_names_js__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-names.js"),core_js_modules_es_object_get_own_property_names_js__WEBPACK_IMPORTED_MODULE_46___default=__webpack_require__.n(core_js_modules_es_object_get_own_property_names_js__WEBPACK_IMPORTED_MODULE_46__),core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js"),core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_47___default=__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_47__),core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("../../node_modules/core-js/modules/web.url.js"),core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_48___default=__webpack_require__.n(core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_48__),core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("../../node_modules/core-js/modules/web.url-search-params.js"),core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_49___default=__webpack_require__.n(core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_49__),core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_50___default=__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_50__),react__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("../../node_modules/react/index.js"),_storybook_theming__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/theming/dist/esm/index.js"),memoizerific__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("../../node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_52___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_52__),_storybook_csf__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/index.js"),_storybook_csf__WEBPACK_IMPORTED_MODULE_53___default=__webpack_require__.n(_storybook_csf__WEBPACK_IMPORTED_MODULE_53__),qs__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("../../node_modules/qs/lib/index.js"),qs__WEBPACK_IMPORTED_MODULE_54___default=__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_54__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js"),_templateObject,_templateObject2,_templateObject3,_templateObject4;function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new PolishedError(3);var normalizedColor=nameToHex(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}function rgb(value,green,blue){if("number"==typeof value&&"number"==typeof green&&"number"==typeof blue)return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if("object"===_typeof(value)&&void 0===green&&void 0===blue)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if("string"==typeof firstValue&&"number"==typeof secondValue){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}if("number"==typeof firstValue&&"number"==typeof secondValue&&"number"==typeof thirdValue&&"number"==typeof fourthValue)return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"===_typeof(firstValue)&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new PolishedError(7)}var isRgb=function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)},isRgba=function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha},isHsl=function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)},isHsla=function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha};function toColorString(color){if("object"!==_typeof(color))throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return hsla(color);if(isHsl(color))return hsl(color);throw new PolishedError(8)}function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends$1({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends$1({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends$1({},parsedColor,{alpha:guard(0,1,(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)+100*parseFloat(amount))/100)}))}var curriedOpacify=curry(opacify),curriedOpacify$1=curriedOpacify;function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends$1({},parsedColor,{alpha:guard(0,1,+(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)-100*parseFloat(amount)).toFixed(2)/100)}))}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize,headerCommon=function headerCommon(_ref2){return{margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:_ref2.theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}},codeCommon=function codeCommon(_ref3){var theme=_ref3.theme;return{lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?"1px solid ".concat(theme.color.mediumlight):"1px solid ".concat(theme.color.darker),color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border}},withReset=function withReset(_ref4){var theme=_ref4.theme;return{fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}},withMargin={margin:"16px 0"},Link$1=function Link$1(_a){var input=_a.href,children=_a.children,props=__rest(_a,["href","children"]),isStorybookPath=/^\//.test(input),isAnchorUrl=/^#.*/.test(input),href=isStorybookPath?"?path=".concat(input):input,target=isAnchorUrl?"_self":"_top";return react__WEBPACK_IMPORTED_MODULE_51__.createElement("a",Object.assign({href,target},props),children)},A$2=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Link$1)(withReset,(function(_ref5){return{fontSize:"inherit",lineHeight:"24px",color:_ref5.theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}}})),Blockquote=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.blockquote(withReset,withMargin,(function(_ref6){var theme=_ref6.theme;return{borderLeft:"4px solid ".concat(theme.color.medium),padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}}})),Wrapper$8=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div(withReset,(function(_ref7){var theme=_ref7.theme;return{backgroundColor:"light"===theme.base?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:"1px dashed ".concat(theme.appBorderColor),display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:curriedTransparentize$1(.3,theme.color.defaultText),fontSize:theme.typography.size.s2}})),EmptyBlock=function EmptyBlock(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper$8,Object.assign({},props,{className:"docblock-emptyblock"}))},LazySyntaxHighlighter=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(375).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/syntaxhighlighter-b07b042a.js"))})),LazySyntaxHighlighterWithFormatter=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __awaiter(void 0,void 0,void 0,regeneratorRuntime.mark((function _callee(){var _yield$Promise$all,_yield$Promise$all2,SyntaxHighlighter,formatter;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,Promise.all([__webpack_require__.e(375).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/syntaxhighlighter-b07b042a.js")),__webpack_require__.e(593).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/formatter-0d5cb0eb.js"))]);case 2:return _yield$Promise$all=_context.sent,_yield$Promise$all2=_slicedToArray(_yield$Promise$all,2),SyntaxHighlighter=_yield$Promise$all2[0].SyntaxHighlighter,formatter=_yield$Promise$all2[1].formatter,_context.abrupt("return",{default:function _default(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SyntaxHighlighter,Object.assign({},props,{formatter}))}});case 7:case"end":return _context.stop()}}),_callee)})))})),SyntaxHighlighter=function SyntaxHighlighter(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null)},!1!==props.format?react__WEBPACK_IMPORTED_MODULE_51__.createElement(LazySyntaxHighlighterWithFormatter,Object.assign({},props)):react__WEBPACK_IMPORTED_MODULE_51__.createElement(LazySyntaxHighlighter,Object.assign({},props)))},StyledSyntaxHighlighter=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(SyntaxHighlighter)((function(_ref8){var theme=_ref8.theme;return{fontSize:"".concat(theme.typography.size.s2-1,"px"),lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}})),SourceError;!function(SourceError){SourceError.NO_STORY="There’s no story here.",SourceError.SOURCE_UNAVAILABLE="Oh no! The source is not available."}(SourceError||(SourceError={}));var SourceSkeletonWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref9){var theme=_ref9.theme;return{background:theme.background.content,borderRadius:theme.appBorderRadius,border:"1px solid ".concat(theme.appBorderColor),boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"}})),SourceSkeletonPlaceholder=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref10){var theme=_ref10.theme;return _defineProperty2({animation:"".concat(theme.animation.glow," 1.5s ease-in-out infinite"),background:theme.appBorderColor,height:17,marginTop:1,width:"60%"},"&:first-child",{margin:0})})),SourceSkeleton=function SourceSkeleton(){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SourceSkeletonWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(SourceSkeletonPlaceholder,null),react__WEBPACK_IMPORTED_MODULE_51__.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),react__WEBPACK_IMPORTED_MODULE_51__.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),react__WEBPACK_IMPORTED_MODULE_51__.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}))},Source=function Source(props){var isLoading=props.isLoading,error=props.error;if(isLoading)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SourceSkeleton,null);if(error)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(EmptyBlock,null,error);var _a=props,language=_a.language,code=_a.code,dark=_a.dark,format=_a.format,rest=__rest(_a,["language","code","dark","format"]),syntaxHighlighter=react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledSyntaxHighlighter,Object.assign({bordered:!0,copyable:!0,format,language,className:"docblock-source"},rest),code);if(void 0===dark)return syntaxHighlighter;var overrideTheme=dark?_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.np.dark:_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.np.light;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.f6,{theme:(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.OQ)(overrideTheme)},syntaxHighlighter)};Source.defaultProps={format:!1};var isReactChildString=function isReactChildString(child){return"string"==typeof child},isInlineCodeRegex=/[\n\r]/g,DefaultCodeBlock=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.code((function(_ref12){return{fontFamily:_ref12.theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}}),codeCommon),Code=function Code(_a){var _b,className=_a.className,children=_a.children,props=__rest(_a,["className","children"]),language=(className||"").match(/lang-(\S+)/),childrenArray=react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children);return!childrenArray.filter(isReactChildString).some((function(child){return child.match(isInlineCodeRegex)}))?react__WEBPACK_IMPORTED_MODULE_51__.createElement(DefaultCodeBlock,Object.assign({},props,{className}),childrenArray):react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledSyntaxHighlighter,Object.assign({bordered:!0,copyable:!0,language:null!==(_b=null==language?void 0:language[1])&&void 0!==_b?_b:"plaintext",format:!1},props),children)},Div=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div(withReset),DL=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.dl(withReset,Object.assign(Object.assign({},withMargin),{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}})),H1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h1(withReset,headerCommon,(function(_ref13){var theme=_ref13.theme;return{fontSize:"".concat(theme.typography.size.l1,"px"),fontWeight:theme.typography.weight.black}})),H2=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h2(withReset,headerCommon,(function(_ref14){var theme=_ref14.theme;return{fontSize:"".concat(theme.typography.size.m2,"px"),paddingBottom:4,borderBottom:"1px solid ".concat(theme.appBorderColor)}})),H3=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h3(withReset,headerCommon,(function(_ref15){var theme=_ref15.theme;return{fontSize:"".concat(theme.typography.size.m1,"px")}})),H4=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h4(withReset,headerCommon,(function(_ref16){var theme=_ref16.theme;return{fontSize:"".concat(theme.typography.size.s3,"px")}})),H5=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h5(withReset,headerCommon,(function(_ref17){var theme=_ref17.theme;return{fontSize:"".concat(theme.typography.size.s2,"px")}})),H6=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h6(withReset,headerCommon,(function(_ref18){var theme=_ref18.theme;return{fontSize:"".concat(theme.typography.size.s2,"px"),color:theme.color.dark}})),HR=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.hr((function(_ref19){var theme=_ref19.theme;return{border:"0 none",borderTop:"1px solid ".concat(theme.appBorderColor),height:4,padding:0}})),Img=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.img({maxWidth:"100%"}),LI=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.li(withReset,(function(_ref20){var theme=_ref20.theme;return{fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":codeCommon({theme})}})),listCommon$1={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},OL=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.ol(withReset,withMargin,Object.assign(Object.assign({},listCommon$1),{listStyle:"decimal"})),P$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.p(withReset,withMargin,(function(_ref21){var theme=_ref21.theme;return{fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":codeCommon({theme})}})),Pre=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.pre(withReset,withMargin,(function(_ref22){return{fontFamily:_ref22.theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}}})),Span=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span(withReset,(function(_ref23){var theme=_ref23.theme;return{"&.frame":{display:"block",overflow:"hidden","& > span":{border:"1px solid ".concat(theme.color.medium),display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}}})),Table$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.table(withReset,withMargin,(function(_ref24){var theme=_ref24.theme;return{fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:"1px solid ".concat(theme.appBorderColor),backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:"1px solid ".concat(theme.appBorderColor),margin:0,padding:"6px 13px"},"& tr td":{border:"1px solid ".concat(theme.appBorderColor),color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}}})),TT=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.title(codeCommon),listCommon={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},UL=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.ul(withReset,withMargin,Object.assign(Object.assign({},listCommon),{listStyle:"disc"})),ResetWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div(withReset),components$1={h1:function h1(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(H1,Object.assign({},nameSpaceClassNames(props,"h1")))},h2:function h2(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(H2,Object.assign({},nameSpaceClassNames(props,"h2")))},h3:function h3(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(H3,Object.assign({},nameSpaceClassNames(props,"h3")))},h4:function h4(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(H4,Object.assign({},nameSpaceClassNames(props,"h4")))},h5:function h5(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(H5,Object.assign({},nameSpaceClassNames(props,"h5")))},h6:function h6(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(H6,Object.assign({},nameSpaceClassNames(props,"h6")))},pre:function pre(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Pre,Object.assign({},nameSpaceClassNames(props,"pre")))},a:function a(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(A$2,Object.assign({},nameSpaceClassNames(props,"a")))},hr:function hr(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(HR,Object.assign({},nameSpaceClassNames(props,"hr")))},dl:function dl(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(DL,Object.assign({},nameSpaceClassNames(props,"dl")))},blockquote:function blockquote(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Blockquote,Object.assign({},nameSpaceClassNames(props,"blockquote")))},table:function table(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Table$1,Object.assign({},nameSpaceClassNames(props,"table")))},img:function img(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Img,Object.assign({},nameSpaceClassNames(props,"img")))},div:function div(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Div,Object.assign({},nameSpaceClassNames(props,"div")))},span:function span(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Span,Object.assign({},nameSpaceClassNames(props,"span")))},li:function li(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(LI,Object.assign({},nameSpaceClassNames(props,"li")))},ul:function ul(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(UL,Object.assign({},nameSpaceClassNames(props,"ul")))},ol:function ol(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(OL,Object.assign({},nameSpaceClassNames(props,"ol")))},p:function p(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(P$1,Object.assign({},nameSpaceClassNames(props,"p")))},code:function code(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Code,Object.assign({},nameSpaceClassNames(props,"code")))},tt:function tt(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(TT,Object.assign({},nameSpaceClassNames(props,"tt")))},resetwrapper:function resetwrapper(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ResetWrapper,Object.assign({},nameSpaceClassNames(props,"resetwrapper")))}},BadgeWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref25){return{display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:_ref25.theme.typography.weight.bold}}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},(function(_ref26){var theme=_ref26.theme;switch(_ref26.status){case"critical":return{color:theme.color.critical,background:theme.background.critical};case"negative":return{color:theme.color.negative,background:theme.background.negative};case"warning":return{color:theme.color.warning,background:theme.background.warning};case"neutral":return{color:theme.color.dark,background:theme.color.mediumlight};case"positive":return{color:theme.color.positive,background:theme.background.positive};default:return{}}})),Badge=function Badge(_a){var props=__rest(_a,[]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(BadgeWrapper,Object.assign({},props))},icons={mobile:"M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z",watch:"M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z",tablet:"M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z",browser:"M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z",sidebar:"M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z",sidebaralt:"M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z",bottombar:"M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z",useralt:"M533 960a850 850 0 0 0 386-92v-19c0-117-242-223-306-234-20-3-21-58-21-58s59-58 72-137c35 0 56-84 21-113 2-31 45-243-173-243S337 276 338 307c-34 29-13 113 22 113 13 79 72 137 72 137s-1 55-21 58c-64 11-301 115-306 231a855 855 0 0 0 428 114z",user:"M814 805a525 525 0 00-217-116c-17-3-17-50-17-50s50-49 61-116c29 0 48-71 18-96 1-26 38-206-147-206S364 401 365 427c-30 25-11 96 18 96 11 67 61 116 61 116s0 47-17 50c-39 6-154 53-217 116a418 418 0 015-590 418 418 0 01594 0 418 418 0 015 590M512 0a512 512 0 100 1024A512 512 0 00512 0",useradd:"M87 859c-30-12-59-27-87-43 5-105 221-200 279-210 19-3 19-53 19-53s-54-53-65-125c-32 0-51-76-20-103-1-28-40-221 158-221 199 0 160 193 158 221 32 27 12 103-19 103-12 72-66 125-66 125s1 50 19 53c59 10 279 107 279 213v18a781 781 0 0 1-655 22zm892-565h-91v-90a45 45 0 1 0-91 0v90h-91a45 45 0 1 0 0 91h91v91a45 45 0 1 0 91 0v-91h91a45 45 0 1 0 0-91z",users:"M360 128c193 0 155 182 154 208 31 25 12 97-19 97-11 67-64 118-64 118s1 47 19 50c57 9 271 100 271 200v16a771 771 0 0 1-637 21c-29-11-57-25-84-40 4-99 215-189 271-197 18-3 18-50 18-50s-52-51-63-118c-31 0-50-72-19-97-1-26-40-208 153-208zm416 66c133 0 107 125 106 144 21 17 8 66-13 66-8 47-44 81-44 81s0 33 12 34c40 6 187 69 187 138v46c-80 27-163 41-249 41l-9-1c-16-31-44-61-83-90a546 546 0 0 0-111-64c47-38 117-66 143-70 12-1 12-34 12-34s-36-34-43-81c-21 0-34-49-13-66-1-19-27-144 105-144z",profile:"M761 631c0-13-10-23-22-23H285c-12 0-22 10-22 23 0 12 10 23 22 23h454c12 0 22-11 22-23zm0 100c0-12-10-22-22-22H285c-12 0-22 10-22 22 0 13 10 23 22 23h454c12 0 22-10 22-23zm0 101c0-13-10-23-22-23H285c-12 0-22 10-22 23s10 23 22 23h454c12 0 22-10 22-23zM832 0c59 0 107 49 107 109v807c-1 60-49 108-107 108H130c-25 0-45-20-45-46V46a45 45 0 0 1 45-46h702zm0 91H174v842h658c10 0 18-9 18-18V110c0-10-8-19-18-19zM384 532l-39-20c2-49 100-93 126-97 8-1 8-25 8-25s-24-24-29-57c-14 0-23-35-9-48-1-13-18-102 71-102s72 89 71 102c14 13 5 48-9 48-5 33-29 57-29 57s0 24 8 25c27 4 126 49 126 98v8a346 346 0 0 1-295 11z",bookmark:"M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z",bookmarkhollow:"M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z",book:"M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z",repository:"M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z",star:"M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z",starhollow:"M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z",circle:"M1024 512A512 512 0 110 512a512 512 0 011024 0z",circlehollow:"M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0z",heart:"M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z",hearthollow:"M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z",facehappy:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 493.7c15.2 0 28.7 7.5 37 19l2.6 3.9a46 46 0 015.8 18l.3 4.9c0 6.6-1.4 13-4 18.7l-2.1 4.1A329 329 0 01232 663l-5.5-9.3a46 46 0 01-2-41.2l2-4.2v-.2a45.6 45.6 0 0176.7-4l2.5 4a237.9 237.9 0 00410 7.7l4.5-7.7a46 46 0 0139.7-22.9zM329.7 292.6a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",facesad:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm1.1 449.2a329 329 0 01281.1 157.7l5.5 9.2a46 46 0 012 41.3l-2 4.1v.3a45.6 45.6 0 01-76.7 4l-2.6-4a238 238 0 00-410-7.7l-4.5 7.7a46 46 0 01-76.6 4l-2.6-4a46 46 0 01-5.9-18l-.2-5c0-6.6 1.4-12.9 4-18.6l2.1-4.2a329 329 0 01286.4-166.8zm-183.4-248a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",faceneutral:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 521.2a45.7 45.7 0 014.7 91.2l-4.7.2H266.3a45.7 45.7 0 01-4.7-91.2l4.7-.2H760zm-430.3-320a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",lock:"M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z",unlock:"M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z",key:"M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z",arrowleftalt:"M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z",arrowrightalt:"M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z",sync:"M135.6 442.5a41 41 0 0130 12l94.9 94.6c16 16 16 42 0 58s-42.1 16-58.2 0l-30.1-30a341.9 341.9 0 0095 178.6c65.3 65 152 101 244.3 101 92.3 0 179-36 244.3-101a345 345 0 0066.8-93.6 41.1 41.1 0 0174.3 35v.2l-.1.2-5.2 10.3a427.8 427.8 0 01-380 230.9A427.5 427.5 0 0190.1 585.8l-20 20c-16 16-42 16-58.2 0a41 41 0 010-58l93.6-93.3a41 41 0 0130-12zm376-357.2c208.9 0 382.8 149.5 420.1 347.1l22-22c16.1-16 42.2-16 58.2 0s16 42 0 58l-93.5 93.4a41 41 0 01-30 12 41 41 0 01-30-12L763.5 467a41 41 0 010-58c16-16 42.1-16 58.2 0l26.8 26.8a342 342 0 00-92.7-167.6c-65.3-65-152-101-244.3-101-92.3 0-179 36-244.2 101a345.2 345.2 0 00-66.9 93.6 41.1 41.1 0 01-74.3-35v-.2l.2-.2c.7-1.7.2-.8 5.1-10.3A427.8 427.8 0 01511.5 85.3z",reply:"M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z",undo:"M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z",transfer:"M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z",redirect:"M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z",expand:"M433.4 578.8l6.2 5.2a44.8 44.8 0 010 63.3L238.4 849.1h100.3a44.8 44.8 0 018 88.8l-8 .8H130l-6.2-.5 2.7.3h-.3a44.7 44.7 0 01-24.8-10.2l-.3-.3-.3-.2-.3-.4-.3-.2-.3-.2v-.2h-.1l-.2-.1a45.7 45.7 0 01-13.5-24.8l-.3-1.7a45 45 0 01-.5-5.3V685.7a44.8 44.8 0 0189-8.1l.6 8 .1 100L376.3 584a44.8 44.8 0 0157.1-5.2zm157.2 0a44.8 44.8 0 0157.1 5.2L849 785.7v-100l.8-8.1a44.8 44.8 0 0188.9 8V895a45 45 0 01-.5 5.3l-.3 1.7a38.6 38.6 0 01-2.8 9.4 43.4 43.4 0 01-9.6 14.2l-4.7 4.2 2-1.7.7-.6-.3.4a44.1 44.1 0 01-4.4 3.3l-.6.4a45.8 45.8 0 01-20.4 7h-.3.9l1.8-.3-6.2.5H685.3l-8-.8a44.8 44.8 0 018-88.8h100.3L584.4 647.3a44.8 44.8 0 010-63.3zM98.5 925.5l1.3 1.3.1.2.6.4a45 45 0 002 1.7l.7.6-4.7-4.2zM893.9 85.3h.9-.8l6.2.5a45 45 0 00-1.8-.2l-.9-.1h-1l-.5-.1h-1.2 2.7l.3.1a44.7 44.7 0 0125.4 10.7l.3.3v.1l.3.2.3.2v.2h.1l.2.1.6.6.5.6A45.6 45.6 0 01938 122l.3 1.7c.3 1.8.4 3.6.5 5.3v209.2a44.8 44.8 0 01-89 8.1l-.6-8-.1-100L647.7 440a44.8 44.8 0 01-57.1 5.2l-6.2-5.2a44.8 44.8 0 010-63.3l201.2-201.8H685.3a44.8 44.8 0 01-8-88.8l8-.8H894h-.1zm-555.2 0l8 .8a44.8 44.8 0 01-8 88.8H238.4l201.2 201.8a44.8 44.8 0 010 63.3l-6.2 5.2a44.8 44.8 0 01-57.1-5.2L175 238.3v100l-.8 8.1a44.8 44.8 0 01-88.9-8V129c0-1.7.2-3.5.5-5.3l.3-1.7a38.6 38.6 0 012.8-9.4 43.4 43.4 0 019.6-14.2l4.7-4.2-2 1.7.2-.3a43.7 43.7 0 0124.8-10.2h1.3l.3-.1h2.3-.1 208.7zm582 9l4.8 4.2-1.3-1.3-.1-.2-.5-.4h-.1l-.6-.6-1.4-1.1-.7-.6zm-790.7-9h-2l-.5.1h-1l-.9.2c-.6 0-1.2 0-1.8.2l6.2-.5z",expandalt:"M479.7 13.4L205.4 287.6a45.7 45.7 0 1064.7 64.7l242-242 241.8 241.9a45.7 45.7 0 1064.7-64.7L544.4 13.4a45.6 45.6 0 00-64.7 0M512 1024a45.6 45.6 0 01-32.3-13.4L205.4 736.5a45.7 45.7 0 1164.7-64.7l241.8 241.8 242-241.9a45.7 45.7 0 1164.7 64.7l-274.3 274.2c-9 9-20.7 13.4-32.4 13.4",collapse:"M479.7 411L205.4 136.6a45.7 45.7 0 1164.7-64.6L512 314 753.9 72.2a45.7 45.7 0 1164.7 64.6L544.4 411a45.6 45.6 0 01-64.7 0M512 598.3a45.6 45.6 0 00-32.3 13.4L205.4 885.8a45.7 45.7 0 1064.7 64.7l241.8-241.8 242 242a45.7 45.7 0 1064.7-64.7L544.3 611.7c-9-8.9-20.7-13.4-32.4-13.4",grow:"M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z",arrowleft:"M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z",arrowup:"M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z",arrowdown:"M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z",arrowright:"M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z",chevrondown:"M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z",back:"M512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6zm0 91.4A512 512 0 10512 0a512 512 0 000 1024zM232.7 542.5l142.8 143.3a45.7 45.7 0 0064.8-64.5L375 555.9h383.7a45.7 45.7 0 000-91.4H375.6l64.6-64.4a45.7 45.7 0 10-64.6-64.8L232.8 477.8a45.7 45.7 0 00-.1 64.6z",download:"M543.8 791.3a45.7 45.7 0 01-64.6 0l-142.5-143a45.6 45.6 0 010-64.6 45.7 45.7 0 0164.7 0l64.5 64.7V265.2a45.7 45.7 0 1191.4 0v383.6l65.4-65.1a45.7 45.7 0 1164.5 64.8L543.8 791.3zM1024 512A512 512 0 110 512a512 512 0 011024 0zm-91.4 0c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512z",upload:"M480.2 232.7a45.7 45.7 0 0164.6 0l142.5 143a45.6 45.6 0 010 64.6 45.7 45.7 0 01-64.7 0L558 375.5v383.2a45.7 45.7 0 11-91.4 0V375.2l-65.4 65.1a45.7 45.7 0 11-64.5-64.8l143.4-142.8zM0 512a512 512 0 111024 0A512 512 0 010 512zm91.4 0c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512z",proceed:"M791.3 480.2L648.5 336.8a45.7 45.7 0 10-64.8 64.5l65.1 65.4H265.2a45.7 45.7 0 100 91.4h383.2l-64.6 64.5a45.7 45.7 0 0064.6 64.7l142.8-142.5a45.7 45.7 0 00.1-64.6M512 0a512 512 0 100 1024A512 512 0 00512 0m0 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4",info:"M874.04 149.96c199.95 199.95 199.95 524.14 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.94 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.95 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 318.96a45.73 45.73 0 00-45.11 38.3l-.6 7.42v274.28a45.71 45.71 0 0090.83 7.42l.6-7.42V456.11a45.72 45.72 0 00-45.72-45.72zm0-162.25a45.72 45.72 0 100 91.44 45.72 45.72 0 000-91.44z",question:"M874.04 149.96c199.95 199.95 199.95 524.13 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.95 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.96 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 640.9a45.72 45.72 0 100 91.43 45.72 45.72 0 000-91.44zm-1.14-549c-111.3 0-201.52 90.22-201.52 201.52a45.71 45.71 0 0090.84 7.41l.6-7.47c.03-60.68 49.4-110.03 110.08-110.03 60.7 0 110.1 49.38 110.1 110.09 0 60.7-49.4 110.09-110.1 110.09v.17a45.68 45.68 0 00-44.57 45.65v100.58a45.7 45.7 0 1091.42 0v-60.46c88.7-21.12 154.67-100.87 154.67-196.03 0-111.3-90.22-201.52-201.52-201.52z",support:"M512 932.57c-87.57 0-171.05-26.59-241.23-75.93l106-106a273.98 273.98 0 00135.26 35.62c46.7 0 93.41-11.88 135.22-35.6l105.98 105.98c-70.19 49.34-153.66 75.93-241.23 75.93m-344.64-661.8l105.97 105.98c-47.44 83.63-47.43 186.86.02 270.49L167.36 753.22C118.02 683.04 91.43 599.56 91.43 512c0-87.57 26.59-171.05 75.93-241.23m585.87-103.41L647.29 273.3a273.95 273.95 0 00-135.26-35.61c-46.74 0-93.47 11.9-135.3 35.63L270.77 167.36C340.96 118.02 424.43 91.43 512 91.43s171.05 26.59 241.23 75.93m-370.5 473.91c-71.3-71.3-71.3-187.3 0-258.6a181.7 181.7 0 01129.3-53.55h.02c48.83 0 94.74 19.02 129.28 53.56 71.29 71.29 71.29 187.3 0 258.6a181.66 181.66 0 01-129.3 53.55 181.67 181.67 0 01-129.3-53.56m473.91 111.95L750.68 647.27c47.48-83.65 47.48-186.91.02-270.56l105.94-105.94c49.34 70.18 75.93 153.66 75.93 241.23s-26.59 171.04-75.93 241.22m17.4-603.26c-199.95-199.95-524.13-199.95-724.08 0-199.95 199.95-199.95 524.13 0 724.08 199.95 199.95 524.13 199.95 724.08 0 199.95-199.95 199.95-524.13 0-724.08",alert:"M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z",bell:"M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z",rss:"M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z",edit:"M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z",paintbrush:"M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z",close:"M150 150a512 512 0 11724 724 512 512 0 01-724-724zm69.3 64.2A418.5 418.5 0 0095.9 512a418.5 418.5 0 00123.4 297.8A418.5 418.5 0 00517 933.2 418.5 418.5 0 00815 809.8 418.5 418.5 0 00938.4 512 418.5 418.5 0 00815 214.2 418.5 418.5 0 00517 90.8a418.5 418.5 0 00-297.8 123.4zM655 304a46 46 0 0165 65L577 512l143 143a46 46 0 11-65 65L512 577 369 720a46 46 0 11-65-65l143-143-143-143a46 46 0 0165-65l143 143 143-143z",closeAlt:"M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z",trash:"M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z",cross:"M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z",delete:"M874 150A512 512 0 10150 874 512 512 0 00874 150zm-659.4 64.6A417.8 417.8 0 01512 91.4c97 0 188.9 32.6 263.3 92.6L184 775.3A417.4 417.4 0 0191.4 512c0-112.4 43.7-218 123.2-297.4zm594.8 594.8A417.8 417.8 0 01512 932.6c-97 0-189-32.7-263.3-92.6L840 248.7A417.4 417.4 0 01932.6 512c0 112.3-43.8 218-123.2 297.4z",add:"M512-.2a512 512 0 110 1024 512 512 0 010-1024zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 511.8c0 112.4 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.4c112.3 0 218-43.8 297.4-123.2a417.8 417.8 0 00123.2-297.4c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.2zm1.1 129.2a45.7 45.7 0 0145.7 45.7v201.1H760a45.7 45.7 0 010 91.5H558.8v201.1a45.7 45.7 0 11-91.4 0V558.7H266.3a45.7 45.7 0 110-91.5h201.1V266.1a45.7 45.7 0 0145.7-45.7z",subtract:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm4 94A418 418 0 0094 515a418 418 0 00422 422 418 418 0 00421-422A418 418 0 00516 94zm244 372a46 46 0 010 92H264a46 46 0 110-92z",plus:"M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z",document:"M764 1c12 0 24 4 32 13l129 132c9 8 13 20 13 31v802c0 24-20 44-45 44H131c-25 0-45-20-45-44V45c0-24 20-44 45-44h633zm-48 89H175v844h674l-1-707h-87c-22 0-40-15-44-36v-8l-1-93zm-16 584a45 45 0 0 1 8 89H324a45 45 0 0 1-8-88l8-1h376zm0-187a45 45 0 0 1 8 89l-8 1H324a45 45 0 0 1-8-89l8-1h376zm0-186a45 45 0 0 1 8 88l-8 1H324a45 45 0 0 1-8-89h384z",folder:"M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z",component:"M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z",calendar:"M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z",graphline:"M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z",docchart:"M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z",doclist:"M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z",category:"M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z",grid:"M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z",copy:"M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z",certificate:"M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z",print:"M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z",listunordered:"M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z",graphbar:"M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z",menu:"M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z",filter:"M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z",ellipsis:"M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z",cog:"M512 288a224 224 0 0 0 0 448h2a225 225 0 0 0 52-7 47 47 0 0 0-23-90 130 130 0 0 1-31 3 131 131 0 1 1 127-101v1a47 47 0 1 0 91 19 224 224 0 0 0-218-273zM409 0c-67 14-131 40-186 77v98c0 13-6 25-15 33-8 9-20 15-33 15H77C40 278 14 341 0 409l69 68c9 10 14 22 13 34 1 13-4 25-13 34L0 614c14 68 41 132 78 188h97c13 0 25 6 33 15 9 8 15 20 15 33v97c55 37 119 63 187 77l68-69a46 46 0 0 1 36-13c11 0 23 4 32 13l69 69c68-14 131-40 186-77v-98c0-13 6-25 15-34 8-8 20-14 33-14h98c37-56 63-119 77-186l-69-70c-10-9-14-21-14-34 0-12 4-24 14-34l69-69c-14-67-40-129-77-184h-98c-13 0-25-6-33-15-9-8-15-20-15-33V77C746 40 683 14 615 0l-69 69a46 46 0 0 1-35 14c-11 0-23-5-33-14L409 0zm-28 103l32 32c26 26 61 41 98 41h3c37 0 72-15 98-41l32-31c22 7 43 16 64 26v46c0 37 15 73 42 99 26 27 62 42 99 42h45c11 20 19 41 26 63l-31 31c-26 27-41 63-41 100 0 38 15 74 41 100l32 32c-8 22-17 44-27 65h-45c-37 0-73 15-99 42-27 26-42 62-42 99v44c-21 11-42 20-65 27l-31-31c-26-26-61-41-98-41h-3c-37 0-72 15-98 41l-32 32c-22-8-44-17-65-28v-43c0-37-15-73-42-99-26-27-62-42-99-42h-44c-11-21-20-44-28-67l32-31c26-26 41-62 40-100 1-37-14-73-40-100l-31-30c7-23 16-44 26-65h45c37 0 73-15 99-42 27-26 42-62 42-99v-45c21-10 43-19 65-27z",wrench:"M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z",nut:"M512 286a229 229 0 0 0-233 226c0 124 104 225 233 225h2a240 240 0 0 0 54-7c21-5 35-24 35-45a48 48 0 0 0-59-45 139 139 0 0 1-32 3c-75 0-136-59-136-131 0-73 61-132 136-132a134 134 0 0 1 132 161v1l-2 9c0 26 22 47 49 47a48 48 0 0 0 47-37c4-16 6-33 6-49 0-125-104-226-232-226m0-286c-16 0-33 4-47 12L90 223a91 91 0 0 0-47 79v420c0 33 18 63 47 79l375 211a96 96 0 0 0 94 0l375-211c29-16 47-46 47-79V302c0-33-18-63-47-79L559 12c-14-8-31-12-47-12m0 91l375 211v420L512 933 137 722V302L512 91",camera:"M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z",eye:"M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z",eyeclose:"M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z",photo:"M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z",video:"M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z",speaker:"M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z",phone:"M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z",flag:"M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z",pin:"M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z",compass:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm242.4 178.1a22.9 22.9 0 012.9 28.9L574.9 571.7l-3.2 3.2-273.3 182.4a22.9 22.9 0 01-31.7-31.7l181-271.6c1.7-2.5 3.8-4.6 6.3-6.3l271.6-181c9-6 21.1-4.9 28.8 2.8zM483.2 483.3l-115 172.4 172.5-115-57.5-57.4z",globe:"M533.6 1.6a144.2 144.2 0 00-43.2 0A511.7 511.7 0 000 512.6 511.7 511.7 0 00512 1024c282.8 0 512-229 512-511.4a511.7 511.7 0 00-490.4-511zM930 467H749c-3.6-105.7-20-204.7-47.2-282.5a494.4 494.4 0 00-24.2-58.2 419.3 419.3 0 01131.8 89.3A416.7 416.7 0 01930.2 467zM512 931.5c-75.3 0-137.3-163.3-145.4-373.3h290.8c-8.1 210-70.1 373.3-145.4 373.3zM366.5 467c7.4-200.2 63.7-358.5 134-374.3a406.8 406.8 0 0123 0c70.3 15.9 126.6 174.1 134 374.3h-291zM214.6 215.5A420.7 420.7 0 01346.4 126c-8.7 17.7-16.9 37.1-24.2 58.2-27.1 78-43.6 177-47.2 282.5H94a416.7 416.7 0 01120.7-251.3zM93.9 558.2H275c3.8 104.8 20.2 203 47 280.3a488.6 488.6 0 0025.8 61 420.4 420.4 0 01-133.3-89.9A416.7 416.7 0 0193.9 558.2zm715.5 251.4a420.4 420.4 0 01-133.3 90c9.3-18.4 18-38.8 25.7-61.1 27-77.4 43.3-175.5 47-280.3h181.3a416.7 416.7 0 01-120.7 251.4z",location:"M1024 512a512 512 0 10-512.1 512C643 1024 774 974 874 874s150-231 150-362zM809.4 809.4a417.4 417.4 0 01-251.7 120.7v-153a45.7 45.7 0 00-91.5 0v153a417 417 0 01-251.6-120.7A417.7 417.7 0 0194 557.7h153a45.7 45.7 0 000-91.5h-153a417.3 417.3 0 01120.7-251.6A417.5 417.5 0 01466.2 93.8v153a45.7 45.7 0 0091.4 0v-153a417.4 417.4 0 01251.8 120.7A417.5 417.5 0 01930 466.2H777a45.7 45.7 0 000 91.4h153a417.3 417.3 0 01-120.7 251.7v.1z",search:"M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60",zoom:"M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z",zoomout:"M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z",zoomreset:"M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z",timer:"M571.5 0a42.7 42.7 0 010 85.3h-16.7l-.2 53.1a441.6 441.6 0 01221.2 84.9l44.7-44.6a42.7 42.7 0 0160.3 60.3l-41.5 41.5a443.8 443.8 0 11-370-142l.1-53.2H452A42.7 42.7 0 01452 0h119.5zM512 221.7a356 356 0 00-253.5 105 356 356 0 00-105 253.5 356 356 0 00105 253.5 356 356 0 00253.5 105 356 356 0 00253.5-105 356.2 356.2 0 00105-253.5 356 356 0 00-105-253.5 356 356 0 00-253.5-105zm-.1 52.7a42.7 42.7 0 0142.6 42.6v206.6a68.2 68.2 0 0125.3 47.3l.2 5.8a68.2 68.2 0 11-110.8-53.4V317a42.7 42.7 0 0142.7-42.6z",time:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm0 54.9a45.7 45.7 0 0145.7 45.7v280H759a45.7 45.7 0 010 91.4H512c-6.1 0-12-1.2-17.4-3.4l-.4-.2-2-1c-.7-.3-1.4-.5-2-.9l-.7-.4-3-1.9-.4-.2c-12-8.2-19.8-22-19.8-37.7V192a45.7 45.7 0 0145.7-45.7z",lightning:"M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z",lightningoff:"M310 374L76 150a37 37 0 0 1 0-54c15-14 41-14 56 0l816 778c16 15 16 39 0 54a41 41 0 0 1-56 0L666 712l-57-54-242-230-57-54zm-32 28l57 54-44 38 115 29 78 76-75 254 169-165 57 54-279 271c-8 7-17 11-26 11-7 0-14-2-20-6a41 41 0 0 1-16-46l109-367-203-52c-14-4-25-16-28-30-4-15 1-31 13-40l93-81zm124-108L731 9c13-12 33-12 47-1 14 12 19 32 11 49L627 421l198 52c13 4 24 15 27 29 4 14-1 29-11 39l-89 87-56-54 42-41-118-31-80-76 109-242-190 165-57-55z",dashboard:"M512 85.3a512 512 0 01361 875c-99.5-44-225-70.4-361.6-70.4-136.1 0-261.4 26.2-360.8 70A512 512 0 01512 85.4zm0 91.5c-112.4 0-218 43.7-297.4 123.1A417.8 417.8 0 0091.4 597.3c0 93 30 181.5 85.5 254.2 101-34.8 215.3-53 334.5-53 119.6 0 234.2 18.3 335.5 53.4a417.3 417.3 0 0085.7-254.6c0-112.3-43.8-218-123.2-297.4a417.5 417.5 0 00-275-122.6l-22.4-.5zm219.7 115.7a45.7 45.7 0 0116.7 62.4L580.4 646c6.5 17.1 6.7 36.6-.6 54.3l-4.3 8.7A73.1 73.1 0 11501.3 600l168-291a45.7 45.7 0 0162.4-16.6z",hourglass:"M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z",play:"M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z",playnext:"M222 136l513 342 12 10V192a64 64 0 01128 0v640a64 64 0 01-128 0V536l-12 10-513 342c-8 5-16 8-23 8-17 0-28-16-28-42V170c0-26 11-42 28-42 7 0 15 3 23 8z",playback:"M823 136L311 478l-12 10V192a64 64 0 00-128 0v640a64 64 0 10128 0V536l12 10 512 342c8 5 16 8 23 8 17 0 29-16 29-42V170c0-26-12-42-29-42-7 0-15 3-23 8z",stop:"M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0zm471-78H338c-25 0-45-20-45-45V338c0-25 20-45 45-45h348c25 0 45 20 45 45v348c0 25-20 45-45 45z",stopalt:"M894 85H130c-25 0-45 20-45 45v764c0 25 20 45 45 45h764c25 0 45-20 45-45V130c0-25-20-45-45-45z",rewind:"m631.8 642.6 345 245.4c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3V170.3c0-26.8-11-42.3-26.8-42.3-6.4 0-13.7 2.6-21.4 8l-345 245.4v-211c0-26.9-10.9-42.4-26.8-42.4-6.4 0-13.7 2.6-21.4 8L129 459.4V192a64 64 0 0 0-128 0v640a64 64 0 0 0 128 0V564.6L583.6 888c7.7 5.4 15 8 21.4 8 15.9 0 26.8-15.5 26.8-42.3v-211Z",fastforward:"M398.2 386.4 53.2 141c-7.7-5.4-15-8-21.4-8C15.9 133 5 148.5 5 175.3v683.4C5 885.5 16 901 31.8 901c6.4 0 13.7-2.6 21.4-8l345-245.4v211c0 26.9 11 42.4 26.8 42.4 6.4 0 13.7-2.6 21.4-8L901 569.6V837a64 64 0 0 0 128 0V197a64 64 0 0 0-128 0v267.4L446.4 141c-7.7-5.4-15-8-21.4-8-15.9 0-26.8 15.5-26.8 42.3v211Z",email:"M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z",link:"M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z",paperclip:"M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z",box:"M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z",structure:"M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z",cpu:"M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z",memory:"M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z",database:"M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z",power:"M320 118.3a45.7 45.7 0 0122.5 85.6 384.6 384.6 0 00-120.8 93.4A380.9 380.9 0 00128 548.6c0 102.5 39.9 199 112.4 271.5A381.5 381.5 0 00512 932.5c102.5 0 199-39.9 271.5-112.4a381.5 381.5 0 00112.4-271.5c0-98.1-36.5-190.6-103.1-262l-2-2-9.4-9.5a384.2 384.2 0 00-100-71.2 45.6 45.6 0 0139.6-82.2l.6.3h.2l.1.1h.1l2 1 4 2 1.9 1 3.5 1.9a480.6 480.6 0 0144.9 27l2 1.3v-.3.1a475.4 475.4 0 11-545.3 6.2l3.6-2.6v.1a471.4 471.4 0 0151.7-31.7l3.7-2 1.4-.7.3-.2 6.4-3.1.1-.1h.1l.7-.3c5.2-2.1 11-3.4 17-3.4zM511.8 0c25 0 45.3 20 45.7 45v421.3a45.7 45.7 0 01-91.4.7V45.7A45.7 45.7 0 01511.9 0z",outbox:"M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z",share:"M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z",button:"M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z",form:"M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z",check:"M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z",batchaccept:"M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z",batchdeny:"M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z",home:"M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z",admin:"M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z",paragraph:"M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z",basket:"M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z",credit:"M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z",shield:"M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z",beaker:"M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z",thumbsup:"M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z",mirror:"M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z",switchalt:"M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z",commit:"M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z",branch:"M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z",merge:"M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z",pullrequest:"M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z",chromatic:"M512 0a512 512 0 110 1024A512 512 0 01512 0zM368 452v284a144 144 0 00274 59c-10-4-20-8-29-14l-111-64c-6-3-10-10-10-16V523l-124-71zm454 89c-8 7-17 13-26 18L551 701l81 46 1 1a144 144 0 00189-207zm-493-89l-81 47h-1a143 143 0 00-52 196 144 144 0 00137 71c-2-10-3-21-3-32V452zm375-195l-12 1c2 10 3 21 3 32v128c0 7-4 13-10 17l-154 88v144l245-142 2-1a144 144 0 00-74-267zm-384 0c-51 0-99 28-125 72-28 49-25 109 7 154 8-7 17-13 26-18l111-64a20 20 0 0120 0l153 88 124-71-244-141-1-1c-22-12-46-19-71-19zm192-111c-57 0-107 33-130 83 10 4 19 8 29 14l245 141v-96c-2-79-66-142-144-142z",twitter:"M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z",google:"M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z",gdrive:"M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z",youtube:"M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z",facebook:"M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z",medium:"M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z",graphql:"M576 849a85 85 0 0 0-125-2L253 733l1-3h517l2 5-197 114zM451 177l2 2-258 448-3-1V398a85 85 0 0 0 61-107l198-114zm321 114a85 85 0 0 0 61 107v228l-3 1-258-448 2-2 198 114zM254 689a85 85 0 0 0-24-42l259-447a86 86 0 0 0 47 0l259 448a85 85 0 0 0-24 41H254zm643-54c-7-4-15-7-23-9V398a86 86 0 1 0-82-142L595 142a85 85 0 1 0-165 0L233 256a85 85 0 1 0-82 142v228a85 85 0 1 0 82 142l197 114a85 85 0 1 0 164-2l196-114a86 86 0 1 0 107-131z",redux:"M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z",github:"M214.6 809.4A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4-49 49-108 84.3-172.2 104.3v-74.4c0-39.5-13.6-68.6-40.7-87.2a354 354 0 0091.9-19.6c15.8-5.6 30-12.2 42.6-19.9a177.8 177.8 0 0036.3-29.8 175 175 0 0029.1-41.7 228 228 0 0018.6-55.9c4.6-21.7 6.9-45.6 6.9-71.7 0-50.7-16.5-93.8-49.5-129.4 15-39.2 13.4-81.8-4.9-127.9l-12.2-1.4c-8.5-1-23.8 2.6-45.8 10.8-22 8.1-46.8 21.5-74.3 40.1a450.9 450.9 0 00-121-16.1 442 442 0 00-120.5 16.1 419.6 419.6 0 00-49.3-29.1c-15.5-7.7-27.9-13-37.2-15.7a127.6 127.6 0 00-41.4-5.6c-2.3.3-4 .6-4.9 1-18.3 46.3-20 89-4.9 127.8a183.5 183.5 0 00-49.5 129.4c0 26.1 2.3 50 6.9 71.7a228.3 228.3 0 0018.6 56 175 175 0 0029.1 41.6 177.9 177.9 0 0036.3 29.8 223.4 223.4 0 0042.6 19.9A353.2 353.2 0 00432 752c-26.8 18.3-40.2 47.3-40.2 87.2v75.9a418.4 418.4 0 01-177-105.8M512 0a512 512 0 100 1024A512 512 0 00512 0",bitbucket:"M362.3 395l53 276.5h195.4l34-198.4h283l-74.4 457a30 30 0 01-29.7 25.3H210.7a41 41 0 01-40-34.2l-127.6-775a30 30 0 0130-34.9l877.8.2a30 30 0 0130 34.8L940.5 395H362.3z",gitlab:"M186.9 75a18.7 18.7 0 0135.6 0l108.8 333.4h361.4L512 961.8 331.3 408.4H78.1zM78.1 408.5L512 961.8 36.8 618.2a37.1 37.1 0 01-13.6-41.6L78 408.4zm867.8 0l55 168.2c5 15.3-.5 32.1-13.7 41.6L512 961.8l434-553.4zM837.1 75l108.8 333.3H692.7L801.5 75a18.7 18.7 0 0135.6 0z",azuredevops:"M0,378.6 L95.8,252 L454.4,106.2 L454.4,1 L768.8,231 L126.6,355.8 L126.6,706.8 L0,670.2 L0,378.6 Z M1024,188.8 L1024,814 L778.6,1023 L381.8,892.6 L381.8,1023 L126.6,706.6 L769,783.2 L769,231 L1024,188.8 Z",discord:"M371 147c-14 0-126 3-245 91 0 0-126 227-126 507 0 0 74 126 268 132l58-71c-111-34-153-103-153-103l24 15 4 2 8 4a668 668 0 0 0 420 68 629 629 0 0 0 228-89s-44 71-159 103l58 71c194-7 268-133 268-132 0-280-126-507-126-507-126-94-246-91-246-91l-12 14a576 576 0 0 1 218 110 729 729 0 0 0-441-81l-15 1c-31 4-105 14-199 56-33 14-52 24-52 24s72-69 230-114l-9-10h-1zm-23 323c50 0 91 43 90 97 0 53-40 96-90 96-49 0-89-43-89-96 0-54 39-97 89-97zm321 0c49 0 89 43 89 97 0 53-39 96-89 96s-90-43-90-96c0-54 40-97 90-97z",contrast:"M368 713h79l266-266v-79L368 713zm192 0h153V560L560 713zm98-402h-79L311 579v79l347-347zm-192 0H311v155l155-155zm467 402V91H311v128h452c23 0 42 19 42 42v452h128zM713 933V805H261c-23 0-42-19-42-42V311H91v622h622zM982 0c23 0 42 19 42 42v721c0 23-19 42-42 42H805v177c0 23-19 42-42 42H42c-23 0-42-19-42-42V261c0-23 19-42 42-42h177V42c0-23 19-42 42-42h721z",unfold:"M512 645l8 1c21 4 37 22 37 44v181l52-52 6-6a45 45 0 0 1 58 69l-129 129-7 5a45 45 0 0 1-57-5L351 882l-5-6a45 45 0 0 1 5-57l7-6c17-12 41-10 57 6l52 52V690l1-8c4-21 22-37 44-37zM337 275a45 45 0 1 1 0 90H229l91 102h382l91-102H685a45 45 0 1 1 0-90h208c39 0 59 46 34 75L782 512l145 162c25 29 5 75-34 75H685a45 45 0 1 1 0-90h108l-91-102H320l-91 102h108a45 45 0 1 1 0 90H129c-38 0-59-46-33-75l144-162L96 350c-24-27-8-69 26-74l7-1h208zM537 8l7 6 129 129a45 45 0 0 1-58 68l-6-5-52-52v181c0 22-16 40-37 44h-8c-22 0-40-15-44-36l-1-8V153l-52 53a45 45 0 0 1-57 5l-7-5a45 45 0 0 1-5-57l5-6L480 14c16-16 40-18 57-6z",sharealt:"M130 85h332a45 45 0 0 1 8 89l-8 1H175v674h674V557a45 45 0 0 1 89-8l1 8v337c0 22-16 40-37 44l-8 1H130c-22 0-40-16-44-37l-1-8V130c0-22 16-40 37-44l8-1h332-332zm555 0h210l5 1-6-1a45 45 0 0 1 32 13l-5-4 3 3 2 1a46 46 0 0 1 12 24v2l1 5v209a45 45 0 0 1-89 8l-1-8V238L544 544a45 45 0 0 1-57 5l-7-5a45 45 0 0 1 0-64l306-305H685a45 45 0 0 1-8-89l8-1h209-209z",accessibility:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 89.6a422.4 422.4 0 100 844.8 422.4 422.4 0 000-844.8zm262.2 250a40.9 40.9 0 01-27.5 49.3l-169.1 50.7c-8.2 2.7-15.1 11-13.7 20.5 1.3 27.4 1.5 76.5 7 98.4 12.9 59 82.4 214.4 91 233.6a56 56 0 014.9 19 40 40 0 01-40 40c-18 0-30.3-12.7-38.2-28.4A34096 34096 0 01510.9 664l-77.7 165.7-1.3 2.1a40 40 0 01-69.3-39.7c8.6-19 78-174.5 90.8-233.6 5.5-21.9 6-71 7.3-98.4a21 21 0 00-13.7-20.5l-169.1-50.7a40.7 40.7 0 01-27.5-50.7c6.9-20.5 30.2-30.1 50.9-24.6 0 0 154.6 49.3 209.6 49.3s213.8-50.7 213.8-50.7c20.6-5.5 44 6.8 49.5 27.4zm-264-171.2a76.7 76.7 0 110 153.4c-42.6 0-77-34.2-77-76.7 0-41 34.4-76.7 77-76.7z",accessibilityalt:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm262.2 339.6c-5.5-20.6-28.9-32.9-49.5-27.4 0 0-158.8 50.7-213.8 50.7s-209.6-49.3-209.6-49.3c-20.7-5.5-44 4-51 24.6A40.7 40.7 0 00278 389l169 50.7a21 21 0 0113.8 20.5c-1.3 27.4-1.8 76.5-7.3 98.4-12.9 59.1-82.2 214.5-90.8 233.6a40 40 0 1070.6 37.5L511 664a34096 34096 0 0077.7 158.7c7.9 15.7 20.2 28.4 38.2 28.4a40 40 0 0040-40 56 56 0 00-4.8-19c-8.7-19.2-78.2-174.5-91.1-233.6-5.5-21.9-5.7-71-7-98.4-1.4-9.6 5.5-17.8 13.7-20.5l169.1-50.7a40.9 40.9 0 0027.5-49.3zm-264-171.2c-42.6 0-77 35.6-77 76.7a76.7 76.7 0 0077 76.7 76.7 76.7 0 100-153.4z",markup:"M1010.6 479.7L736.4 205.4a45.7 45.7 0 10-64.7 64.6l242 242L671.7 754a45.7 45.7 0 1064.7 64.6l274.1-274.2a45.6 45.6 0 000-64.6M0 511.9c0-11.7 4.5-23.4 13.4-32.3l274.1-274.2a45.7 45.7 0 1164.7 64.6L110.4 512l241.9 241.9a45.7 45.7 0 01-64.7 64.6L13.4 544.2C4.4 535.3 0 523.6 0 512",outline:"M180.1 714.3V844h129.6v94.8h-180c-24.2 0-44-19.5-44.4-43.7V714.3h94.8zM619.3 844v94.8H404.7v-94.8h214.6zm319.4-129.6v180c0 24.2-19.5 44-43.7 44.4H714.3v-94.8H844V714.3h94.8zm0-309.6v214.6h-94.8V404.7h94.8zm-758.6 0v214.6H85.3V404.7h94.8zm331.9 34a73.2 73.2 0 110 146.4 73.2 73.2 0 010-146.3zM894.2 85.4c24.3 0 44 19.5 44.5 43.7V309.7h-94.8V180H714.3V85.3h180zm-584.5 0v94.8H180v129.6H85.3v-180c0-24.2 19.5-44 43.7-44.4H309.7zm309.6 0v94.8H404.7V85.3h214.6z",verified:"M719 66l30 56c12 23 35 40 61 44l62 11c45 8 76 51 70 96l-9 63c-4 26 5 52 23 71l44 46c32 33 32 85 0 118l-44 46a85 85 0 00-23 71l9 63c6 45-25 88-70 96l-62 11c-26 4-49 21-61 44l-30 56a85 85 0 01-113 36l-57-27a85 85 0 00-74 0l-57 27c-42 21-92 4-113-36l-30-56a85 85 0 00-61-44l-62-11c-45-8-76-51-70-96l9-63c4-26-5-52-23-71l-44-46a85 85 0 010-118l44-46c18-19 27-45 23-71l-9-63c-6-45 25-88 70-96l62-11c26-4 49-21 61-44l30-56c21-40 71-57 113-36l57 27c23 12 51 12 74 0l57-27c42-21 92-4 113 36zm70 258a46 46 0 00-59 5L437 622 294 480l-6-5a46 46 0 00-59 69l175 175 6 5c18 13 43 11 59-5l326-325 4-6c13-18 12-43-4-59z",comment:"M936 85l6 1c22 3 39 21 39 44v709c0 8-2 15-5 21l-2 4c-9 12-23 20-38 20H427l-131 127c-9 9-21 13-34 13-25 0-46-20-46-45v-95H88c-25 0-45-20-45-45V130a45 45 0 0145-45zm-46 89H134v620h756V174zM768 544c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44zm0-208c25 0 46 20 46 44 0 25-21 45-46 45H256c-25 0-46-20-46-45 0-24 21-44 46-44z",commentadd:"M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zm-379 97c22 0 40 18 40 40v134h132a40 40 0 010 81H553v132a40 40 0 11-80 0V527H341a40 40 0 110-81h132V312c0-22 18-40 40-40z",requestchange:"M937 85l6 1c23 3 40 21 40 44v711c0 7-2 14-5 21l-3 4c-8 12-22 19-38 19H428l-131 128c-9 9-22 13-35 13-25 0-45-20-45-45v-96H89c-26 0-46-20-46-44V130a45 45 0 0146-45zm-45 90H134v621h758V175zM585 310c18-18 47-18 65 0l143 144c18 17 18 46 0 64L650 661a46 46 0 01-65 0 46 46 0 010-65l65-64H266a46 46 0 110-92h384l-65-65a46 46 0 010-65z",comments:"M978.3 92.2a45 45 0 0145.7 44.6v535.6a45.2 45.2 0 01-45.7 44.6h-125v122c0 7.7-2 14.8-5.5 21.3l-2.3 3.7a46.1 46.1 0 01-38 19.6H298.8L168 1011a47 47 0 01-34.3 13.1c-25.2 0-45.7-20-45.7-44.6v-95.8H45.7c-25.2 0-45.7-20-45.7-44.5V303.4A45 45 0 0145.7 259h125v-122a45 45 0 0139.8-44.3c1.3-.1 257.2-.3 767.8-.4zM761.9 348H91.4v446.5H762V348zm-125 264c25.3 0 45.8 20 45.8 44.6A45.2 45.2 0 01637 701H216.4c-25.3 0-45.7-20-45.7-44.5a45.2 45.2 0 0145.7-44.6H637zm295.7-430.7H262V259h505.1l46.3.4a45 45 0 0139.8 44.2v324.3h79.3V181.3zM637 441.3c25.2 0 45.7 20 45.7 44.6a45.2 45.2 0 01-45.7 44.6H216.4c-25.3 0-45.7-20-45.7-44.6a45.2 45.2 0 0145.7-44.5H637z",ruler:"M83 110c-22 0-40 18-40 40v176a40 40 0 0080 0v-49h778v49a40 40 0 0080 0V150a40 40 0 10-80 0v49H123v-49c0-22-18-40-40-40zm40 458v266h778V568h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63v46a40 40 0 11-80 0v-46h-63v115a40 40 0 11-80 0V568h-63zm103-80h691c36 0 64 28 64 64v298c0 36-28 64-64 64H107c-36 0-64-28-64-64V552c0-36 28-64 64-64h119z"},Svg=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.svg({shapeRendering:"inherit",transform:"translate3d(0,0,0)"},(function(_ref27){return _ref27.inline?{display:"inline-block"}:{display:"block"}}));Svg.displayName="Svg";var Path=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.path({fill:"currentColor"}),Icons=(0,react__WEBPACK_IMPORTED_MODULE_51__.memo)((function(_a){var icon=_a.icon,symbol=_a.symbol,props=__rest(_a,["icon","symbol"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Svg,Object.assign({viewBox:"0 0 1024 1024"},props),symbol?react__WEBPACK_IMPORTED_MODULE_51__.createElement("use",{xlinkHref:"#icon--".concat(symbol)}):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Path,{d:icons[icon]}))})),Symbols=(0,react__WEBPACK_IMPORTED_MODULE_51__.memo)((function(_ref28){var _ref28$icons=_ref28.icons,keys=void 0===_ref28$icons?Object.keys(icons):_ref28$icons;return react__WEBPACK_IMPORTED_MODULE_51__.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map((function(key){return react__WEBPACK_IMPORTED_MODULE_51__.createElement("symbol",{id:"icon--".concat(key),key},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Path,{d:icons[key]}))})))})),LEFT_BUTTON=0,isPlainLeftClick=function isPlainLeftClick(e){return!(e.button!==LEFT_BUTTON||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)},cancelled=function cancelled(e,cb){isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span((function(_ref29){return _ref29.withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{}}),(function(_ref30){return _ref30.containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}})),A$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.a((function(_ref31){var theme=_ref31.theme;return{display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}}),(function(_ref32){var colors,theme=_ref32.theme,secondary=_ref32.secondary,tertiary=_ref32.tertiary;return secondary&&(colors=[theme.color.mediumdark,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.color.mediumdark]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}}),(function(_ref33){return _ref33.nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{}}),(function(_ref34){var theme=_ref34.theme;return _ref34.inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{}}),(function(_ref35){return _ref35.isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}})),Link=function Link(_a){var cancel=_a.cancel,children=_a.children,onClick=_a.onClick,withArrow=_a.withArrow,containsIcon=_a.containsIcon,className=_a.className,rest=__rest(_a,["cancel","children","onClick","withArrow","containsIcon","className"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(A$1,Object.assign({},rest,{onClick:onClick&&cancel?function(e){return cancelled(e,onClick)}:onClick,className}),react__WEBPACK_IMPORTED_MODULE_51__.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:"arrowright"})))};Link.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref36){var theme=_ref36.theme;return{fontSize:"".concat(theme.typography.size.s2,"px"),lineHeight:"1.6",h1:{fontSize:"".concat(theme.typography.size.l1,"px"),fontWeight:theme.typography.weight.black},h2:{fontSize:"".concat(theme.typography.size.m2,"px"),borderBottom:"1px solid ".concat(theme.appBorderColor)},h3:{fontSize:"".concat(theme.typography.size.m1,"px")},h4:{fontSize:"".concat(theme.typography.size.s3,"px")},h5:{fontSize:"".concat(theme.typography.size.s2,"px")},h6:{fontSize:"".concat(theme.typography.size.s2,"px"),color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:"1px solid ".concat(theme.appBorderColor),height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:"4px solid ".concat(theme.color.medium),padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:"1px solid ".concat(theme.appBorderColor),backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:"1px solid ".concat(theme.appBorderColor),textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:"1px solid ".concat(theme.appBorderColor),textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:"1px solid ".concat(theme.color.medium),display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:"1px solid ".concat(theme.color.mediumlight),backgroundColor:theme.color.lighter,borderRadius:3,color:"dark"===theme.base&&theme.color.darkest}}})),Container$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref37){return{position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:_ref37.theme.background.content,zIndex:1}})),ActionButton=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.button((function(_ref38){var theme=_ref38.theme;return{margin:0,border:"0 none",padding:"4px 10px",cursor:"pointer",display:"flex",alignItems:"center",color:theme.color.defaultText,background:theme.background.content,fontSize:12,lineHeight:"16px",fontFamily:theme.typography.fonts.base,fontWeight:theme.typography.weight.bold,borderTop:"1px solid ".concat(theme.appBorderColor),borderLeft:"1px solid ".concat(theme.appBorderColor),marginLeft:-1,borderRadius:"4px 0 0 0","&:not(:last-child)":{borderRight:"1px solid ".concat(theme.appBorderColor)},"& + *":{borderLeft:"1px solid ".concat(theme.appBorderColor),borderRadius:0},"&:focus":{boxShadow:"".concat(theme.color.secondary," 0 -3px 0 0 inset"),outline:"0 none"}}}),(function(_ref39){return _ref39.disabled&&{cursor:"not-allowed",opacity:.5}}));ActionButton.displayName="ActionButton";var ActionBar=function ActionBar(_a){var actionItems=_a.actionItems,props=__rest(_a,["actionItems"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Container$1,Object.assign({},props),actionItems.map((function(_ref40,index){var title=_ref40.title,className=_ref40.className,onClick=_ref40.onClick,disabled=_ref40.disabled;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ActionButton,{key:index,className,onClick,disabled},title)})))},toNumber=function toNumber(input){return"number"==typeof input?input:Number(input)},Container=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref41){var theme=_ref41.theme,col=_ref41.col,_ref41$row=_ref41.row,row=void 0===_ref41$row?1:_ref41$row;return col?_defineProperty2({display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"}},"& > *:first-child",{marginLeft:0}):_defineProperty2({"& > *":{marginTop:row*theme.layoutMargin}},"& > *:first-child",{marginTop:0})}),(function(_ref44){var theme=_ref44.theme,outer=_ref44.outer,col=_ref44.col,row=_ref44.row;switch(!0){case!(!outer||!col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!(!outer||!row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}})),Spaced=function Spaced(_a){var col=_a.col,row=_a.row,outer=_a.outer,children=_a.children,rest=__rest(_a,["col","row","outer","children"]),outerAmount=toNumber("number"!=typeof outer&&outer?col||row:outer);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Container,Object.assign({col,row,outer:outerAmount},rest),children)},Title$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref45){return{fontWeight:_ref45.theme.typography.weight.bold}})),Desc$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div(),Message$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref46){var theme=_ref46.theme;return{padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1}})),Placeholder=function Placeholder(_a){var children=_a.children,props=__rest(_a,["children"]),_Children$toArray2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children),2),title=_Children$toArray2[0],desc=_Children$toArray2[1];return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Message$1,Object.assign({},props),react__WEBPACK_IMPORTED_MODULE_51__.createElement(Title$3,null,title),desc&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Desc$1,null,desc))},GlobalScrollAreaStyles=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(672).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/GlobalScrollAreaStyles-8793ce4a.js"))})),OverlayScrollbars=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(583).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/OverlayScrollbars-1355f44c.js"))})),Scroller=function Scroller(_a){var props=__rest(_a,["horizontal","vertical"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",Object.assign({},props))},react__WEBPACK_IMPORTED_MODULE_51__.createElement(GlobalScrollAreaStyles,null),react__WEBPACK_IMPORTED_MODULE_51__.createElement(OverlayScrollbars,Object.assign({options:{scrollbars:{autoHide:"leave"}}},props)))},ScrollArea=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Scroller)((function(_ref47){return _ref47.vertical?{overflowY:"auto",height:"100%"}:{overflowY:"hidden"}}),(function(_ref48){return _ref48.horizontal?{overflowX:"auto",width:"100%"}:{overflowX:"hidden"}}));ScrollArea.defaultProps={horizontal:!1,vertical:!1};var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==__webpack_require__.g?__webpack_require__.g:"undefined"!=typeof self?self:{},win;function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x}win="undefined"!=typeof window?window:void 0!==commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{};var window_1=win,globalWindow$2=window_1.window;function browserSupportsCssZoom(){try{return void 0!==globalWindow$2.document.implementation.createHTMLDocument("").body.style.zoom}catch(error){return!1}}var ZoomElementWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref49){var _ref49$scale=_ref49.scale,scale=void 0===_ref49$scale?1:_ref49$scale,height=_ref49.height;return browserSupportsCssZoom()?{"> *":{zoom:1/scale}}:{height:height+50,transformOrigin:"top left",transform:"scale(".concat(1/scale,")")}}));function ZoomElement(_ref50){var scale=_ref50.scale,children=_ref50.children,componentWrapperRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null),_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(0),2),height=_useState2[0],setHeight=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)}),[scale,componentWrapperRef.current]),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ZoomElementWrapper,{scale,height},react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=function(_Component){_inherits(ZoomIFrame,_Component);var _super=_createSuper(ZoomIFrame);function ZoomIFrame(){var _this2;return _classCallCheck(this,ZoomIFrame),(_this2=_super.apply(this,arguments)).iframe=null,_this2}return _createClass(ZoomIFrame,[{key:"componentDidMount",value:function componentDidMount(){var iFrameRef=this.props.iFrameRef;this.iframe=iFrameRef.current}},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var _this$props=this.props,scale=_this$props.scale,active=_this$props.active;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}},{key:"setIframeInnerZoom",value:function setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale}):Object.assign(this.iframe.contentDocument.body.style,{width:"".concat(100*scale,"%"),height:"".concat(100*scale,"%"),transform:"scale(".concat(1/scale,")"),transformOrigin:"top left"})}catch(e){this.setIframeZoom(scale)}}},{key:"setIframeZoom",value:function setIframeZoom(scale){Object.assign(this.iframe.style,{width:"".concat(100*scale,"%"),height:"".concat(100*scale,"%"),transform:"scale(".concat(1/scale,")"),transformOrigin:"top left"})}},{key:"render",value:function render(){return this.props.children}}]),ZoomIFrame}(react__WEBPACK_IMPORTED_MODULE_51__.Component),Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame},ButtonWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.button((function(_ref51){var small=_ref51.small,theme=_ref51.theme;return{border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:"".concat(small?theme.typography.size.s1:theme.typography.size.s2-1,"px"),fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?14:16,width:small?14:16,verticalAlign:"top",marginRight:small?4:6,marginTop:small?-1:-2,marginBottom:small?-1:-2,pointerEvents:"none",path:{fill:"currentColor"}}}}),(function(_ref52){return _ref52.disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{}}),(function(_ref53){var containsIcon=_ref53.containsIcon,small=_ref53.small;return containsIcon?Object.assign({svg:{display:"block",margin:0}},small?{padding:9}:{padding:12}):{}}),(function(_ref54){var color,theme=_ref54.theme,primary=_ref54.primary,secondary=_ref54.secondary,gray=_ref54.gray;return gray?color=theme.color.medium:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:"".concat(rgba(color,1)," 0 1px 9px 2px"),outline:"none"},"&:focus:hover":{boxShadow:"".concat(rgba(color,.2)," 0 8px 18px 0px")}}:{}}),(function(_ref55){var theme=_ref55.theme,tertiary=_ref55.tertiary,inForm=_ref55.inForm,small=_ref55.small;return tertiary?Object.assign(Object.assign({background:"light"===theme.base?curriedDarken$1(.02,theme.input.background):curriedLighten$1(.02,theme.input.background),color:theme.input.color,boxShadow:"".concat(theme.input.border," 0 0 0 1px inset"),borderRadius:theme.input.borderRadius},inForm&&small?{padding:"10px 16px"}:{}),{"&:hover":Object.assign({background:"light"===theme.base?curriedDarken$1(.05,theme.input.background):curriedLighten$1(.05,theme.input.background)},inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}),"&:active":{background:theme.input.background},"&:focus":{boxShadow:"".concat(rgba(theme.color.secondary,1)," 0 0 0 1px inset"),outline:"none"}}):{}}),(function(_ref56){var theme=_ref56.theme;return _ref56.outline?{boxShadow:"".concat(curriedTransparentize$1(.8,theme.color.defaultText)," 0 0 0 1px inset"),color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:"".concat(curriedTransparentize$1(.5,theme.color.defaultText)," 0 0 0 1px inset"),outline:"none"},"&:active":{boxShadow:"".concat(curriedTransparentize$1(.5,theme.color.defaultText)," 0 0 0 2px inset"),color:curriedTransparentize$1(0,theme.color.defaultText)}}:{}}),(function(_ref57){var theme=_ref57.theme,outline=_ref57.outline,primary=_ref57.primary,color=theme.color.primary;return outline&&primary?{boxShadow:"".concat(color," 0 0 0 1px inset"),color,"svg path":{fill:color},"&:hover":{boxShadow:"".concat(color," 0 0 0 1px inset"),background:"transparent"},"&:active":{background:color,boxShadow:"".concat(color," 0 0 0 1px inset"),color:theme.color.tertiary},"&:focus":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.4)," 0 1px 9px 2px"),outline:"none"},"&:focus:hover":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.2)," 0 8px 18px 0px")}}:{}}),(function(_ref58){var color,theme=_ref58.theme,outline=_ref58.outline,primary=_ref58.primary;return _ref58.secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:"".concat(color," 0 0 0 1px inset"),color,"svg path":{fill:color},"&:hover":{boxShadow:"".concat(color," 0 0 0 1px inset"),background:"transparent"},"&:active":{background:color,boxShadow:"".concat(color," 0 0 0 1px inset"),color:theme.color.tertiary},"&:focus":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.4)," 0 1px 9px 2px"),outline:"none"},"&:focus:hover":{boxShadow:"".concat(color," 0 0 0 1px inset, ").concat(rgba(color,.2)," 0 8px 18px 0px")}}:{}})),ButtonLink=ButtonWrapper.withComponent("a"),Button$2=Object.assign((0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var isLink=_a.isLink,children=_a.children,props=__rest(_a,["isLink","children"]);return isLink?react__WEBPACK_IMPORTED_MODULE_51__.createElement(ButtonLink,Object.assign({},props,{ref}),children):react__WEBPACK_IMPORTED_MODULE_51__.createElement(ButtonWrapper,Object.assign({},props,{ref}),children)})),{defaultProps:{isLink:!1}}),Wrapper$7=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.label((function(_ref59){var theme=_ref59.theme;return{display:"flex",borderBottom:"1px solid ".concat(theme.appBorderColor),margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}}})),Label$4=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span((function(_ref60){return{minWidth:100,fontWeight:_ref60.theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"}})),Field=function Field(_a){var label=_a.label,children=_a.children,props=__rest(_a,["label","children"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper$7,Object.assign({},props),label?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Label$4,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,label)):null,children)};function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}Field.defaultProps={label:void 0};var index$1="undefined"!=typeof document?react__WEBPACK_IMPORTED_MODULE_51__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_51__.useEffect,useLatest=function useLatest(value){var ref=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(value);return index$1((function(){ref.current=value})),ref},updateRef=function updateRef(ref,value){"function"!=typeof ref?ref.current=value:ref(value)},useComposedRef=function useComposedRef(libRef,userRef){var prevUserRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)();return(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)}),[userRef])},HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function forceHiddenStyles(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach((function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")}))},hiddenTextarea=null,getHeight=function getHeight(node,sizingData){var height=node.scrollHeight;return"border-box"===sizingData.sizingStyle.boxSizing?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){void 0===minRows&&(minRows=1),void 0===maxRows&&(maxRows=1/0),hiddenTextarea||((hiddenTextarea=document.createElement("textarea")).setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),null===hiddenTextarea.parentNode&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach((function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]})),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;"border-box"===boxSizing&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return"border-box"===boxSizing&&(maxHeight=maxHeight+paddingSize+borderSize),[height=Math.min(maxHeight,height),rowHeight]}var noop$2=function noop(){},pick=function pick(props,obj){return props.reduce((function(acc,prop){return acc[prop]=obj[prop],acc}),{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE="undefined"!=typeof document&&!!document.documentElement.currentStyle,getSizingData=function getSizingData(node){var style=window.getComputedStyle(node);if(null===style)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;return""===boxSizing?null:(isIE&&"border-box"===boxSizing&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px"),{sizingStyle,paddingSize:parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize:parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth)})},useWindowResizeListener=function useWindowResizeListener(listener){var latestListener=useLatest(listener);(0,react__WEBPACK_IMPORTED_MODULE_51__.useLayoutEffect)((function(){var handler=function handler(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}}),[])},TextareaAutosize=function TextareaAutosize(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?noop$2:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=void 0===_ref$onHeightChange?noop$2:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);var isControlled=void 0!==props.value,libRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null),ref=useComposedRef(libRef,userRef),heightRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(0),measurementsCacheRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(),resizeTextarea=function resizeTextarea(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}};return"undefined"!=typeof document&&((0,react__WEBPACK_IMPORTED_MODULE_51__.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,react__WEBPACK_IMPORTED_MODULE_51__.createElement)("textarea",_extends({},props,{onChange:function handleChange(event){isControlled||resizeTextarea(),onChange(event)},ref}))},index=(0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)(TextareaAutosize),TextareaAutoResize=index,styleResets$1={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=function styles(_ref61){var theme=_ref61.theme;return Object.assign(Object.assign({},styleResets$1),{transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:"".concat(theme.input.border," 0 0 0 1px inset"),borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset"),outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 3em ".concat(theme.color.lightest," inset")},"::placeholder":{color:theme.color.mediumdark}})},sizes=function sizes(_ref62){switch(_ref62.size){case"100%":return{width:"100%"};case"flex":return{flex:1};default:return{display:"inline"}}},alignment=function alignment(_ref63){switch(_ref63.align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};default:return{textAlign:"left"}}},validation=function validation(_ref64){var valid=_ref64.valid,theme=_ref64.theme;switch(valid){case"valid":return{boxShadow:"".concat(theme.color.positive," 0 0 0 1px inset !important")};case"error":return{boxShadow:"".concat(theme.color.negative," 0 0 0 1px inset !important")};case"warn":return{boxShadow:"".concat(theme.color.warning," 0 0 0 1px inset")};default:return{}}},Input$1=Object.assign((0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)((0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement("input",Object.assign({},props,{ref}))})))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)((0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement("select",Object.assign({},props,{ref}))})))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)((0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(TextareaAutoResize,Object.assign({},props,{ref}))})))(styles,sizes,alignment,validation,(function(_ref65){var _ref65$height=_ref65.height;return{overflow:"visible",maxHeight:void 0===_ref65$height?400:_ref65$height}})),{displayName:"Textarea"}),ButtonStyled=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)((0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(_a,ref){var props=__rest(_a,["size","valid","align"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Button$2,Object.assign({},props,{ref}))})))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button$1=Object.assign((0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(props,ref){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ButtonStyled,Object.assign({},props,{tertiary:!0,small:!0,inForm:!0},{ref}))})),{displayName:"Button"}),Form=Object.assign(_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.form({boxSizing:"border-box",width:"100%"}),{Field,Input:Input$1,Select,Textarea,Button:Button$1}),LazyWithTooltip=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(838).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/WithTooltip-167e9982.js")).then((function(mod){return{default:mod.WithTooltip}}))})),WithTooltip=function WithTooltip(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null)},react__WEBPACK_IMPORTED_MODULE_51__.createElement(LazyWithTooltip,Object.assign({},props)))},LazyWithTooltipPure=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(838).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/WithTooltip-167e9982.js")).then((function(mod){return{default:mod.WithTooltipPure}}))})),WithTooltipPure=function WithTooltipPure(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null)},react__WEBPACK_IMPORTED_MODULE_51__.createElement(LazyWithTooltipPure,Object.assign({},props)))},Title$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref66){return{fontWeight:_ref66.theme.typography.weight.black}})),Desc=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span(),Links=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref67){return{marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:_ref67.theme.typography.weight.black}}})),Message=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref68){return{color:_ref68.theme.textColor,lineHeight:"18px"}})),MessageWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=function TooltipMessage(_ref69){var title=_ref69.title,desc=_ref69.desc,links=_ref69.links;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(MessageWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(Message,null,title&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Title$2,null,title),desc&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Desc,null,desc)),links&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Links,null,links.map((function(_a){var linkTitle=_a.title,other=__rest(_a,["title"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Link,Object.assign({},other,{key:linkTitle}),linkTitle)}))))};TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref70){var theme=_ref70.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"light"===theme.base?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6}})),TooltipNote=function TooltipNote(_a){var note=_a.note,props=__rest(_a,["note"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Note,Object.assign({},props),note)},Title$1=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)((function(_a){var rest=__rest(_a,["active","loading","disabled"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",Object.assign({},rest))}))((function(_ref71){var theme=_ref71.theme;return{color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}}),(function(_ref72){var active=_ref72.active,theme=_ref72.theme;return active?{color:theme.color.primary,fontWeight:theme.typography.weight.bold}:{}}),(function(_ref73){var loading=_ref73.loading,theme=_ref73.theme;return loading?Object.assign({display:"inline-block",flex:"none"},theme.animation.inlineGlow):{}}),(function(_ref74){var disabled=_ref74.disabled,theme=_ref74.theme;return disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}})),Right=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},(function(_ref75){var active=_ref75.active,theme=_ref75.theme;return active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}})),Center=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),CenterText=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({flex:1,textAlign:"center"},(function(_ref76){var active=_ref76.active,theme=_ref76.theme;return active?{color:theme.color.primary}:{}}),(function(_ref77){var theme=_ref77.theme;return _ref77.disabled?{color:theme.color.mediumdark}:{}})),Left=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span((function(_ref78){var active=_ref78.active,theme=_ref78.theme;return active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}})),Item$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.a((function(_ref79){var theme=_ref79.theme;return{fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}}),(function(_ref80){return _ref80.disabled?{cursor:"not-allowed"}:{}})),getItemProps=memoizerific__WEBPACK_IMPORTED_MODULE_52___default()(100)((function(onClick,href,LinkWrapper){var result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result})),ListItem=function ListItem(_a){var loading=_a.loading,left=_a.left,title=_a.title,center=_a.center,right=_a.right,active=_a.active,disabled=_a.disabled,href=_a.href,onClick=_a.onClick,LinkWrapper=_a.LinkWrapper,rest=__rest(_a,["loading","left","title","center","right","active","disabled","href","onClick","LinkWrapper"]),itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Item$3,Object.assign({},commonProps,rest,itemProps),left&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Left,Object.assign({},commonProps),left),title||center?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Center,null,title&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Title$1,Object.assign({},commonProps,{loading}),title),center&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(CenterText,Object.assign({},commonProps),center)):null,right&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Right,Object.assign({},commonProps),right))};ListItem.defaultProps={loading:!1,left:null,title:react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var List$2=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:432},(function(_ref81){return{borderRadius:2*_ref81.theme.appBorderRadius}})),Item$2=function Item$2(props){var LinkWrapper=props.LinkWrapper,onClickFromProps=props.onClick,rest=__rest(props,["LinkWrapper","onClick"]),title=rest.title,href=rest.href,active=rest.active,onClick=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(event){onClickFromProps(event,rest)}),[onClickFromProps]),hasOnClick=!!onClickFromProps;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ListItem,Object.assign({title,active,href,LinkWrapper},rest,hasOnClick?{onClick}:{}))},TooltipLinkList=function TooltipLinkList(_ref82){var links=_ref82.links,LinkWrapper=_ref82.LinkWrapper;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(List$2,null,links.map((function(_a){var isGatsby=_a.isGatsby,p=__rest(_a,["isGatsby"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Item$2,Object.assign({key:p.id,LinkWrapper:isGatsby?LinkWrapper:null},p))})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem.defaultProps.LinkWrapper};var Side=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},(function(_ref83){return _ref83.left?{"& > *":{marginLeft:4}}:{}}),(function(_ref84){return _ref84.right?{marginLeft:30,"& > *":{marginRight:4}}:{}}));Side.displayName="Side";var Bar$1=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)((function(_ref85){var children=_ref85.children,className=_ref85.className;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ScrollArea,{horizontal:!0,vertical:!1,className},children)}))((function(_ref86){return{color:_ref86.theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}}),(function(_ref87){var theme=_ref87.theme;return _ref87.border?{boxShadow:"".concat(theme.appBorderColor," 0 -1px 0 0 inset"),background:theme.barBg}:{}}));Bar$1.displayName="Bar";var BarInner=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref88){return{display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:_ref88.bgColor||""}})),FlexBar=function FlexBar(_a){var children=_a.children,backgroundColor=_a.backgroundColor,rest=__rest(_a,["children","backgroundColor"]),_Children$toArray4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children),2),left=_Children$toArray4[0],right=_Children$toArray4[1];return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Bar$1,Object.assign({},rest),react__WEBPACK_IMPORTED_MODULE_51__.createElement(BarInner,{bgColor:backgroundColor},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Side,{left:!0},left),right?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var top="top",bottom="bottom",right="right",left="left",auto="auto",basePlacements=[top,bottom,right,left],start="start",end="end",clippingParents="clippingParents",viewport="viewport",popper="popper",reference="reference",variationPlacements=basePlacements.reduce((function(acc,placement){return acc.concat([placement+"-"+start,placement+"-"+end])}),[]),placements=[].concat(basePlacements,[auto]).reduce((function(acc,placement){return acc.concat([placement,placement+"-"+start,placement+"-"+end])}),[]),beforeRead="beforeRead",read="read",afterRead="afterRead",beforeMain="beforeMain",main="main",afterMain="afterMain",beforeWrite="beforeWrite",write="write",afterWrite="afterWrite",modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite],ButtonOrLink=function ButtonOrLink(_a){var children=_a.children,restProps=__rest(_a,["children"]);return null!=restProps.href?react__WEBPACK_IMPORTED_MODULE_51__.createElement("a",Object.assign({},restProps),children):react__WEBPACK_IMPORTED_MODULE_51__.createElement("button",Object.assign({type:"button"},restProps),children)},TabButton=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(ButtonOrLink,{shouldForwardProp:_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.R_})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},(function(_ref89){return{padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:_ref89.theme.color.secondary}}}),(function(_ref90){var active=_ref90.active,textColor=_ref90.textColor,theme=_ref90.theme;return active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"}}));TabButton.displayName="TabButton";var IconButton=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(ButtonOrLink,{shouldForwardProp:_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.R_})((function(){return{alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}}),(function(_ref91){var active=_ref91.active,theme=_ref91.theme;return active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{}}),(function(_ref92){var disabled=_ref92.disabled,theme=_ref92.theme;return disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}}}));IconButton.displayName="IconButton";var IconPlaceholder=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref93){var theme=_ref93.theme;return{width:14,height:14,backgroundColor:theme.appBorderColor,animation:"".concat(theme.animation.glow," 1.5s ease-in-out infinite")}})),IconButtonSkeletonWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(){return{marginTop:6,padding:7,height:28}})),IconButtonSkeleton=function IconButtonSkeleton(){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButtonSkeletonWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconPlaceholder,null))},Wrapper$6=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref94){var theme=_ref94.theme;return _ref94.bordered?{backgroundClip:"padding-box",border:"1px solid ".concat(theme.appBorderColor),borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{}}),(function(_ref95){return _ref95.absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}})),TabBar=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),Content=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"block",position:"relative"},(function(_ref96){var theme=_ref96.theme;return{fontSize:theme.typography.size.s2-1,background:theme.background.content}}),(function(_ref97){var bordered=_ref97.bordered,theme=_ref97.theme;return bordered?{borderRadius:"0 0 ".concat(theme.appBorderRadius-1,"px ").concat(theme.appBorderRadius-1,"px")}:{}}),(function(_ref98){var absolute=_ref98.absolute,bordered=_ref98.bordered;return absolute?_defineProperty2({height:"calc(100% - ".concat(bordered?42:40,"px)"),position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto"},"& > *:first-child",{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:"calc(100% - ".concat(bordered?2:0,"px)"),overflow:"auto"}):{}})),VisuallyHidden=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref100){return _ref100.active?{display:"block"}:{display:"none"}})),TabWrapper=function TabWrapper(_ref101){var active=_ref101.active,render=_ref101.render,children=_ref101.children;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(VisuallyHidden,{active},render?render():children)},childrenToList=function childrenToList(children,selected){return react__WEBPACK_IMPORTED_MODULE_51__.Children.toArray(children).map((function(_ref102,index){var _ref102$props=_ref102.props,title=_ref102$props.title,id=_ref102$props.id,color=_ref102$props.color,childrenOfChild=_ref102$props.children,content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:0===index,title,id,color,render:"function"==typeof content?content:function(_ref103){var active=_ref103.active,key=_ref103.key;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}}}))},Tabs=(0,react__WEBPACK_IMPORTED_MODULE_51__.memo)((function(_ref104){var children=_ref104.children,selected=_ref104.selected,actions=_ref104.actions,absolute=_ref104.absolute,bordered=_ref104.bordered,tools=_ref104.tools,backgroundColor=_ref104.backgroundColor,htmlId=_ref104.id,list=childrenToList(children,selected);return list.length?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper$6,{absolute,bordered,id:htmlId},react__WEBPACK_IMPORTED_MODULE_51__.createElement(FlexBar,{border:!0,backgroundColor},react__WEBPACK_IMPORTED_MODULE_51__.createElement(TabBar,{role:"tablist"},list.map((function(_ref105){var title=_ref105.title,id=_ref105.id,active=_ref105.active,color=_ref105.color,tabTitle="function"==typeof title?title():title;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(TabButton,{id:"tabbutton-".concat((0,_storybook_csf__WEBPACK_IMPORTED_MODULE_53__.sanitize)(tabTitle)),className:"tabbutton ".concat(active?"tabbutton-active":""),type:"button",key:id,active,textColor:color,onClick:function onClick(e){e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)}))),tools?react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,tools):null),react__WEBPACK_IMPORTED_MODULE_51__.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map((function(_ref106){var id=_ref106.id,active=_ref106.active;return(0,_ref106.render)({key:id,active})})))):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Placeholder,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:"title"},"Nothing found"))}));Tabs.displayName="Tabs",Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=function(_Component2){_inherits(TabsState,_Component2);var _super2=_createSuper(TabsState);function TabsState(props){var _this3;return _classCallCheck(this,TabsState),(_this3=_super2.call(this,props)).handlers={onSelect:function onSelect(id){return _this3.setState({selected:id})}},_this3.state={selected:props.initial},_this3}return _createClass(TabsState,[{key:"render",value:function render(){var _this$props2=this.props,_this$props2$bordered=_this$props2.bordered,bordered=void 0!==_this$props2$bordered&&_this$props2$bordered,_this$props2$absolute=_this$props2.absolute,absolute=void 0!==_this$props2$absolute&&_this$props2$absolute,children=_this$props2.children,backgroundColor=_this$props2.backgroundColor,selected=this.state.selected;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Tabs,{bordered,absolute,selected,backgroundColor,actions:this.handlers},children)}}]),TabsState}(react__WEBPACK_IMPORTED_MODULE_51__.Component);TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};var Separator=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span((function(_ref107){return{width:1,height:20,background:_ref107.theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}}),(function(_ref108){return _ref108.force?{}:{"& + &":{display:"none"}}}));Separator.displayName="Separator";var interleaveSeparators=function interleaveSeparators(list){return list.reduce((function(acc,item,index){return item?react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:item.id||item.key||"f-".concat(index)},acc,index>0?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Separator,{key:"s-".concat(index)}):null,item.render()||item):acc}),null)},usePrevious=function usePrevious(value){var ref=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)();return(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){ref.current=value}),[value]),ref.current},useUpdate=function useUpdate(update,value){var previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=function AddonPanel(_ref109){var active=_ref109.active,children=_ref109.children;return react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",{hidden:!active,style:{transform:"translateX(0px)"}},useUpdate(active,children))},StorybookLogo=function StorybookLogo(_a){var alt=_a.alt,props=__rest(_a,["alt"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement("svg",Object.assign({width:"200px",height:"40px",viewBox:"0 0 200 40"},props,{role:"img"}),alt?react__WEBPACK_IMPORTED_MODULE_51__.createElement("title",null,alt):null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("defs",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),react__WEBPACK_IMPORTED_MODULE_51__.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_51__.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement("mask",{id:"b",fill:"#fff"},react__WEBPACK_IMPORTED_MODULE_51__.createElement("use",{xlinkHref:"#a"})),react__WEBPACK_IMPORTED_MODULE_51__.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})))},StorybookIcon=function StorybookIcon(_a){var props=__rest(_a,[]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement("svg",Object.assign({viewBox:"0 0 64 64"},props),react__WEBPACK_IMPORTED_MODULE_51__.createElement("title",null,"Storybook icon"),react__WEBPACK_IMPORTED_MODULE_51__.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_51__.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})))};function e(){return(e=Object.assign||function(t){for(var e=1;e",lt:"<",nbsp:" ",quot:"“"},a=["style","script"],u=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,i=/mailto:/i,l=/\n{2,}$/,s=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,_2=/^ *> ?/gm,f=/^ {2,}\n/,d=/^(?:( *[-*_]) *){3,}(?:\n *)+\n/,p=/^\s*(`{3,}|~{3,}) *(\S+)? *\n([\s\S]+?)\s*\1 *(?:\n *)+\n?/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,y=/^(?:\n *)*\n/,h=/\r\n?/g,k=/^\[\^([^\]]+)](:.*)\n/,x=/^\[\^([^\]]+)]/,v=/\f/g,b=/^\s*?\[(x|\s)\]/,S=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,$=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,w=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,z=/&([a-z]+);/g,E=/^)/,A=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,R=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,I=/^\{.*\}$/,M=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,O=/^<([^ >]+@[^ >]+)>/,B=/^<([^ >]+:\/[^ >]+)>/,L=/ *\n+$/,T=/(?:^|\n)( *)$/,j=/-([a-z])?/gi,C=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,D=/^\[([^\]]*)\]:\s*(\S+)\s*("([^"]*)")?/,N=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,Z=/^\[([^\]]*)\] ?\[([^\]]*)\]/,F=/(\[|\])/g,P=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,G=/\t/g,H=/^ *\| */,q=/(^ *\||\| *$)/g,U=/ *$/,V=/^ *:-+: *$/,W=/^ *:-+ *$/,Q=/^ *-+: *$/,X=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,J=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,K=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,Y=/^\\([^0-9A-Za-z\s])/,tt=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,et=/^\n+/,nt=/^([ \t]*)/,rt=/\\([^0-9A-Z\s])/gi,ot=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +"),ct=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +[^\\n]*(?:\\n(?!\\1(?:[*+-]|\\d+\\.) )[^\\n]*)*(\\n|$)","gm"),at=new RegExp("^( *)((?:[*+-]|\\d+\\.)) [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1(?:[*+-]|\\d+\\.) (?!(?:[*+-]|\\d+\\.) ))\\n*|\\s*\\n*$)"),ut="(?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*",it=new RegExp("^\\[("+ut+")\\]\\(\\s*?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),lt=new RegExp("^!\\[("+ut+")\\]\\(\\s*?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),st=[s,g,p,S,$,E,ct,at,C],_t=[].concat(st,[/^[^\n]+(?: \n|\n{2,})/,w,R]);function ft(t){return t.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function dt(t){return Q.test(t)?"right":V.test(t)?"center":W.test(t)?"left":null}function pt(t,e,n){var r=n.t;n.t=!0;var o=e(t.trim(),n);n.t=r;var c=[[]];return o.forEach((function(t,e){"tableSeparator"===t.type?0!==e&&e!==o.length-1&&c.push([]):("text"!==t.type||null!=o[e+1]&&"tableSeparator"!==o[e+1].type||(t.content=t.content.replace(U,"")),c[c.length-1].push(t))})),c}function gt(t,e,n){n.o=!0;var r=pt(t[1],e,n),o=t[2].replace(q,"").split("|").map(dt),c=function(t,e,n){return t.trim().split("\n").map((function(t){return pt(t,e,n)}))}(t[3],e,n);return n.o=!1,{align:o,cells:c,header:r,type:"table"}}function mt(t,e){return null==t.align[e]?{}:{textAlign:t.align[e]}}function yt(t){return function(e,n){return n.o?t.exec(e):null}}function ht(t){return function(e,n){return n.o||n.u?t.exec(e):null}}function kt(t){return function(e,n){return n.o||n.u?null:t.exec(e)}}function xt(t){return function(e){return t.exec(e)}}function vt(t,e,n){if(e.o||e.u)return null;if(n&&!n.endsWith("\n"))return null;var r="";t.split("\n").every((function(t){return!st.some((function(e){return e.test(t)}))&&(r+=t+"\n",t.trim())}));var o=r.trimEnd();return""==o?null:[r,o]}function bt(t){try{if(decodeURIComponent(t).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data):/i))return null}catch(t){return null}return t}function St(t){return t.replace(rt,"$1")}function $t(t,e,n){var r=n.o||!1,o=n.u||!1;n.o=!0,n.u=!0;var c=t(e,n);return n.o=r,n.u=o,c}function wt(t,e,n){var r=n.o||!1,o=n.u||!1;n.o=!1,n.u=!0;var c=t(e,n);return n.o=r,n.u=o,c}function zt(t,e,n){return n.o=!1,t(e+"\n\n",n)}var Et=function Et(t,e,n){return{content:$t(e,t[1],n)}},Ot,t;function At(){return{}}function Rt(){return null}function It(){for(var _len3=arguments.length,t=new Array(_len3),_key3=0;_key3<_len3;_key3++)t[_key3]=arguments[_key3];return t.filter(Boolean).join(" ")}function Mt(t,e,n){for(var r=t,o=e.split(".");o.length&&void 0!==(r=r[o[0]]);)o.shift();return r||n}function Bt(r){var q=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};q.overrides=q.overrides||{},q.slugify=q.slugify||ft,q.namedCodesToUnicode=q.namedCodesToUnicode?e({},c,q.namedCodesToUnicode):c;var U=q.createElement||react__WEBPACK_IMPORTED_MODULE_51__.createElement;function V(t,n){for(var o=Mt(q.overrides,"".concat(t,".props"),{}),_len4=arguments.length,r=new Array(_len4>2?_len4-2:0),_key4=2;_key4<_len4;_key4++)r[_key4-2]=arguments[_key4];return U.apply(void 0,[function(t,e){var n=Mt(e,t);return n?"function"==typeof n||"object"==_typeof(n)&&"render"in n?n:Mt(e,"".concat(t,".component"),t):t}(t,q.overrides),e({},n,o,{className:It(null==n?void 0:n.className,o.className)||void 0})].concat(r))}function W(e){var n=!1;q.forceInline?n=!0:q.forceBlock||(n=!1===P.test(e));for(var r=pt(dt(n?e:"".concat(e.trimEnd().replace(et,""),"\n\n"),{o:n}));"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===q.wrapper)return r;var c,o=q.wrapper||(n?"span":"div");if(r.length>1||q.forceWrapper)c=r;else{if(1===r.length)return"string"==typeof(c=r[0])?V("span",{key:"outer"},c):c;c=null}return react__WEBPACK_IMPORTED_MODULE_51__.createElement(o,{key:"outer"},c)}function Q(e){var r=e.match(u);return r?r.reduce((function(e,r,c){var t,a=r.indexOf("=");if(-1!==a){var _u=(t=r.slice(0,a),-1!==t.indexOf("-")&&null===t.match(A)&&(t=t.replace(j,(function(t,e){return e.toUpperCase()}))),t).trim(),_i2=function(t){return t?(n.test(t.charAt(0))&&(t=t.substr(1)),n.test(t.charAt(t.length-1))&&(t=t.substr(0,t.length-1)),t):""}(r.slice(a+1).trim()),_l=o[_u]||_u,_s2=e[_l]=function(t,e){return"style"===t?e.split(/;\s?/).reduce((function(t,e){var n=e.slice(0,e.indexOf(":"));return t[n.replace(/(-[a-z])/g,(function(t){return t[1].toUpperCase()}))]=e.slice(n.length+1).trim(),t}),{}):"href"===t?bt(e):(e.match(I)&&(e=e.slice(1,e.length-1)),"true"===e||"false"!==e&&e)}(_u,_i2);"string"==typeof _s2&&(w.test(_s2)||R.test(_s2))&&(e[_l]=react__WEBPACK_IMPORTED_MODULE_51__.cloneElement(W(_s2.trim()),{key:c}))}else"style"!==r&&(e[o[r]||r]=!0);return e}),{}):void 0}var rt=[],ut={},st={blockQuote:{i:kt(s),l:Ot.HIGH,_:function _(t,e,n){return{content:e(t[0].replace(_2,""),n)}},p:function p(t,e,n){return V("blockquote",{key:n.g},e(t.content,n))}},breakLine:{i:xt(f),l:Ot.HIGH,_:At,p:function p(t,e,n){return V("br",{key:n.g})}},breakThematic:{i:kt(d),l:Ot.HIGH,_:At,p:function p(t,e,n){return V("hr",{key:n.g})}},codeBlock:{i:kt(g),l:Ot.MAX,_:function _(t){return{content:t[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),lang:void 0}},p:function p(t,e,n){return V("pre",{key:n.g},V("code",{className:t.lang?"lang-".concat(t.lang):""},t.content))}},codeFenced:{i:kt(p),l:Ot.MAX,_:function _(t){return{content:t[3],lang:t[2]||void 0,type:"codeBlock"}}},codeInline:{i:ht(m),l:Ot.LOW,_:function _(t){return{content:t[2]}},p:function p(t,e,n){return V("code",{key:n.g},t.content)}},footnote:{i:kt(k),l:Ot.MAX,_:function _(t){return rt.push({footnote:t[2],identifier:t[1]}),{}},p:Rt},footnoteReference:{i:yt(x),l:Ot.HIGH,_:function _(t){return{content:t[1],target:"#".concat(q.slugify(t[1]))}},p:function p(t,e,n){return V("a",{key:n.g,href:bt(t.target)},V("sup",{key:n.g},t.content))}},gfmTask:{i:yt(b),l:Ot.HIGH,_:function _(t){return{completed:"x"===t[1].toLowerCase()}},p:function p(t,e,n){return V("input",{checked:t.completed,key:n.g,readOnly:!0,type:"checkbox"})}},heading:{i:kt(S),l:Ot.HIGH,_:function _(t,e,n){return{content:$t(e,t[2],n),id:q.slugify(t[2]),level:t[1].length}},p:function p(t,e,n){return t.tag="h".concat(t.level),V(t.tag,{id:t.id,key:n.g},e(t.content,n))}},headingSetext:{i:kt($),l:Ot.MAX,_:function _(t,e,n){return{content:$t(e,t[1],n),level:"="===t[2]?1:2,type:"heading"}}},htmlComment:{i:xt(E),l:Ot.HIGH,_:function _(){return{}},p:Rt},image:{i:ht(lt),l:Ot.HIGH,_:function _(t){return{alt:t[1],target:St(t[2]),title:t[3]}},p:function p(t,e,n){return V("img",{key:n.g,alt:t.alt||void 0,title:t.title||void 0,src:bt(t.target)})}},link:{i:yt(it),l:Ot.LOW,_:function _(t,e,n){return{content:wt(e,t[1],n),target:St(t[2]),title:t[3]}},p:function p(t,e,n){return V("a",{key:n.g,href:bt(t.target),title:t.title},e(t.content,n))}},linkAngleBraceStyleDetector:{i:yt(B),l:Ot.MAX,_:function _(t){return{content:[{content:t[1],type:"text"}],target:t[1],type:"link"}}},linkBareUrlDetector:{i:function i(t,e){return e.m?null:yt(M)(t,e)},l:Ot.MAX,_:function _(t){return{content:[{content:t[1],type:"text"}],target:t[1],title:void 0,type:"link"}}},linkMailtoDetector:{i:yt(O),l:Ot.MAX,_:function _(t){var e=t[1],n=t[1];return i.test(n)||(n="mailto:"+n),{content:[{content:e.replace("mailto:",""),type:"text"}],target:n,type:"link"}}},list:{i:function i(t,e,n){var r=T.exec(n);return!r||!e.h&&e.o?null:at.exec(t=r[1]+t)},l:Ot.HIGH,_:function _(t,e,n){var r=t[2],o=r.length>1,c=o?+r:void 0,a=t[0].replace(l,"\n").match(ct),u=!1;return{items:a.map((function(t,r){var o=ot.exec(t)[0].length,c=new RegExp("^ {1,"+o+"}","gm"),i=t.replace(c,"").replace(ot,""),l=r===a.length-1,s=-1!==i.indexOf("\n\n")||l&&u;u=s;var d,_=n.o,f=n.h;n.h=!0,s?(n.o=!1,d=i.replace(L,"\n\n")):(n.o=!0,d=i.replace(L,""));var p=e(d,n);return n.o=_,n.h=f,p})),ordered:o,start:c}},p:function p(t,e,n){return V(t.ordered?"ol":"ul",{key:n.g,start:t.start},t.items.map((function(t,r){return V("li",{key:r},e(t,n))})))}},newlineCoalescer:{i:kt(y),l:Ot.LOW,_:At,p:function p(){return"\n"}},paragraph:{i:vt,l:Ot.LOW,_:Et,p:function p(t,e,n){return V("p",{key:n.g},e(t.content,n))}},ref:{i:yt(D),l:Ot.MAX,_:function _(t){return ut[t[1]]={target:t[2],title:t[4]},{}},p:Rt},refImage:{i:ht(N),l:Ot.MAX,_:function _(t){return{alt:t[1]||void 0,ref:t[2]}},p:function p(t,e,n){return V("img",{key:n.g,alt:t.alt,src:bt(ut[t.ref].target),title:ut[t.ref].title})}},refLink:{i:yt(Z),l:Ot.MAX,_:function _(t,e,n){return{content:e(t[1],n),fallbackContent:e(t[0].replace(F,"\\$1"),n),ref:t[2]}},p:function p(t,e,n){return ut[t.ref]?V("a",{key:n.g,href:bt(ut[t.ref].target),title:ut[t.ref].title},e(t.content,n)):V("span",{key:n.g},e(t.fallbackContent,n))}},table:{i:kt(C),l:Ot.HIGH,_:gt,p:function p(t,e,n){return V("table",{key:n.g},V("thead",null,V("tr",null,t.header.map((function(r,o){return V("th",{key:o,style:mt(t,o)},e(r,n))})))),V("tbody",null,t.cells.map((function(r,o){return V("tr",{key:o},r.map((function(r,o){return V("td",{key:o,style:mt(t,o)},e(r,n))})))}))))}},tableSeparator:{i:function i(t,e){return e.t?H.exec(t):null},l:Ot.HIGH,_:function _(){return{type:"tableSeparator"}},p:function p(){return" | "}},text:{i:xt(tt),l:Ot.MIN,_:function _(t){return{content:t[0].replace(z,(function(t,e){return q.namedCodesToUnicode[e]?q.namedCodesToUnicode[e]:t}))}},p:function p(t){return t.content}},textBolded:{i:ht(X),l:Ot.MED,_:function _(t,e,n){return{content:e(t[2],n)}},p:function p(t,e,n){return V("strong",{key:n.g},e(t.content,n))}},textEmphasized:{i:ht(J),l:Ot.LOW,_:function _(t,e,n){return{content:e(t[2],n)}},p:function p(t,e,n){return V("em",{key:n.g},e(t.content,n))}},textEscaped:{i:ht(Y),l:Ot.HIGH,_:function _(t){return{content:t[1],type:"text"}}},textStrikethroughed:{i:ht(K),l:Ot.LOW,_:Et,p:function p(t,e,n){return V("del",{key:n.g},e(t.content,n))}}};!0!==q.disableParsingRawHTML&&(st.htmlBlock={i:xt(w),l:Ot.HIGH,_:function _(t,e,n){var i,r=_slicedToArray(t[3].match(nt),2)[1],o=new RegExp("^".concat(r),"gm"),c=t[3].replace(o,""),u=(i=c,_t.some((function(t){return t.test(i)}))?zt:$t),l=t[1].toLowerCase(),s=-1!==a.indexOf(l);n.m=n.m||"a"===l;var _=s?t[3]:u(e,c,n);return n.m=!1,{attrs:Q(t[2]),content:_,noInnerParse:s,tag:s?l:t[1]}},p:function p(t,n,r){return V(t.tag,e({key:r.g},t.attrs),t.noInnerParse?t.content:n(t.content,r))}},st.htmlSelfClosing={i:xt(R),l:Ot.HIGH,_:function _(t){return{attrs:Q(t[2]||""),tag:t[1]}},p:function p(t,n,r){return V(t.tag,e({},t.attrs,{key:r.g}))}});var t,Bt,dt=function(t){var e=Object.keys(t);function n(r,o){for(var c=[],a="";r;)for(var _u2=0;_u21&&void 0!==arguments[1]?arguments[1]:{};if(Array.isArray(e)){for(var _r=n.g,_o=[],_c=!1,_r2=0;_r2=0||(o[n]=t[n]);return o}(e,r);return react__WEBPACK_IMPORTED_MODULE_51__.cloneElement(Bt(n,o),c)},Description$1=function Description$1(_ref110){var markdown=_ref110.markdown;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(Markdown,{options:{forceBlock:!0,overrides:components$1}},markdown))},breakpoint=600,Title=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h1(withReset,(function(_ref111){var theme=_ref111.theme;return _defineProperty2({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.black,lineHeight:"32px"},"@media (min-width: ".concat(breakpoint,"px)"),{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"})})),Subtitle=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.h2(withReset,(function(_ref113){var _ref114,theme=_ref113.theme;return _defineProperty2(_ref114={fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15},"@media (min-width: ".concat(breakpoint,"px)"),{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24}),_defineProperty2(_ref114,"color",curriedTransparentize$1(.25,theme.color.defaultText)),_ref114})),DocsContent=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({maxWidth:1e3,width:"100%"}),DocsWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref115){return _defineProperty2({background:_ref115.theme.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box"},"@media (min-width: ".concat(breakpoint,"px)"),{})})),DocsPageWrapper=function DocsPageWrapper(_ref117){var children=_ref117.children;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(DocsWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(DocsContent,null,children))},getBlockBackgroundStyle=function getBlockBackgroundStyle(theme){return{borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:"1px solid ".concat(theme.appBorderColor)}},getStoryHref=function getStoryHref(baseUrl,storyId){var additionalParams=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},_baseUrl$split2=_slicedToArray(baseUrl.split("?"),2),url=_baseUrl$split2[0],paramsStr=_baseUrl$split2[1],params=paramsStr?Object.assign(Object.assign(Object.assign({},qs__WEBPACK_IMPORTED_MODULE_54___default().parse(paramsStr)),additionalParams),{id:storyId}):Object.assign(Object.assign({},additionalParams),{id:storyId});return"".concat(url).concat(qs__WEBPACK_IMPORTED_MODULE_54___default().stringify(params,{addQueryPrefix:!0,encode:!1}))},Zoom=function Zoom(_ref118){var zoom=_ref118.zoom,resetZoom=_ref118.resetZoom;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButton,{key:"zoomin",onClick:function onClick(e){e.preventDefault(),zoom(.8)},title:"Zoom in"},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:"zoom"})),react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButton,{key:"zoomout",onClick:function onClick(e){e.preventDefault(),zoom(1.25)},title:"Zoom out"},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:"zoomout"})),react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButton,{key:"zoomreset",onClick:function onClick(e){e.preventDefault(),resetZoom()},title:"Reset zoom"},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:"zoomreset"})))},Eject=function Eject(_ref119){var baseUrl=_ref119.baseUrl,storyId=_ref119.storyId;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId),target:"_blank",title:"Open canvas in new tab"},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:"share"}))},Bar=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Toolbar=function Toolbar(_a){var isLoading=_a.isLoading,storyId=_a.storyId,baseUrl=_a.baseUrl,zoom=_a.zoom,resetZoom=_a.resetZoom,rest=__rest(_a,["isLoading","storyId","baseUrl","zoom","resetZoom"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Bar,Object.assign({},rest),react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:"left"},isLoading?[1,2,3].map((function(key){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButtonSkeleton,{key})})):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Zoom,Object.assign({},{zoom,resetZoom}))),react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,{key:"right"},storyId&&(isLoading?react__WEBPACK_IMPORTED_MODULE_51__.createElement(IconButtonSkeleton,null):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Eject,Object.assign({},{storyId,baseUrl})))))},ZoomContext=(0,react__WEBPACK_IMPORTED_MODULE_51__.createContext)({scale:1}),globalWindow$1=window_1.window,IFrame=function(_Component3){_inherits(IFrame,_Component3);var _super3=_createSuper(IFrame);function IFrame(){var _this4;return _classCallCheck(this,IFrame),(_this4=_super3.apply(this,arguments)).iframe=null,_this4}return _createClass(IFrame,[{key:"componentDidMount",value:function componentDidMount(){var id=this.props.id;this.iframe=globalWindow$1.document.getElementById(id)}},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var scale=nextProps.scale;return scale!==this.props.scale&&this.setIframeBodyStyle({width:"".concat(100*scale,"%"),height:"".concat(100*scale,"%"),transform:"scale(".concat(1/scale,")"),transformOrigin:"top left"}),!1}},{key:"setIframeBodyStyle",value:function setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}},{key:"render",value:function render(){var _a=this.props,id=_a.id,title=_a.title,src=_a.src,allowFullScreen=_a.allowFullScreen,rest=(_a.scale,__rest(_a,["id","title","src","allowFullScreen","scale"]));return react__WEBPACK_IMPORTED_MODULE_51__.createElement("iframe",Object.assign({id,title,src,allowFullScreen,loading:"lazy"},rest))}}]),IFrame}(react__WEBPACK_IMPORTED_MODULE_51__.Component),rotate360=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.F4)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n"]))),EventSource=window_1.EventSource,CONFIG_TYPE=window_1.CONFIG_TYPE,LoaderWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref120){var _ref120$size=_ref120.size,size=void 0===_ref120$size?32:_ref120$size;return{borderRadius:"50%",cursor:"progress",display:"inline-block",overflow:"hidden",position:"absolute",transition:"all 200ms ease-out",verticalAlign:"top",top:"50%",left:"50%",marginTop:-size/2,marginLeft:-size/2,height:size,width:size,zIndex:4,borderWidth:2,borderStyle:"solid",borderColor:"rgba(97, 97, 97, 0.29)",borderTopColor:"rgb(100,100,100)",animation:"".concat(rotate360," 0.7s linear infinite"),mixBlendMode:"difference"}})),ProgressWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}),ProgressTrack=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref121){var theme=_ref121.theme;return{position:"relative",width:"80%",marginBottom:"0.75rem",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:"hidden",cursor:"progress"}})),ProgressBar=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref122){return{position:"absolute",top:0,left:0,height:"100%",background:_ref122.theme.color.secondary}})),ProgressMessage=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref123){var theme=_ref123.theme;return{minHeight:"2em",fontSize:"".concat(theme.typography.size.s1,"px"),color:theme.barTextColor}})),ErrorIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Icons)((function(_ref124){return{width:20,height:20,marginBottom:"0.5rem",color:_ref124.theme.color.mediumdark}})),ellipsis=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.F4)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(['\n from { content: "..." }\n 33% { content: "." }\n 66% { content: ".." }\n to { content: "..." }\n']))),Ellipsis=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({"&::after":{content:"'...'",animation:"".concat(ellipsis," 1s linear infinite"),animationDelay:"1s",display:"inline-block",width:"1em",height:"auto"}}),PureLoader=function PureLoader(_a){var progress=_a.progress,error=_a.error,size=_a.size,props=__rest(_a,["progress","error","size"]);if(error)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ProgressWrapper,Object.assign({"aria-label":error.toString(),"aria-live":"polite",role:"status"},props),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ErrorIcon,{icon:"lightningoff"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ProgressMessage,null,error.message));if(progress){var _value=progress.value,modules=progress.modules,message=progress.message;return modules&&(message+=" ".concat(modules.complete," / ").concat(modules.total," modules")),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ProgressWrapper,Object.assign({"aria-label":"Content is loading...","aria-live":"polite","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":100*_value,"aria-valuetext":message,role:"progressbar"},props),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ProgressTrack,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ProgressBar,{style:{width:"".concat(100*_value,"%")}})),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ProgressMessage,null,message,_value<1&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Ellipsis,{key:message})))}return react__WEBPACK_IMPORTED_MODULE_51__.createElement(LoaderWrapper,Object.assign({"aria-label":"Content is loading...","aria-live":"polite",role:"status",size},props))},Loader=function Loader(props){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(void 0),2),progress=_useState4[0],setProgress=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(void 0),2),error=_useState6[0],setError=_useState6[1];return(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){if("DEVELOPMENT"===CONFIG_TYPE&&EventSource){var lastProgress,eventSource=new EventSource("/progress");return eventSource.onmessage=function(event){try{lastProgress=JSON.parse(event.data),setProgress(lastProgress)}catch(e){setError(e),eventSource.close()}},eventSource.onerror=function(){lastProgress&&1!==lastProgress.value&&setError(new Error("Connection closed")),eventSource.close()},function(){return eventSource.close()}}}),[]),react__WEBPACK_IMPORTED_MODULE_51__.createElement(PureLoader,Object.assign({progress,error},props))},PREVIEW_URL=window_1.PREVIEW_URL,BASE_URL=PREVIEW_URL||"iframe.html",StoryError;!function(StoryError){StoryError.NO_STORY="No component or story to display"}(StoryError||(StoryError={}));var MISSING_STORY=function MISSING_STORY(id){return id?'Story "'.concat(id,"\" doesn't exist."):StoryError.NO_STORY},InlineStory=function InlineStory(_ref125){var storyFn=_ref125.storyFn,height=_ref125.height,id=_ref125.id;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,height?react__WEBPACK_IMPORTED_MODULE_51__.createElement("style",null,"#story--".concat(id," { min-height: ").concat(height,"; transform: translateZ(0); overflow: auto }")):null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,storyFn?(0,react__WEBPACK_IMPORTED_MODULE_51__.createElement)(storyFn):react__WEBPACK_IMPORTED_MODULE_51__.createElement(EmptyBlock,null,MISSING_STORY(id))))},IFrameStory=function IFrameStory(_ref126){var id=_ref126.id,title=_ref126.title,_ref126$height=_ref126.height,height=void 0===_ref126$height?"500px":_ref126$height;return react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",{style:{width:"100%",height}},react__WEBPACK_IMPORTED_MODULE_51__.createElement(ZoomContext.Consumer,null,(function(_ref127){var scale=_ref127.scale;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(IFrame,{key:"iframe",id:"iframe--".concat(id),title,src:getStoryHref(BASE_URL,id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}})})))},Story=function Story(_a){_a.children;var error=_a.error,inline=_a.inline,props=__rest(_a,["children","error","inline"]),id=props.id,title=props.title,height=props.height;return error?react__WEBPACK_IMPORTED_MODULE_51__.createElement(EmptyBlock,null,error):inline?react__WEBPACK_IMPORTED_MODULE_51__.createElement(InlineStory,Object.assign({},props)):react__WEBPACK_IMPORTED_MODULE_51__.createElement(IFrameStory,{id,title,height})},StorySkeleton=function StorySkeleton(){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Loader,null)},ChildrenContainer=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref128){var isColumn=_ref128.isColumn,columns=_ref128.columns,layout=_ref128.layout;return{display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"inline-block"}}}),(function(_ref129){var _ref129$layout=_ref129.layout,layout=void 0===_ref129$layout?"padded":_ref129$layout;return"centered"===layout||"padded"===layout?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{}}),(function(_ref130){var _ref130$layout=_ref130.layout;return"centered"===(void 0===_ref130$layout?"padded":_ref130$layout)?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{}}),(function(_ref131){var columns=_ref131.columns;return columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:"calc(100% / ".concat(columns," - 20px)")}}:{}})),StyledSource=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Source)((function(_ref132){var theme=_ref132.theme;return{margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content),color:theme.color.lightest,button:{background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content)}}})),PreviewContainer=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref133){var theme=_ref133.theme,withSource=_ref133.withSource,isExpanded=_ref133.isExpanded;return Object.assign(Object.assign({position:"relative",overflow:"hidden",margin:"25px 0 40px"},getBlockBackgroundStyle(theme)),{borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0})}),(function(_ref134){return _ref134.withToolbar&&{paddingTop:40}})),getSource=function getSource(withSource,expanded,setExpanded){switch(!0){case!(!withSource||!withSource.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:function onClick(){return setExpanded(!1)}}};case expanded:return{source:react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledSource,Object.assign({},withSource,{dark:!0})),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:function onClick(){return setExpanded(!1)}}};default:return{source:react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledSource,Object.assign({},withSource,{dark:!0})),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:function onClick(){return setExpanded(!0)}}}}};function getStoryId(children){if(1===react__WEBPACK_IMPORTED_MODULE_51__.Children.count(children)){var elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Toolbar)({position:"absolute",top:0,left:0,right:0,height:40}),Relative=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({overflow:"hidden",position:"relative"}),getLayout=function getLayout(children){return children.reduce((function(result,c){return result||("string"==typeof c||"number"==typeof c?"padded":c.props&&c.props.parameters&&c.props.parameters.layout||"padded")}),void 0)},Preview=function Preview(_a){var isLoading=_a.isLoading,isColumn=_a.isColumn,columns=_a.columns,children=_a.children,withSource=_a.withSource,_a$withToolbar=_a.withToolbar,withToolbar=void 0!==_a$withToolbar&&_a$withToolbar,_a$isExpanded=_a.isExpanded,isExpanded=void 0!==_a$isExpanded&&_a$isExpanded,additionalActions=_a.additionalActions,className=_a.className,props=__rest(_a,["isLoading","isColumn","columns","children","withSource","withToolbar","isExpanded","additionalActions","className"]),_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(isExpanded),2),expanded=_useState8[0],setExpanded=_useState8[1],_getSource=getSource(withSource,expanded,setExpanded),source=_getSource.source,actionItem=_getSource.actionItem,_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(1),2),scale=_useState10[0],setScale=_useState10[1],previewClasses=[className].concat(["sbdocs","sbdocs-preview"]),defaultActionItems=withSource?[actionItem]:[],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(additionalActions?_toConsumableArray(additionalActions):[]),2),additionalActionItems=_useState12[0],setAdditionalActionItems=_useState12[1],actionItems=[].concat(defaultActionItems,_toConsumableArray(additionalActionItems)),layout=getLayout(1===react__WEBPACK_IMPORTED_MODULE_51__.Children.count(children)?[children]:children),globalWindow=window_1.window,copyToClipboard=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(text){return __awaiter(void 0,void 0,void 0,regeneratorRuntime.mark((function _callee2(){var _yield$import;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,__webpack_require__.e(375).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/syntaxhighlighter-b07b042a.js"));case 2:_yield$import=_context2.sent,(0,_yield$import.createCopyToClipboardFunction)();case 5:case"end":return _context2.stop()}}),_callee2)})))}),[]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(PreviewContainer,Object.assign({},{withSource,withToolbar},props,{className:previewClasses.join(" ")}),withToolbar&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(PositionedToolbar,{isLoading,border:!0,zoom:function zoom(z){return setScale(scale*z)},resetZoom:function resetZoom(){return setScale(1)},storyId:getStoryId(children),baseUrl:"./iframe.html"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ZoomContext.Provider,{value:{scale}},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&function onCopyCapture(e){e.preventDefault(),0===additionalActionItems.filter((function(item){return"Copied"===item.title})).length&©ToClipboard(source.props.code).then((function(){setAdditionalActionItems([].concat(_toConsumableArray(additionalActionItems),[{title:"Copied",onClick:function onClick(){}}])),globalWindow.setTimeout((function(){return setAdditionalActionItems(additionalActionItems.filter((function(item){return"Copied"!==item.title})))}),1500)}))}},react__WEBPACK_IMPORTED_MODULE_51__.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Zoom$1.Element,{scale},Array.isArray(children)?children.map((function(child,i){return react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",{key:i},child)})):react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null,children))),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ActionBar,{actionItems}))),withSource&&expanded&&source)},StyledPreview=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Preview)((function(){return{".docs-story":{paddingTop:32,paddingBottom:40}}})),PreviewSkeleton=function PreviewSkeleton(){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledPreview,{isLoading:!0,withToolbar:!0},react__WEBPACK_IMPORTED_MODULE_51__.createElement(StorySkeleton,null))};function arrayMap$2(array,iteratee){for(var index=-1,length=null==array?0:array.length,result=Array(length);++index-1}var _listCacheHas=listCacheHas$1,assocIndexOf=_assocIndexOf;function listCacheSet$1(key,value){var data=this.__data__,index=assocIndexOf(data,key);return index<0?(++this.size,data.push([key,value])):data[index][1]=value,this}var _listCacheSet=listCacheSet$1,listCacheClear=_listCacheClear,listCacheDelete=_listCacheDelete,listCacheGet=_listCacheGet,listCacheHas=_listCacheHas,listCacheSet=_listCacheSet;function ListCache$4(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++indexarrLength))return!1;var arrStacked=stack.get(array),othStacked=stack.get(other);if(arrStacked&&othStacked)return arrStacked==other&&othStacked==array;var index=-1,result=!0,seen=bitmask&COMPARE_UNORDERED_FLAG$3?new SetCache$1:void 0;for(stack.set(array,other),stack.set(other,array);++index-1&&value%1==0&&value-1&&value%1==0&&value<=MAX_SAFE_INTEGER}var isLength_1=isLength$3,baseGetTag$2=_baseGetTag,isLength$2=isLength_1,isObjectLike$4=isObjectLike_1,argsTag$2="[object Arguments]",arrayTag$2="[object Array]",boolTag$2="[object Boolean]",dateTag$2="[object Date]",errorTag$1="[object Error]",funcTag$1="[object Function]",mapTag$4="[object Map]",numberTag$2="[object Number]",objectTag$3="[object Object]",regexpTag$2="[object RegExp]",setTag$4="[object Set]",stringTag$2="[object String]",weakMapTag$2="[object WeakMap]",arrayBufferTag$2="[object ArrayBuffer]",dataViewTag$3="[object DataView]",float32Tag$2="[object Float32Array]",float64Tag$2="[object Float64Array]",int8Tag$2="[object Int8Array]",int16Tag$2="[object Int16Array]",int32Tag$2="[object Int32Array]",uint8Tag$2="[object Uint8Array]",uint8ClampedTag$2="[object Uint8ClampedArray]",uint16Tag$2="[object Uint16Array]",uint32Tag$2="[object Uint32Array]",typedArrayTags={};function baseIsTypedArray$1(value){return isObjectLike$4(value)&&isLength$2(value.length)&&!!typedArrayTags[baseGetTag$2(value)]}typedArrayTags[float32Tag$2]=typedArrayTags[float64Tag$2]=typedArrayTags[int8Tag$2]=typedArrayTags[int16Tag$2]=typedArrayTags[int32Tag$2]=typedArrayTags[uint8Tag$2]=typedArrayTags[uint8ClampedTag$2]=typedArrayTags[uint16Tag$2]=typedArrayTags[uint32Tag$2]=!0,typedArrayTags[argsTag$2]=typedArrayTags[arrayTag$2]=typedArrayTags[arrayBufferTag$2]=typedArrayTags[boolTag$2]=typedArrayTags[dataViewTag$3]=typedArrayTags[dateTag$2]=typedArrayTags[errorTag$1]=typedArrayTags[funcTag$1]=typedArrayTags[mapTag$4]=typedArrayTags[numberTag$2]=typedArrayTags[objectTag$3]=typedArrayTags[regexpTag$2]=typedArrayTags[setTag$4]=typedArrayTags[stringTag$2]=typedArrayTags[weakMapTag$2]=!1;var _baseIsTypedArray=baseIsTypedArray$1;function baseUnary$3(func){return function(value){return func(value)}}var _baseUnary=baseUnary$3,_nodeUtil={exports:{}};!function(module,exports){var freeGlobal=_freeGlobal,freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&module&&!module.nodeType&&module,freeProcess=freeModule&&freeModule.exports===freeExports&&freeGlobal.process,nodeUtil=function(){try{var types=freeModule&&freeModule.require&&freeModule.require("util").types;return types||freeProcess&&freeProcess.binding&&freeProcess.binding("util")}catch(e){}}();module.exports=nodeUtil}(_nodeUtil,_nodeUtil.exports);var baseIsTypedArray=_baseIsTypedArray,baseUnary$2=_baseUnary,nodeUtil$2=_nodeUtil.exports,nodeIsTypedArray=nodeUtil$2&&nodeUtil$2.isTypedArray,isTypedArray$2=nodeIsTypedArray?baseUnary$2(nodeIsTypedArray):baseIsTypedArray,isTypedArray_1=isTypedArray$2,baseTimes=_baseTimes,isArguments$1=isArguments_1,isArray$7=isArray_1,isBuffer$2=isBuffer$3.exports,isIndex$2=_isIndex,isTypedArray$1=isTypedArray_1,objectProto$7=Object.prototype,hasOwnProperty$6=objectProto$7.hasOwnProperty;function arrayLikeKeys$2(value,inherited){var isArr=isArray$7(value),isArg=!isArr&&isArguments$1(value),isBuff=!isArr&&!isArg&&isBuffer$2(value),isType=!isArr&&!isArg&&!isBuff&&isTypedArray$1(value),skipIndexes=isArr||isArg||isBuff||isType,result=skipIndexes?baseTimes(value.length,String):[],length=result.length;for(var key in value)!inherited&&!hasOwnProperty$6.call(value,key)||skipIndexes&&("length"==key||isBuff&&("offset"==key||"parent"==key)||isType&&("buffer"==key||"byteLength"==key||"byteOffset"==key)||isIndex$2(key,length))||result.push(key);return result}var _arrayLikeKeys=arrayLikeKeys$2,objectProto$6=Object.prototype;function isPrototype$3(value){var Ctor=value&&value.constructor;return value===("function"==typeof Ctor&&Ctor.prototype||objectProto$6)}var _isPrototype=isPrototype$3;function overArg$2(func,transform){return function(arg){return func(transform(arg))}}var _overArg=overArg$2,overArg$1=_overArg,nativeKeys$1=overArg$1(Object.keys,Object),_nativeKeys=nativeKeys$1,isPrototype$2=_isPrototype,nativeKeys=_nativeKeys,objectProto$5=Object.prototype,hasOwnProperty$5=objectProto$5.hasOwnProperty;function baseKeys$1(object){if(!isPrototype$2(object))return nativeKeys(object);var result=[];for(var key in Object(object))hasOwnProperty$5.call(object,key)&&"constructor"!=key&&result.push(key);return result}var _baseKeys=baseKeys$1,isFunction=isFunction_1,isLength$1=isLength_1;function isArrayLike$2(value){return null!=value&&isLength$1(value.length)&&!isFunction(value)}var isArrayLike_1=isArrayLike$2,arrayLikeKeys$1=_arrayLikeKeys,baseKeys=_baseKeys,isArrayLike$1=isArrayLike_1;function keys$4(object){return isArrayLike$1(object)?arrayLikeKeys$1(object):baseKeys(object)}var keys_1=keys$4,baseGetAllKeys$1=_baseGetAllKeys,getSymbols$2=_getSymbols,keys$3=keys_1;function getAllKeys$2(object){return baseGetAllKeys$1(object,keys$3,getSymbols$2)}var _getAllKeys=getAllKeys$2,getAllKeys$1=_getAllKeys,COMPARE_PARTIAL_FLAG$3=1,objectProto$4=Object.prototype,hasOwnProperty$4=objectProto$4.hasOwnProperty;function equalObjects$1(object,other,bitmask,customizer,equalFunc,stack){var isPartial=bitmask&COMPARE_PARTIAL_FLAG$3,objProps=getAllKeys$1(object),objLength=objProps.length;if(objLength!=getAllKeys$1(other).length&&!isPartial)return!1;for(var index=objLength;index--;){var key=objProps[index];if(!(isPartial?key in other:hasOwnProperty$4.call(other,key)))return!1}var objStacked=stack.get(object),othStacked=stack.get(other);if(objStacked&&othStacked)return objStacked==other&&othStacked==object;var result=!0;stack.set(object,other),stack.set(other,object);for(var skipCtor=isPartial;++index-1}var _arrayIncludes=arrayIncludes$1;function arrayIncludesWith$1(array,value,comparator){for(var index=-1,length=null==array?0:array.length;++index=LARGE_ARRAY_SIZE){var set=iteratee?null:createSet(array);if(set)return setToArray(set);isCommon=!1,includes=cacheHas,seen=new SetCache}else seen=iteratee?[]:result;outer:for(;++index1&&void 0!==arguments[1])||arguments[1]||(items=summaryItems.slice(0,ITEMS_BEFORE_EXPANSION)),items.map((function(item){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgText,{key:item,text:""===item?'""':item})}))},ArgSummary=function ArgSummary(_ref143){var value=_ref143.value,initialExpandedArgs=_ref143.initialExpandedArgs,summary=value.summary,detail=value.detail,_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),isOpen=_useState14[0],setIsOpen=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(initialExpandedArgs||!1),2),isExpanded=_useState16[0],setIsExpanded=_useState16[1];if(null==summary)return null;var summaryAsString="function"==typeof summary.toString?summary.toString():summary;if(null==detail){if(/[(){}[\]<>]/.test(summaryAsString))return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgText,{text:summaryAsString});var summaryItems=getSummaryItems(summaryAsString),itemsCount=summaryItems.length;return itemsCount>ITEMS_BEFORE_EXPANSION?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ExpandButton,{onClick:function onClick(){return setIsExpanded(!isExpanded)}},isExpanded?"Show less...":"Show ".concat(itemsCount-ITEMS_BEFORE_EXPANSION," more..."))):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Summary,null,renderSummaryItems(summaryItems))}return react__WEBPACK_IMPORTED_MODULE_51__.createElement(WithTooltipPure,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:isOpen,onVisibilityChange:function onVisibilityChange(isVisible){setIsOpen(isVisible)},tooltip:react__WEBPACK_IMPORTED_MODULE_51__.createElement(Detail,{width:calculateDetailWidth(detail)},react__WEBPACK_IMPORTED_MODULE_51__.createElement(SyntaxHighlighter,{language:"jsx",format:!1},detail))},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Expandable,{className:"sbdocs-expandable"},react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,summaryAsString),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArrowIcon,{icon:isOpen?"arrowup":"arrowdown"})))},ArgValue=function ArgValue(_ref144){var value=_ref144.value,initialExpandedArgs=_ref144.initialExpandedArgs;return null==value?react__WEBPACK_IMPORTED_MODULE_51__.createElement(EmptyArg,null):react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgSummary,{value,initialExpandedArgs})},getControlId=function getControlId(value){return"control-".concat(value.replace(/\s+/g,"-"))},getControlSetterButtonId=function getControlSetterButtonId(value){return"set-".concat(value.replace(/\s+/g,"-"))},Label$3=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.label((function(_ref145){var theme=_ref145.theme;return{lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:"".concat(curriedOpacify$1(.05,theme.appBorderColor)),borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset !important")}},span:{textAlign:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:curriedTransparentize$1(.4,theme.color.defaultText),background:"transparent","&:hover":{boxShadow:"".concat(curriedOpacify$1(.3,theme.appBorderColor)," 0 0 0 1px inset")},"&:active":{boxShadow:"".concat(curriedOpacify$1(.05,theme.appBorderColor)," 0 0 0 2px inset"),color:curriedOpacify$1(1,theme.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:theme.background.app,boxShadow:"".concat(curriedOpacify$1(.1,theme.appBorderColor)," 0 0 2px"),color:theme.color.defaultText,padding:"7px 15px"}}})),parse$2=function parse$2(value){return"true"===value},BooleanControl=function BooleanControl(_ref146){var name=_ref146.name,value=_ref146.value,_onChange=_ref146.onChange,onBlur=_ref146.onBlur,onFocus=_ref146.onFocus,onSetFalse=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){return _onChange(!1)}),[_onChange]);if(void 0===value)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onSetFalse},"Set boolean");var parsedValue="string"==typeof value?parse$2(value):value;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Label$3,{htmlFor:name,title:parsedValue?"Change to false":"Change to true"},react__WEBPACK_IMPORTED_MODULE_51__.createElement("input",Object.assign({id:getControlId(name),type:"checkbox",onChange:function onChange(e){return _onChange(e.target.checked)},checked:parsedValue},{name,onBlur,onFocus})),react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"False"),react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"True"))},parseDate=function parseDate(value){var _value$split2=_slicedToArray(value.split("-"),3),year=_value$split2[0],month=_value$split2[1],day=_value$split2[2],result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result},parseTime=function parseTime(value){var _value$split4=_slicedToArray(value.split(":"),2),hours=_value$split4[0],minutes=_value$split4[1],result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result},formatDate=function formatDate(value){var date=new Date(value),year="000".concat(date.getFullYear()).slice(-4),month="0".concat(date.getMonth()+1).slice(-2),day="0".concat(date.getDate()).slice(-2);return"".concat(year,"-").concat(month,"-").concat(day)},formatTime=function formatTime(value){var date=new Date(value),hours="0".concat(date.getHours()).slice(-2),minutes="0".concat(date.getMinutes()).slice(-2);return"".concat(hours,":").concat(minutes)},FlexSpaced=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref147){return{flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:"light"===_ref147.theme.base?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}}})),DateControl=function DateControl(_ref148){var name=_ref148.name,value=_ref148.value,onChange=_ref148.onChange,onFocus=_ref148.onFocus,onBlur=_ref148.onBlur,_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!0),2),valid=_useState18[0],setValid=_useState18[1],dateRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(),timeRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)();(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){!1!==valid&&(dateRef&&dateRef.current&&(dateRef.current.value=formatDate(value)),timeRef&&timeRef.current&&(timeRef.current.value=formatTime(value)))}),[value]);var controlId=getControlId(name);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(FlexSpaced,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Input,Object.assign({type:"date",max:"9999-12-31",ref:dateRef,id:"".concat(controlId,"-date"),name:"".concat(controlId,"-date"),onChange:function onDateChange(e){var parsed=parseDate(e.target.value),result=new Date(value);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());var time=result.getTime();time&&onChange(time),setValid(!!time)}},{onFocus,onBlur})),react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Input,Object.assign({type:"time",id:"".concat(controlId,"-time"),name:"".concat(controlId,"-time"),ref:timeRef,onChange:function onTimeChange(e){var parsed=parseTime(e.target.value),result=new Date(value);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());var time=result.getTime();time&&onChange(time),setValid(!!time)}},{onFocus,onBlur})),valid?null:react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null,"invalid"))},Wrapper$5=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.label({display:"flex"}),parse$1=function parse$1(value){var result=parseFloat(value);return Number.isNaN(result)?void 0:result},format=function format(value){return null!=value?String(value):""},NumberControl=function NumberControl(_ref149){var name=_ref149.name,value=_ref149.value,onChange=_ref149.onChange,min=_ref149.min,max=_ref149.max,step=_ref149.step,onBlur=_ref149.onBlur,onFocus=_ref149.onFocus,_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)("number"==typeof value?value:""),2),inputValue=_useState20[0],setInputValue=_useState20[1],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),forceVisible=_useState22[0],setForceVisible=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(null),2),parseError=_useState24[0],setParseError=_useState24[1],handleChange=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(event){setInputValue(event.target.value);var result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error("'".concat(event.target.value,"' is not a number"))):(onChange(result),setParseError(null))}),[onChange,setParseError]),onForceVisible=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){setInputValue("0"),onChange(0),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null);return(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){inputValue!==("number"==typeof value?value:"")&&setInputValue(value)}),[value]),forceVisible||void 0!==value?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper$5,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Input,Object.assign({ref:htmlElRef,id:getControlId(name),type:"number",onChange:handleChange,size:"flex",placeholder:"Edit number...",value:inputValue,valid:parseError?"error":null,autoFocus:forceVisible},{name,min,max,step,onFocus,onBlur}))):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set number")};function dedent(templ){for(var values=[],_i=1;_i .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:theme.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:theme.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:theme.background.app,borderColor:theme.color.border}}})),Button=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.button((function(_ref164){var theme=_ref164.theme,primary=_ref164.primary;return{border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:"transparent",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?"bold":"normal",cursor:"pointer",order:primary?"initial":9}})),ActionIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Icons)((function(_ref165){var theme=_ref165.theme,icon=_ref165.icon,disabled=_ref165.disabled;return{display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.color.mediumdark,"&:hover":disabled?{}:{color:"subtract"===icon?theme.color.negative:theme.color.ancillary},"svg + &":{marginLeft:0}}})),Input=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.input((function(_ref166){var theme=_ref166.theme,placeholder=_ref166.placeholder;return{outline:0,margin:placeholder?1:"1px 0",padding:"3px 4px",color:theme.color.defaultText,background:theme.background.app,border:"1px solid ".concat(theme.color.border),borderRadius:4,lineHeight:"14px",width:"Key"===placeholder?80:120,"&:focus":{border:"1px solid ".concat(theme.color.secondary)}}})),RawButton=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(IconButton)((function(_ref167){var theme=_ref167.theme;return{position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:theme.background.bar,border:"1px solid ".concat(theme.color.border),borderRadius:3,color:theme.color.mediumdark,fontSize:"9px",fontWeight:"bold",span:{marginLeft:3,marginTop:1}}})),RawInput=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Form.Textarea)((function(_ref168){var theme=_ref168.theme;return{flex:1,padding:"7px 6px",fontFamily:theme.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:theme.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}}})),ENTER_EVENT={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},dispatchEnterKey=function dispatchEnterKey(event){event.currentTarget.dispatchEvent(new globalWindow.KeyboardEvent("keydown",ENTER_EVENT))},selectValue=function selectValue(event){event.currentTarget.select()},getCustomStyleFunction=function getCustomStyleFunction(theme){return function(){return{name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}}},ObjectControl=function ObjectControl(_ref169){var name=_ref169.name,value=_ref169.value,onChange=_ref169.onChange,theme=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.Fg)(),data=(0,react__WEBPACK_IMPORTED_MODULE_51__.useMemo)((function(){return value&&cloneDeep_1(value)}),[value]),hasData=null!=data,_useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!hasData),2),showRaw=_useState28[0],setShowRaw=_useState28[1],_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(null),2),parseError=_useState30[0],setParseError=_useState30[1],updateRaw=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(raw){try{raw&&onChange(JSON.parse(raw)),setParseError(void 0)}catch(e){setParseError(e)}}),[onChange]),_useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),forceVisible=_useState32[0],setForceVisible=_useState32[1],onForceVisible=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){onChange({}),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react__WEBPACK_IMPORTED_MODULE_51__.useRef)(null);if((0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),!hasData)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set object");var rawJSONForm=react__WEBPACK_IMPORTED_MODULE_51__.createElement(RawInput,{ref:htmlElRef,id:getControlId(name),name,defaultValue:null===value?"":JSON.stringify(value,null,2),onBlur:function onBlur(event){return updateRaw(event.target.value)},placeholder:"Edit JSON string...",autoFocus:forceVisible,valid:parseError?"error":null});return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper$2,null,["Object","Array"].includes(getObjectType(data))&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(RawButton,{onClick:function onClick(){return setShowRaw((function(v){return!v}))}},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:showRaw?"eyeclose":"eye"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"RAW")),showRaw?rawJSONForm:react__WEBPACK_IMPORTED_MODULE_51__.createElement(JsonTree,{data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:react__WEBPACK_IMPORTED_MODULE_51__.createElement(Button,{type:"button"},"Cancel"),editButtonElement:react__WEBPACK_IMPORTED_MODULE_51__.createElement(Button,{type:"submit"},"Save"),addButtonElement:react__WEBPACK_IMPORTED_MODULE_51__.createElement(Button,{type:"submit",primary:!0},"Save"),plusMenuElement:react__WEBPACK_IMPORTED_MODULE_51__.createElement(ActionIcon,{icon:"add"}),minusMenuElement:react__WEBPACK_IMPORTED_MODULE_51__.createElement(ActionIcon,{icon:"subtract"}),inputElement:function inputElement(_,__,___,key){return key?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Input,null)},fallback:rawJSONForm}))},RangeInput=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.input((function(_ref170){var theme=_ref170.theme,min=_ref170.min,max=_ref170.max,value=_ref170.value;return{"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:"light"===theme.base?"linear-gradient(to right, \n ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedDarken$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedDarken$1(.02,theme.input.background)," 100%)"):"linear-gradient(to right, \n ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedLighten$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedLighten$1(.02,theme.input.background)," 100%)"),boxShadow:"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:"1px solid ".concat(rgba(theme.appBorderColor,.2)),borderRadius:"50px",boxShadow:"0 1px 3px 0px ".concat(rgba(theme.appBorderColor,.2)),cursor:"grab",appearance:"none",background:"".concat(theme.input.background),transition:"all 150ms ease-out","&:hover":{background:"".concat(curriedDarken$1(.05,theme.input.background)),transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:"".concat(theme.input.background),transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:rgba(theme.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:theme.color.secondary,boxShadow:"0 0px 5px 0px ".concat(theme.color.secondary)}},"&::-moz-range-track":{background:"light"===theme.base?"linear-gradient(to right, \n ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedDarken$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedDarken$1(.02,theme.input.background)," 100%)"):"linear-gradient(to right, \n ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedLighten$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedLighten$1(.02,theme.input.background)," 100%)"),boxShadow:"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:"1px solid ".concat(rgba(theme.color.border,.2)),borderRadius:"50px",boxShadow:"0 1px 3px 0px ".concat(rgba(theme.color.border,.2)),cursor:"grab",background:"".concat(theme.input.background),transition:"all 150ms ease-out","&:hover":{background:"".concat(curriedDarken$1(.05,theme.input.background)),transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:"".concat(theme.input.background),transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:"light"===theme.base?"linear-gradient(to right, \n ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedDarken$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedDarken$1(.02,theme.input.background)," 100%)"):"linear-gradient(to right, \n ".concat(theme.color.green," 0%, ").concat(theme.color.green," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedLighten$1(.02,theme.input.background)," ").concat((value-min)/(max-min)*100,"%, \n ").concat(curriedLighten$1(.02,theme.input.background)," 100%)"),boxShadow:"".concat(theme.appBorderColor," 0 0 0 1px inset"),color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:"".concat(theme.input.background),border:"1px solid ".concat(rgba(theme.appBorderColor,.2)),borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}}})),RangeLabel=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(number){var match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=function RangeControl(_ref171){var name=_ref171.name,value=_ref171.value,onChange=_ref171.onChange,_ref171$min=_ref171.min,min=void 0===_ref171$min?0:_ref171$min,_ref171$max=_ref171.max,max=void 0===_ref171$max?100:_ref171$max,_ref171$step=_ref171.step,step=void 0===_ref171$step?1:_ref171$step,onBlur=_ref171.onBlur,onFocus=_ref171.onFocus,hasValue=void 0!==value,numberOFDecimalsPlaces=(0,react__WEBPACK_IMPORTED_MODULE_51__.useMemo)((function(){return getNumberOfDecimalPlaces(step)}),[step]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(RangeWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(RangeLabel,null,min),react__WEBPACK_IMPORTED_MODULE_51__.createElement(RangeInput,Object.assign({id:getControlId(name),type:"range",onChange:function handleChange(event){onChange(parse$1(event.target.value))}},{name,value,min,max,step,onFocus,onBlur})),react__WEBPACK_IMPORTED_MODULE_51__.createElement(RangeLabel,null,"".concat(hasValue?value.toFixed(numberOFDecimalsPlaces):"--")," / ",max))},Wrapper$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.label({display:"flex"}),TextControl=function TextControl(_ref172){var name=_ref172.name,value=_ref172.value,onChange=_ref172.onChange,onFocus=_ref172.onFocus,onBlur=_ref172.onBlur,_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),forceVisible=_useState34[0],setForceVisible=_useState34[1],onForceVisible=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){onChange(""),setForceVisible(!0)}),[setForceVisible]);if(void 0===value)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");var isValid="string"==typeof value;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper$1,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(Form.Textarea,Object.assign({id:getControlId(name),onChange:function handleChange(event){onChange(event.target.value)},size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error"},{name,value:isValid?value:"",onFocus,onBlur})))},FileInput=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach((function(url){url.startsWith("blob:")&&URL.revokeObjectURL(url)}))}var FilesControl=function FilesControl(_ref173){var onChange=_ref173.onChange,name=_ref173.name,_ref173$accept=_ref173.accept,accept=void 0===_ref173$accept?"image/*":_ref173$accept,value=_ref173.value;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(FileInput,{id:getControlId(name),type:"file",name,multiple:!0,onChange:function handleFileChange(e){if(e.target.files){var fileUrls=Array.from(e.target.files).map((function(file){return URL.createObjectURL(file)}));onChange(fileUrls),revokeOldUrls(value)}},accept,size:"flex"})},LazyColorControl=(0,react__WEBPACK_IMPORTED_MODULE_51__.lazy)((function(){return __webpack_require__.e(106).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/components/dist/esm/Color-f953d088.js"))})),ColorControl=function ColorControl(props){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Suspense,{fallback:react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null)},react__WEBPACK_IMPORTED_MODULE_51__.createElement(LazyColorControl,Object.assign({},props)))},Controls={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=function NoControl(){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,"-")},ArgControl=function ArgControl(_ref174){var row=_ref174.row,arg=_ref174.arg,updateArgs=_ref174.updateArgs,key=row.key,control=row.control,_useState36=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(!1),2),isFocused=_useState36[0],setFocused=_useState36[1],_useState38=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)({value:arg}),2),boxedValue=_useState38[0],setBoxedValue=_useState38[1];(0,react__WEBPACK_IMPORTED_MODULE_51__.useEffect)((function(){isFocused||setBoxedValue({value:arg})}),[isFocused,arg]);var onChange=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(argVal){return setBoxedValue({value:argVal}),updateArgs(_defineProperty2({},key,argVal)),argVal}),[updateArgs,key]),onBlur=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){return setFocused(!1)}),[]),onFocus=(0,react__WEBPACK_IMPORTED_MODULE_51__.useCallback)((function(){return setFocused(!0)}),[]);if(!control||control.disable)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(NoControl,null);var props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls[control.type]||NoControl;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Control,Object.assign({},props,control,{controlType:control.type}))},Name=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({fontWeight:"bold"}),Required=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span((function(_ref175){var theme=_ref175.theme;return{color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"}})),Description=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref176){var theme=_ref176.theme;return{"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:Object.assign(Object.assign({},codeCommon({theme})),{fontSize:12,fontFamily:theme.typography.fonts.mono}),"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}}})),Type=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref177){var theme=_ref177.theme,hasDescription=_ref177.hasDescription;return{color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?4:0}})),TypeWithJsDoc=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref178){var theme=_ref178.theme,hasDescription=_ref178.hasDescription;return{color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12}})),StyledTd$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.td((function(_ref179){_ref179.theme;return{paddingLeft:_ref179.expandable?"40px !important":"20px !important"}})),ArgRow=function ArgRow(props){var _a,row=props.row,updateArgs=props.updateArgs,compact=props.compact,expandable=props.expandable,initialExpandedArgs=props.initialExpandedArgs,name=row.name,description=row.description,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=null===(_a=row.type)||void 0===_a?void 0:_a.required,hasDescription=null!=description&&""!==description;return react__WEBPACK_IMPORTED_MODULE_51__.createElement("tr",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledTd$1,{expandable},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Name,null,name),required?react__WEBPACK_IMPORTED_MODULE_51__.createElement(Required,{title:"Required"},"*"):null),compact?null:react__WEBPACK_IMPORTED_MODULE_51__.createElement("td",null,hasDescription&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(Description,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(Markdown,null,description)),null!=table.jsDocTags?react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(TypeWithJsDoc,{hasDescription},react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgValue,{value:type,initialExpandedArgs})),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgJsDoc,{tags:table.jsDocTags})):react__WEBPACK_IMPORTED_MODULE_51__.createElement(Type,{hasDescription},react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react__WEBPACK_IMPORTED_MODULE_51__.createElement("td",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react__WEBPACK_IMPORTED_MODULE_51__.createElement("td",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgControl,Object.assign({},props))):null)},ExpanderIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo)(Icons)((function(_ref180){var theme=_ref180.theme;return{marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"}})),FlexWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span((function(_ref181){_ref181.theme;return{display:"flex",lineHeight:"20px",alignItems:"center"}})),Section=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.td((function(_ref182){var theme=_ref182.theme;return{position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.black,fontSize:theme.typography.size.s1-1,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),background:"".concat(theme.background.app," !important"),"& ~ td":{background:"".concat(theme.background.app," !important")}}})),Subsection=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.td((function(_ref183){var theme=_ref183.theme;return{position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.content}})),StyledTd=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.td((function(_ref184){_ref184.theme;return{position:"relative"}})),StyledTr=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.tr((function(_ref185){var theme=_ref185.theme;return{"&:hover > td":{backgroundColor:"".concat(theme.background.hoverable," !important"),boxShadow:"".concat(theme.color.mediumlight," 0 - 1px 0 0 inset"),cursor:"row-resize"}}})),ClickIntercept=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.button((function(){return{background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"}})),SectionRow=function SectionRow(_ref186){var _ref186$level=_ref186.level,level=void 0===_ref186$level?"section":_ref186$level,label=_ref186.label,children=_ref186.children,_ref186$initialExpand=_ref186.initialExpanded,initialExpanded=void 0===_ref186$initialExpand||_ref186$initialExpand,_ref186$colSpan=_ref186.colSpan,colSpan=void 0===_ref186$colSpan?3:_ref186$colSpan,_useState40=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_51__.useState)(initialExpanded),2),expanded=_useState40[0],setExpanded=_useState40[1],Level="subsection"===level?Subsection:Section,itemCount=(null==children?void 0:children.length)||0,caption="subsection"===level?"".concat(itemCount," item").concat(1!==itemCount?"s":""):"",icon=expanded?"arrowdown":"arrowright",helperText="".concat(expanded?"Hide":"Show"," ").concat("subsection"===level?itemCount:label," item").concat(1!==itemCount?"s":"");return react__WEBPACK_IMPORTED_MODULE_51__.createElement(react__WEBPACK_IMPORTED_MODULE_51__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledTr,{title:helperText},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Level,{colSpan:1},react__WEBPACK_IMPORTED_MODULE_51__.createElement(ClickIntercept,{onClick:function onClick(e){return setExpanded(!expanded)},tabIndex:0},helperText),react__WEBPACK_IMPORTED_MODULE_51__.createElement(FlexWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ExpanderIcon,{icon}),label)),react__WEBPACK_IMPORTED_MODULE_51__.createElement(StyledTd,{colSpan:colSpan-1},react__WEBPACK_IMPORTED_MODULE_51__.createElement(ClickIntercept,{onClick:function onClick(e){return setExpanded(!expanded)},tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)},TableWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.table((function(_ref187){var _trFirstChild,_trLastChild,_3,theme=_ref187.theme,compact=_ref187.compact,inAddonPanel=_ref187.inAddonPanel;return{"&&":(_3={borderCollapse:"collapse",borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":Object.assign({},compact?null:{width:"35%"}),"td:nth-of-type(3)":Object.assign({},compact?null:{width:"15%"}),"th:last-of-type, td:last-of-type":Object.assign({paddingRight:20},compact?null:{width:"25%"}),th:{color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1},_defineProperty2(_3,"tr:first-child",(_trFirstChild={},_defineProperty2(_trFirstChild,"td:first-child, th:first-child",{borderTopLeftRadius:inAddonPanel?0:theme.appBorderRadius}),_defineProperty2(_trFirstChild,"td:last-child, th:last-child",{borderTopRightRadius:inAddonPanel?0:theme.appBorderRadius}),_trFirstChild)),_defineProperty2(_3,"tr:last-child",(_trLastChild={},_defineProperty2(_trLastChild,"td:first-child, th:first-child",{borderBottomLeftRadius:inAddonPanel?0:theme.appBorderRadius}),_defineProperty2(_trLastChild,"td:last-child, th:last-child",{borderBottomRightRadius:inAddonPanel?0:theme.appBorderRadius}),_trLastChild)),_defineProperty2(_3,"tbody",{boxShadow:!inAddonPanel&&("light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 1px,\n ".concat(curriedTransparentize$1(.035,theme.appBorderColor)," 0 0 0 1px"):"rgba(0, 0, 0, 0.20) 0 2px 5px 1px,\n ".concat(curriedOpacify$1(.05,theme.appBorderColor)," 0 0 0 1px")),borderRadius:theme.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":Object.assign(Object.assign({borderWidth:1,borderStyle:"solid"},inAddonPanel&&{borderColor:"transparent"}),!inAddonPanel&&{borderColor:"light"===theme.base?curriedTransparentize$1(.035,theme.appBorderColor):curriedOpacify$1(.05,theme.appBorderColor)})},tr:Object.assign({background:"transparent",overflow:"hidden"},inAddonPanel?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:"light"===theme.base?curriedDarken$1(.1,theme.background.content):curriedLighten$1(.05,theme.background.content)}:_defineProperty2({},"&:not(:first-child)",{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:"light"===theme.base?curriedDarken$1(.1,theme.background.content):curriedLighten$1(.05,theme.background.content)})),td:{background:theme.background.content}}),_3)}}),(function(_ref189){var isLoading=_ref189.isLoading,theme=_ref189.theme;return isLoading?{"th span, td span, td button":{display:"inline",backgroundColor:theme.appBorderColor,animation:"".concat(theme.animation.glow," 1.5s ease-in-out infinite"),color:"transparent",boxShadow:"none",borderRadius:0}}:{}})),ResetButton=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.button((function(_ref190){var theme=_ref190.theme;return{border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:"3px 8px",transition:"all 150ms ease-out",verticalAlign:"top",userSelect:"none",margin:0,backgroundColor:"light"===theme.base?"#EAF3FC":theme.color.border,boxShadow:"light"===theme.base?"".concat(theme.color.border," 0 0 0 1px inset"):"".concat(theme.color.darker," 0 0 0 1px inset"),color:theme.color.secondary,"&:hover":{background:"light"===theme.base?curriedDarken$1(.03,"#EAF3FC"):curriedOpacify$1(.1,theme.color.border)},"&:focus":{boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset"),outline:"none"},svg:{display:"block",height:14,width:14}}})),ControlHeadingWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.span({display:"flex",justifyContent:"space-between"}),ArgsTableError;!function(ArgsTableError){ArgsTableError.NO_COMPONENT="No component found.",ArgsTableError.ARGS_UNSUPPORTED="Args unsupported. See Args documentation for your framework."}(ArgsTableError||(ArgsTableError={}));var sortFns={alpha:function alpha(a,b){return a.name.localeCompare(b.name)},requiredFirst:function requiredFirst(a,b){var _a,_b;return Number(!!(null===(_a=b.type)||void 0===_a?void 0:_a.required))-Number(!!(null===(_b=a.type)||void 0===_b?void 0:_b.required))||a.name.localeCompare(b.name)},none:void 0},rowLoadingData=function rowLoadingData(key){return{key,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}},argsTableLoadingData={rows:{row1:rowLoadingData("row1"),row2:rowLoadingData("row2"),row3:rowLoadingData("row3")}},groupRows=function groupRows(rows,sort){var sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach((function(_ref191){var _ref192=_slicedToArray(_ref191,2),key=_ref192[0],row=_ref192[1],_ref193=(null==row?void 0:row.table)||{},category=_ref193.category,subcategory=_ref193.subcategory;if(category){var section=sections.sections[category]||{ungrouped:[],subsections:{}};if(subcategory){var subsection=section.subsections[subcategory]||[];subsection.push(Object.assign({key},row)),section.subsections[subcategory]=subsection}else section.ungrouped.push(Object.assign({key},row));sections.sections[category]=section}else if(subcategory){var _subsection=sections.ungroupedSubsections[subcategory]||[];_subsection.push(Object.assign({key},row)),sections.ungroupedSubsections[subcategory]=_subsection}else sections.ungrouped.push(Object.assign({key},row))}));var sortFn=sortFns[sort],sortSubsection=function sortSubsection(record){return sortFn?Object.keys(record).reduce((function(acc,cur){return Object.assign(Object.assign({},acc),_defineProperty2({},cur,record[cur].sort(sortFn)))}),{}):record};return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((function(acc,cur){return Object.assign(Object.assign({},acc),_defineProperty2({},cur,{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}))}),{})}},safeIncludeConditionalArg=function safeIncludeConditionalArg(row,args,globals){try{return(0,_storybook_csf__WEBPACK_IMPORTED_MODULE_53__.includeConditionalArg)(row,args,globals)}catch(err){return _storybook_client_logger__WEBPACK_IMPORTED_MODULE_56__.IH.warn(err.message),!1}},ArgsTable=function ArgsTable(props){if("error"in props)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(EmptyBlock,null,props.error," ",react__WEBPACK_IMPORTED_MODULE_51__.createElement(Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));var updateArgs=props.updateArgs,resetArgs=props.resetArgs,compact=props.compact,inAddonPanel=props.inAddonPanel,initialExpandedArgs=props.initialExpandedArgs,_props$sort=props.sort,sort=void 0===_props$sort?"none":_props$sort,isLoading="isLoading"in props,_ref194="rows"in props?props:argsTableLoadingData,rows=_ref194.rows,args=_ref194.args,globals=_ref194.globals,groups=groupRows(pickBy_1(rows,(function(row){var _a;return!(null===(_a=null==row?void 0:row.table)||void 0===_a?void 0:_a.disable)&&safeIncludeConditionalArg(row,args||{},globals||{})})),sort);if(0===groups.ungrouped.length&&0===Object.entries(groups.sections).length&&0===Object.entries(groups.ungroupedSubsections).length)return react__WEBPACK_IMPORTED_MODULE_51__.createElement(EmptyBlock,null,"No inputs found for this component. ",react__WEBPACK_IMPORTED_MODULE_51__.createElement(Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));var colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);var expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(TableWrapper,Object.assign({"aria-hidden":isLoading},{compact,inAddonPanel,isLoading},{className:"docblock-argstable"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement("thead",{className:"docblock-argstable-head"},react__WEBPACK_IMPORTED_MODULE_51__.createElement("tr",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"Name")),compact?null:react__WEBPACK_IMPORTED_MODULE_51__.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"Description")),compact?null:react__WEBPACK_IMPORTED_MODULE_51__.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,"Default")),updateArgs?react__WEBPACK_IMPORTED_MODULE_51__.createElement("th",null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react__WEBPACK_IMPORTED_MODULE_51__.createElement(ResetButton,{onClick:function onClick(){return resetArgs()},title:"Reset controls"},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Icons,{icon:"undo","aria-hidden":!0})))):null)),react__WEBPACK_IMPORTED_MODULE_51__.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgRow,Object.assign({key:row.key,row,arg:args&&args[row.key]},common))})),Object.entries(groups.ungroupedSubsections).map((function(_ref195){var _ref196=_slicedToArray(_ref195,2),subcategory=_ref196[0],subsection=_ref196[1];return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgRow,Object.assign({key:row.key,row,arg:args&&args[row.key],expandable},common))})))})),Object.entries(groups.sections).map((function(_ref197){var _ref198=_slicedToArray(_ref197,2),category=_ref198[0],section=_ref198[1];return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgRow,Object.assign({key:row.key,row,arg:args&&args[row.key]},common))})),Object.entries(section.subsections).map((function(_ref199){var _ref200=_slicedToArray(_ref199,2),subcategory=_ref200[0],subsection=_ref200[1];return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((function(row){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgRow,Object.assign({key:row.key,row,arg:args&&args[row.key],expandable},common))})))})))})))))},TabbedArgsTable=function TabbedArgsTable(_a){var tabs=_a.tabs,props=__rest(_a,["tabs"]),entries=Object.entries(tabs);return 1===entries.length?react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgsTable,Object.assign({},entries[0][1],props)):react__WEBPACK_IMPORTED_MODULE_51__.createElement(TabsState,null,entries.map((function(entry){var _entry=_slicedToArray(entry,2),label=_entry[0],table=_entry[1],id="prop_table_div_".concat(label);return react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",{key:id,id,title:label},(function(_ref201){return _ref201.active?react__WEBPACK_IMPORTED_MODULE_51__.createElement(ArgsTable,Object.assign({key:"prop_table_".concat(label)},table,props)):null}))})))},NoControlsWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref202){var theme=_ref202.theme;return{background:theme.background.warning,color:theme.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:"".concat(theme.appBorderColor," 0 -1px 0 0 inset")}})),NoControlsWarning=function NoControlsWarning(){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(NoControlsWrapper,null,"This story is not configured to handle controls."," ",react__WEBPACK_IMPORTED_MODULE_51__.createElement(Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"))},Label=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref203){var theme=_ref203.theme;return{marginRight:30,fontSize:"".concat(theme.typography.size.s1,"px"),color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}})),Sample=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div(withReset,(function(_ref204){var theme=_ref204.theme;return Object.assign(Object.assign({},getBlockBackgroundStyle(theme)),{margin:"25px 0 40px",padding:"30px 20px"})})),Typeset=function Typeset(_a){var fontFamily=_a.fontFamily,fontSizes=_a.fontSizes,fontWeight=_a.fontWeight,sampleText=_a.sampleText,props=__rest(_a,["fontFamily","fontSizes","fontWeight","sampleText"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Wrapper,Object.assign({},props,{className:"docblock-typeset"}),fontSizes.map((function(size){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(TypeSpecimen,{key:size},react__WEBPACK_IMPORTED_MODULE_51__.createElement(Label,null,size),react__WEBPACK_IMPORTED_MODULE_51__.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))})))},ItemTitle=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref205){var theme=_ref205.theme;return{fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}})),ItemSubtitle=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref206){var theme=_ref206.theme;return{color:"light"===theme.base?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}})),ItemDescription=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref207){var theme=_ref207.theme;return{flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}})),SwatchLabels=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",flexDirection:"row"}),Swatch=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref208){return{position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:_ref208.background,content:'""'}}})),SwatchColors=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref209){var theme=_ref209.theme;return Object.assign(Object.assign({},getBlockBackgroundStyle(theme)),{display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"})})),SwatchSpecimen=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({flex:1,display:"flex",flexDirection:"row"}),Item$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",alignItems:"flex-start"}),ListName=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({flex:"0 0 30%"}),ListSwatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({flex:1}),ListHeading=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref210){var theme=_ref210.theme;return{display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}})),List$1=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref211){return{fontSize:_ref211.theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}}));function renderSwatch(color,index){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Swatch,{key:"".concat(color,"-").concat(index),title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchLabel,{key:"".concat(color,"-").concat(index),title:color},react__WEBPACK_IMPORTED_MODULE_51__.createElement("div",null,color,colorDescription&&react__WEBPACK_IMPORTED_MODULE_51__.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchSpecimen,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchColors,null,colors.map((function(color,index){return renderSwatch(color,index)}))),react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchLabels,null,colors.map((function(color,index){return renderSwatchLabel(color,index)})))):react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchSpecimen,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchColors,null,Object.values(colors).map((function(color,index){return renderSwatch(color,index)}))),react__WEBPACK_IMPORTED_MODULE_51__.createElement(SwatchLabels,null,Object.keys(colors).map((function(color,index){return renderSwatchLabel(color,index,colors[color])}))))}var ColorItem=function ColorItem(_ref212){var title=_ref212.title,subtitle=_ref212.subtitle,colors=_ref212.colors;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Item$1,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ItemDescription,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ItemTitle,null,title),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ItemSubtitle,null,subtitle)),react__WEBPACK_IMPORTED_MODULE_51__.createElement(Swatches,null,renderSwatchSpecimen(colors)))},ColorPalette=function ColorPalette(_a){var children=_a.children,props=__rest(_a,["children"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(List$1,Object.assign({},props,{className:"docblock-colorpalette"}),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ListHeading,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ListName,null,"Name"),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ListSwatches,null,"Swatches")),children))},ItemLabel=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref213){var theme=_ref213.theme;return{fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}})),ItemSpecimen=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div((function(_ref214){var theme=_ref214.theme;return Object.assign(Object.assign({},getBlockBackgroundStyle(theme)),{overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})})),Item=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),List=_storybook_theming__WEBPACK_IMPORTED_MODULE_55__.zo.div({display:"flex",flexFlow:"row wrap"}),IconItem=function IconItem(_ref215){var name=_ref215.name,children=_ref215.children;return react__WEBPACK_IMPORTED_MODULE_51__.createElement(Item,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(ItemSpecimen,null,children),react__WEBPACK_IMPORTED_MODULE_51__.createElement(ItemLabel,null,name))},IconGallery=function IconGallery(_a){var children=_a.children,props=__rest(_a,["children"]);return react__WEBPACK_IMPORTED_MODULE_51__.createElement(ResetWrapper,null,react__WEBPACK_IMPORTED_MODULE_51__.createElement(List,Object.assign({},props,{className:"docblock-icongallery"}),children))},components=components$1,resetComponents={};Object.keys(components$1).forEach((function(key){resetComponents[key]=(0,react__WEBPACK_IMPORTED_MODULE_51__.forwardRef)((function(props,ref){return(0,react__WEBPACK_IMPORTED_MODULE_51__.createElement)(key,Object.assign(Object.assign({},props),{ref}))}))}))},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/core-events/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var events;__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CHANNEL_CREATED:()=>CHANNEL_CREATED,CONFIG_ERROR:()=>CONFIG_ERROR,CURRENT_STORY_WAS_SET:()=>CURRENT_STORY_WAS_SET,DOCS_RENDERED:()=>DOCS_RENDERED,FORCE_REMOUNT:()=>FORCE_REMOUNT,FORCE_RE_RENDER:()=>FORCE_RE_RENDER,GLOBALS_UPDATED:()=>GLOBALS_UPDATED,IGNORED_EXCEPTION:()=>IGNORED_EXCEPTION,NAVIGATE_URL:()=>NAVIGATE_URL,PRELOAD_STORIES:()=>PRELOAD_STORIES,PREVIEW_KEYDOWN:()=>PREVIEW_KEYDOWN,REGISTER_SUBSCRIPTION:()=>REGISTER_SUBSCRIPTION,RESET_STORY_ARGS:()=>RESET_STORY_ARGS,SELECT_STORY:()=>SELECT_STORY,SET_CURRENT_STORY:()=>SET_CURRENT_STORY,SET_GLOBALS:()=>SET_GLOBALS,SET_STORIES:()=>SET_STORIES,SHARED_STATE_CHANGED:()=>SHARED_STATE_CHANGED,SHARED_STATE_SET:()=>SHARED_STATE_SET,STORIES_COLLAPSE_ALL:()=>STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL:()=>STORIES_EXPAND_ALL,STORY_ARGS_UPDATED:()=>STORY_ARGS_UPDATED,STORY_CHANGED:()=>STORY_CHANGED,STORY_ERRORED:()=>STORY_ERRORED,STORY_INDEX_INVALIDATED:()=>STORY_INDEX_INVALIDATED,STORY_MISSING:()=>STORY_MISSING,STORY_PREPARED:()=>STORY_PREPARED,STORY_RENDERED:()=>STORY_RENDERED,STORY_RENDER_PHASE_CHANGED:()=>STORY_RENDER_PHASE_CHANGED,STORY_SPECIFIED:()=>STORY_SPECIFIED,STORY_THREW_EXCEPTION:()=>STORY_THREW_EXCEPTION,STORY_UNCHANGED:()=>STORY_UNCHANGED,UPDATE_GLOBALS:()=>UPDATE_GLOBALS,UPDATE_QUERY_PARAMS:()=>UPDATE_QUERY_PARAMS,UPDATE_STORY_ARGS:()=>UPDATE_STORY_ARGS,default:()=>__WEBPACK_DEFAULT_EXPORT__}),function(events){events.CHANNEL_CREATED="channelCreated",events.CONFIG_ERROR="configError",events.STORY_INDEX_INVALIDATED="storyIndexInvalidated",events.STORY_SPECIFIED="storySpecified",events.SET_STORIES="setStories",events.SET_CURRENT_STORY="setCurrentStory",events.CURRENT_STORY_WAS_SET="currentStoryWasSet",events.FORCE_RE_RENDER="forceReRender",events.FORCE_REMOUNT="forceRemount",events.PRELOAD_STORIES="preloadStories",events.STORY_PREPARED="storyPrepared",events.STORY_CHANGED="storyChanged",events.STORY_UNCHANGED="storyUnchanged",events.STORY_RENDERED="storyRendered",events.STORY_MISSING="storyMissing",events.STORY_ERRORED="storyErrored",events.STORY_THREW_EXCEPTION="storyThrewException",events.STORY_RENDER_PHASE_CHANGED="storyRenderPhaseChanged",events.UPDATE_STORY_ARGS="updateStoryArgs",events.STORY_ARGS_UPDATED="storyArgsUpdated",events.RESET_STORY_ARGS="resetStoryArgs",events.SET_GLOBALS="setGlobals",events.UPDATE_GLOBALS="updateGlobals",events.GLOBALS_UPDATED="globalsUpdated",events.REGISTER_SUBSCRIPTION="registerSubscription",events.PREVIEW_KEYDOWN="previewKeydown",events.SELECT_STORY="selectStory",events.STORIES_COLLAPSE_ALL="storiesCollapseAll",events.STORIES_EXPAND_ALL="storiesExpandAll",events.DOCS_RENDERED="docsRendered",events.SHARED_STATE_CHANGED="sharedStateChanged",events.SHARED_STATE_SET="sharedStateSet",events.NAVIGATE_URL="navigateUrl",events.UPDATE_QUERY_PARAMS="updateQueryParams"}(events||(events={}));const __WEBPACK_DEFAULT_EXPORT__=events;var CHANNEL_CREATED=events.CHANNEL_CREATED,CONFIG_ERROR=events.CONFIG_ERROR,STORY_INDEX_INVALIDATED=events.STORY_INDEX_INVALIDATED,STORY_SPECIFIED=events.STORY_SPECIFIED,SET_STORIES=events.SET_STORIES,SET_CURRENT_STORY=events.SET_CURRENT_STORY,CURRENT_STORY_WAS_SET=events.CURRENT_STORY_WAS_SET,FORCE_RE_RENDER=events.FORCE_RE_RENDER,FORCE_REMOUNT=events.FORCE_REMOUNT,STORY_PREPARED=events.STORY_PREPARED,STORY_CHANGED=events.STORY_CHANGED,STORY_UNCHANGED=events.STORY_UNCHANGED,PRELOAD_STORIES=events.PRELOAD_STORIES,STORY_RENDERED=events.STORY_RENDERED,STORY_MISSING=events.STORY_MISSING,STORY_ERRORED=events.STORY_ERRORED,STORY_THREW_EXCEPTION=events.STORY_THREW_EXCEPTION,STORY_RENDER_PHASE_CHANGED=events.STORY_RENDER_PHASE_CHANGED,UPDATE_STORY_ARGS=events.UPDATE_STORY_ARGS,STORY_ARGS_UPDATED=events.STORY_ARGS_UPDATED,RESET_STORY_ARGS=events.RESET_STORY_ARGS,SET_GLOBALS=events.SET_GLOBALS,UPDATE_GLOBALS=events.UPDATE_GLOBALS,GLOBALS_UPDATED=events.GLOBALS_UPDATED,REGISTER_SUBSCRIPTION=events.REGISTER_SUBSCRIPTION,PREVIEW_KEYDOWN=events.PREVIEW_KEYDOWN,SELECT_STORY=events.SELECT_STORY,STORIES_COLLAPSE_ALL=events.STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL=events.STORIES_EXPAND_ALL,DOCS_RENDERED=events.DOCS_RENDERED,SHARED_STATE_CHANGED=events.SHARED_STATE_CHANGED,SHARED_STATE_SET=events.SHARED_STATE_SET,NAVIGATE_URL=events.NAVIGATE_URL,UPDATE_QUERY_PARAMS=events.UPDATE_QUERY_PARAMS,IGNORED_EXCEPTION=new Error("ignoredException")},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/SBType.js":()=>{},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/includeConditionalArg.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("../../node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists,eq,neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg,global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("../../node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/story.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/theming/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var react__WEBPACK_IMPORTED_MODULE_37___namespace_cache;__webpack_require__.d(__webpack_exports__,{$n:()=>lightenColor,F4:()=>keyframes,Fg:()=>useTheme,OQ:()=>convert,R_:()=>isPropValid,_j:()=>darkenColor,f6:()=>ThemeProvider,np:()=>themes,xB:()=>Global,zo:()=>styled,zx:()=>ensure});__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.global-this.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-names.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.set.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.to-fixed.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.bold.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("../../node_modules/react/index.js"),memoizerific__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("../../node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_38___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_38__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0?charat(characters,--position):0,column--,10===character&&(column=1,line--),character}function next(){return character=position2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&32==peek()&&32==next()))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:34!==type&&39!==type&&delimiter(character);break;case 40:41===type&&delimiter(type);break;case 92:next()}return position}function commenter(type,index){for(;next()&&type+character!==57&&(type+character!==84||47!==peek()););return"/*"+slice(index,position-1)+"*"+from(47===type?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse("",null,null,null,[""],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character=0,type="",props=rules,children=rulesets,reference=rule,characters=type;scanning;)switch(previous=character,character=next()){case 40:if(108!=previous&&58==characters.charCodeAt(length-1)){-1!=indexof(characters+=replace(delimit(character),"&","&\f"),"&\f")&&(ampersand=-1);break}case 34:case 39:case 91:characters+=delimit(character);break;case 9:case 10:case 13:case 32:characters+=whitespace(previous);break;case 92:characters+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root,parent),declarations);break;default:characters+="/"}break;case 123*variable:points[index++]=strlen(characters)*ampersand;case 125*variable:case 59:case 0:switch(character){case 0:case 125:scanning=0;case 59+offset:property>0&&strlen(characters)-length&&append(property>32?declaration(characters+";",rule,parent,length-1):declaration(replace(characters," ","")+";",rule,parent,length-2),declarations);break;case 59:characters+=";";default:if(append(reference=ruleset(characters,root,parent,index,offset,rules,points,type,props=[],children=[],length),rulesets),123===character)if(0===offset)parse(characters,root,reference,reference,props,rulesets,length,points,children);else switch(atrule){case 100:case 109:case 115:parse(value,reference,reference,rule&&append(ruleset(value,reference,reference,0,0,rules,points,type,rules,props=[],length),children),rules,children,length,points,rule?props:children);break;default:parse(characters,reference,reference,reference,[""],children,0,points,children)}}index=offset=property=0,variable=ampersand=1,type=characters="",length=pseudo;break;case 58:length=1+strlen(characters),property=previous;default:if(variable<1)if(123==character)--variable;else if(125==character&&0==variable++&&125==prev())continue;switch(characters+=from(character),character*variable){case 38:ampersand=offset>0?1:(characters+="\f",-1);break;case 44:points[index++]=(strlen(characters)-1)*ampersand,ampersand=1;break;case 64:45===peek()&&(characters+=delimit(next())),atrule=peek(),offset=length=strlen(type=characters+=identifier(caret())),character++;break;case 45:45===previous&&2==strlen(characters)&&(variable=0)}}return rulesets}function ruleset(value,root,parent,index,offset,rules,points,type,props,children,length){for(var post=offset-1,rule=0===offset?rules:[""],size=sizeof(rule),i=0,j=0,k=0;i0?rule[x]+" "+y:replace(y,/&\f/g,rule[x])))&&(props[k++]=z);return node(value,root,parent,0===offset?RULESET:type,props,children,length)}function comment(value,root,parent){return node(value,root,parent,COMMENT,from(function char(){return character}()),substr(value,2,-2),0)}function declaration(value,root,parent,length){return node(value,root,parent,DECLARATION,substr(value,0,length),substr(value,length+1,-1),length)}function prefix(value,length){switch(function hash(value,length){return(((length<<2^charat(value,0))<<2^charat(value,1))<<2^charat(value,2))<<2^charat(value,3)}(value,length)){case 5103:return WEBKIT+"print-"+value+value;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value+value;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value+MOZ+value+MS+value+value;case 6828:case 4268:return WEBKIT+value+MS+value+value;case 6165:return WEBKIT+value+MS+"flex-"+value+value;case 5187:return WEBKIT+value+replace(value,/(\w+).+(:[^]+)/,WEBKIT+"box-$1$2"+MS+"flex-$1$2")+value;case 5443:return WEBKIT+value+MS+"flex-item-"+replace(value,/flex-|-self/,"")+value;case 4675:return WEBKIT+value+MS+"flex-line-pack"+replace(value,/align-content|flex-|-self/,"")+value;case 5548:return WEBKIT+value+MS+replace(value,"shrink","negative")+value;case 5292:return WEBKIT+value+MS+replace(value,"basis","preferred-size")+value;case 6060:return WEBKIT+"box-"+replace(value,"-grow","")+WEBKIT+value+MS+replace(value,"grow","positive")+value;case 4554:return WEBKIT+replace(value,/([^-])(transform)/g,"$1"+WEBKIT+"$2")+value;case 6187:return replace(replace(replace(value,/(zoom-|grab)/,WEBKIT+"$1"),/(image-set)/,WEBKIT+"$1"),value,"")+value;case 5495:case 3959:return replace(value,/(image-set\([^]*)/,WEBKIT+"$1$`$1");case 4968:return replace(replace(value,/(.+:)(flex-)?(.*)/,WEBKIT+"box-pack:$3"+MS+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+WEBKIT+value+value;case 4095:case 3583:case 4068:case 2532:return replace(value,/(.+)-inline(.+)/,WEBKIT+"$1$2")+value;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value)-1-length>6)switch(charat(value,length+1)){case 109:if(45!==charat(value,length+4))break;case 102:return replace(value,/(.+:)(.+)-([^]+)/,"$1"+WEBKIT+"$2-$3$1"+MOZ+(108==charat(value,length+3)?"$3":"$2-$3"))+value;case 115:return~indexof(value,"stretch")?prefix(replace(value,"stretch","fill-available"),length)+value:value}break;case 4949:if(115!==charat(value,length+1))break;case 6444:switch(charat(value,strlen(value)-3-(~indexof(value,"!important")&&10))){case 107:return replace(value,":",":"+WEBKIT)+value;case 101:return replace(value,/(.+:)([^;!]+)(;|!.+)?/,"$1"+WEBKIT+(45===charat(value,14)?"inline-":"")+"box$3$1"+WEBKIT+"$2$3$1"+MS+"$2box$3")+value}break;case 5936:switch(charat(value,length+11)){case 114:return WEBKIT+value+MS+replace(value,/[svh]\w+-[tblr]{2}/,"tb")+value;case 108:return WEBKIT+value+MS+replace(value,/[svh]\w+-[tblr]{2}/,"tb-rl")+value;case 45:return WEBKIT+value+MS+replace(value,/[svh]\w+-[tblr]{2}/,"lr")+value}return WEBKIT+value+MS+value+value}return value}function serialize(children,callback){for(var output="",length=sizeof(children),i=0;i-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case"@keyframes":return serialize([copy(element,{value:replace(element.value,"@","@"+WEBKIT)})],callback);case RULESET:if(element.length)return function combine(array,callback){return array.map(callback).join("")}(element.props,(function(value){switch(function match(value,pattern){return(value=pattern.exec(value))?value[0]:value}(value,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return serialize([copy(element,{props:[replace(value,/:(read-\w+)/,":"+MOZ+"$1")]})],callback);case"::placeholder":return serialize([copy(element,{props:[replace(value,/:(plac\w+)/,":"+WEBKIT+"input-$1")]}),copy(element,{props:[replace(value,/:(plac\w+)/,":"+MOZ+"$1")]}),copy(element,{props:[replace(value,/:(plac\w+)/,MS+"input-$1")]})],callback)}return""}))}}],createCache=function createCache(options){var key=options.key;if(isBrowser$6&&"css"===key){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,(function(node){-1!==node.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(node),node.setAttribute("data-s",""))}))}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;var container,_insert,inserted={},nodesToHydrate=[];isBrowser$6&&(container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key+' "]'),(function(node){for(var attrib=node.getAttribute("data-emotion").split(" "),i=1;i=4;++i,len-=4)k=1540483477*(65535&(k=255&str.charCodeAt(i)|(255&str.charCodeAt(++i))<<8|(255&str.charCodeAt(++i))<<16|(255&str.charCodeAt(++i))<<24))+(59797*(k>>>16)<<16),h=1540483477*(65535&(k^=k>>>24))+(59797*(k>>>16)<<16)^1540483477*(65535&h)+(59797*(h>>>16)<<16);switch(len){case 3:h^=(255&str.charCodeAt(i+2))<<16;case 2:h^=(255&str.charCodeAt(i+1))<<8;case 1:h=1540483477*(65535&(h^=255&str.charCodeAt(i)))+(59797*(h>>>16)<<16)}return(((h=1540483477*(65535&(h^=h>>>13))+(59797*(h>>>16)<<16))^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},hyphenateRegex$1=/[A-Z]|^ms/g,animationRegex$1=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty$1=function isCustomProperty(property){return 45===property.charCodeAt(1)},isProcessableValue$1=function isProcessableValue(value){return null!=value&&"boolean"!=typeof value},processStyleName$1=memoize((function(styleName){return isCustomProperty$1(styleName)?styleName:styleName.replace(hyphenateRegex$1,"-$&").toLowerCase()})),processStyleValue$1=function processStyleValue(key,value){switch(key){case"animation":case"animationName":if("string"==typeof value)return value.replace(animationRegex$1,(function(match,p1,p2){return cursor$1={name:p1,styles:p2,next:cursor$1},p1}))}return 1===unitlessKeys[key]||isCustomProperty$1(key)||"number"!=typeof value||0===value?value:value+"px"};function handleInterpolation$1(mergedProps,registered,interpolation){if(null==interpolation)return"";if(void 0!==interpolation.__emotion_styles)return interpolation;switch(_typeof(interpolation)){case"boolean":return"";case"object":if(1===interpolation.anim)return cursor$1={name:interpolation.name,styles:interpolation.styles,next:cursor$1},interpolation.name;if(void 0!==interpolation.styles){var next=interpolation.next;if(void 0!==next)for(;void 0!==next;)cursor$1={name:next.name,styles:next.styles,next:cursor$1},next=next.next;return interpolation.styles+";"}return function createStringFromObject$1(mergedProps,registered,obj){var string="";if(Array.isArray(obj))for(var i=0;i96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},isBrowser="undefined"!=typeof document,useInsertionEffect=(react__WEBPACK_IMPORTED_MODULE_37___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_37___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_37__,2))).useInsertionEffect?(react__WEBPACK_IMPORTED_MODULE_37___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_37___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_37__,2))).useInsertionEffect:function useInsertionEffect(create){create()};var isBrowser$1="undefined"!=typeof document,Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;registerStyles(cache,serialized,isStringTag);var rules=function useInsertionEffectMaybe(create){if(!isBrowser)return create();useInsertionEffect(create)}((function(){return function insertStyles(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(void 0===cache.inserted[serialized.name]){var stylesForSSR="",current=serialized;do{var maybeStyles=cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0);isBrowser$2||void 0===maybeStyles||(stylesForSSR+=maybeStyles),current=current.next}while(void 0!==current);if(!isBrowser$2&&0!==stylesForSSR.length)return stylesForSSR}}(cache,serialized,isStringTag)}));if(!isBrowser$1&&void 0!==rules){for(var _ref2,serializedNames=serialized.name,next=serialized.next;void 0!==next;)serializedNames+=" "+next.name,next=next.next;return(0,react__WEBPACK_IMPORTED_MODULE_37__.createElement)("style",((_ref2={})["data-emotion"]=cache.key+" "+serializedNames,_ref2.dangerouslySetInnerHTML={__html:rules},_ref2.nonce=cache.sheet.nonce,_ref2))}return null},newStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new PolishedError(3);var normalizedColor=function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function parseToHsl(color){return function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"===_typeof(firstValue)&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new PolishedError(7)}var isRgb=function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)},isRgba=function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha},isHsl=function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)},isHsla=function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha};function toColorString(color){if("object"!==_typeof(color))throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return function hsla(value,saturation,lightness,alpha){if("number"==typeof value&&"number"==typeof saturation&&"number"==typeof lightness&&"number"==typeof alpha)return alpha>=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}(color);if(isHsl(color))return function hsl(value,saturation,lightness){if("number"==typeof value&&"number"==typeof saturation&&"number"==typeof lightness)return hslToHex(value,saturation,lightness);if("object"===_typeof(value)&&void 0===saturation&&void 0===lightness)return hslToHex(value.hue,value.saturation,value.lightness);throw new PolishedError(1)}(color);throw new PolishedError(8)}function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken$1=curry(darken);function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten$1=curry(lighten);function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends({},parsedColor,{alpha:guard(0,1,(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)+100*parseFloat(amount))/100)}))}var curriedOpacify$1=curry(opacify);function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends({},parsedColor,{alpha:guard(0,1,+(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)-100*parseFloat(amount)).toFixed(2)/100)}))}var color_secondary="#1EA7FD",color_tertiary="#FAFBFC",color_ancillary="#22a699",color_orange="#FC521F",color_gold="#FFAE00",color_green="#66BF3C",color_seafoam="#37D5D3",color_purple="#6F2CAC",color_ultraviolet="#2A0481",color_lightest="#FFFFFF",color_lighter="#F8F8F8",color_light="#F3F3F3",color_mediumlight="#EEEEEE",color_medium="#DDDDDD",color_mediumdark="#999999",color_dark="#666666",color_darker="#444444",color_darkest="#333333",color_border="rgba(0,0,0,.1)",color_positive="#66BF3C",color_negative="#FF4400",color_warning="#E69D00",color_critical="#FFFFFF",background={app:"#F6F9FC",bar:"#FFFFFF",content:color_lightest,gridCellSize:10,hoverable:curry(transparentize)(.93,color_secondary),positive:"#E1FFD4",negative:"#FEDED2",warning:"#FFF5CF",critical:"#FF4400"},typography={fonts:{base:['"Nunito Sans"',"-apple-system",'".SFNSText-Regular"','"San Francisco"',"BlinkMacSystemFont",'"Segoe UI"','"Helvetica Neue"',"Helvetica","Arial","sans-serif"].join(", "),mono:["ui-monospace","Menlo","Monaco",'"Roboto Mono"','"Oxygen Mono"','"Ubuntu Monospace"','"Source Code Pro"','"Droid Sans Mono"','"Courier New"',"monospace"].join(", ")},weight:{regular:400,bold:700,black:900},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48,code:90}},createReset=memoizerific__WEBPACK_IMPORTED_MODULE_38___default()(1)((function(_ref3){var typography=_ref3.typography;return{body:{fontFamily:typography.fonts.base,fontSize:typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},"*":{boxSizing:"border-box"},"h1, h2, h3, h4, h5, h6":{fontWeight:typography.weight.regular,margin:0,padding:0},"button, input, textarea, select":{fontFamily:"inherit",fontSize:"inherit",boxSizing:"border-box"},sub:{fontSize:"0.8em",bottom:"-0.2em"},sup:{fontSize:"0.8em",top:"-0.2em"},"b, strong":{fontWeight:typography.weight.bold},hr:{border:"none",borderTop:"1px solid silver",clear:"both",marginBottom:"1.25rem"},code:{fontFamily:typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"},pre:{fontFamily:typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0"}}})),theme$1=(memoizerific__WEBPACK_IMPORTED_MODULE_38___default()(1)((function(_ref4){var color=_ref4.color,background=_ref4.background,typography=_ref4.typography,resetStyles=createReset({typography});return Object.assign(Object.assign({},resetStyles),{body:Object.assign(Object.assign({},resetStyles.body),{color:color.defaultText,background:background.app,overflow:"hidden"}),hr:Object.assign(Object.assign({},resetStyles.hr),{borderTop:"1px solid ".concat(color.border)})})})),{base:"light",colorPrimary:"#FF4785",colorSecondary:"#1EA7FD",appBg:background.app,appContentBg:color_lightest,appBorderColor:color_border,appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:color_darkest,textInverseColor:color_lightest,textMutedColor:color_dark,barTextColor:color_mediumdark,barSelectedColor:color_secondary,barBg:color_lightest,inputBg:color_lightest,inputBorder:color_border,inputTextColor:color_darkest,inputBorderRadius:4}),theme={base:"dark",colorPrimary:"#FF4785",colorSecondary:"#1EA7FD",appBg:"#2f2f2f",appContentBg:color_darkest,appBorderColor:"rgba(255,255,255,.1)",appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:color_lightest,textInverseColor:color_darkest,textMutedColor:color_mediumdark,barTextColor:"#999999",barSelectedColor:color_secondary,barBg:color_darkest,inputBg:"#3f3f3f",inputBorder:"rgba(0,0,0,.3)",inputTextColor:color_lightest,inputBorderRadius:4},globalWindow=("undefined"!=typeof window?window:void 0!==commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{}).window,colorFactory=function colorFactory(type){return function(color){if(!function isColorString(color){return"string"==typeof color||(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_39__.kg.warn("Color passed to theme object should be a string. Instead "+"".concat(color,"(").concat(_typeof(color),") was passed.")),!1)}(color))return color;if(!function isValidColorForPolished(color){return!/(gradient|var|calc)/.test(color)}(color))return color;try{return function applyPolished(type,color){return"darken"===type?rgba("".concat(curriedDarken$1(1,color)),.95):"lighten"===type?rgba("".concat(curriedLighten$1(1,color)),.95):color}(type,color)}catch(error){return color}}},lightenColor=colorFactory("lighten"),darkenColor=colorFactory("darken"),getPreferredColorScheme=function getPreferredColorScheme(){return globalWindow&&globalWindow.matchMedia&&globalWindow.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"},themes={light:theme$1,dark:theme,normal:theme$1};getPreferredColorScheme();var easing={rubber:"cubic-bezier(0.175, 0.885, 0.335, 1.05)"},rotate360=keyframes(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n"]))),glow=keyframes(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n 0%, 100% { opacity: 1; }\n 50% { opacity: .4; }\n"]))),animation={rotate360,glow,float:keyframes(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n 0% { transform: translateY(1px); }\n 25% { transform: translateY(0px); }\n 50% { transform: translateY(-3px); }\n 100% { transform: translateY(1px); }\n"]))),jiggle:keyframes(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n 0%, 100% { transform:translate3d(0,0,0); }\n 12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n 37.5%, 87.5% { transform: translate3d(4px,0,0); }\n"]))),inlineGlow:css(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n animation: "," 1.5s ease-in-out infinite;\n color: transparent;\n cursor: progress;\n"])),glow),hoverable:css(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n transition: all 150ms ease-out;\n transform: translate3d(0, 0, 0);\n\n &:hover {\n transform: translate3d(0, -2px, 0);\n }\n\n &:active {\n transform: translate3d(0, 0, 0);\n }\n"])))},chromeDark={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},chromeLight={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},convertColors=function convertColors(colors){return Object.entries(colors).reduce((function(acc,_ref5){var _ref6=_slicedToArray(_ref5,2),k=_ref6[0],v=_ref6[1];return Object.assign(Object.assign({},acc),function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},k,function mkColor(color){return{color}}(v)))}),{})},create=function create(_ref7){var colors=_ref7.colors,mono=_ref7.mono,colorsObjs=convertColors(colors);return{token:{fontFamily:mono,WebkitFontSmoothing:"antialiased","&.tag":colorsObjs.red3,"&.comment":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.prolog":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.doctype":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.cdata":Object.assign(Object.assign({},colorsObjs.green1),{fontStyle:"italic"}),"&.string":colorsObjs.red1,"&.url":colorsObjs.cyan1,"&.symbol":colorsObjs.cyan1,"&.number":colorsObjs.cyan1,"&.boolean":colorsObjs.cyan1,"&.variable":colorsObjs.cyan1,"&.constant":colorsObjs.cyan1,"&.inserted":colorsObjs.cyan1,"&.atrule":colorsObjs.blue1,"&.keyword":colorsObjs.blue1,"&.attr-value":colorsObjs.blue1,"&.punctuation":colorsObjs.gray1,"&.operator":colorsObjs.gray1,"&.function":colorsObjs.gray1,"&.deleted":colorsObjs.red2,"&.important":{fontWeight:"bold"},"&.bold":{fontWeight:"bold"},"&.italic":{fontStyle:"italic"},"&.class-name":colorsObjs.cyan2,"&.selector":colorsObjs.red3,"&.attr-name":colorsObjs.red4,"&.property":colorsObjs.red4,"&.regex":colorsObjs.red4,"&.entity":colorsObjs.red4,"&.directive.tag .tag":Object.assign({background:"#ffff00"},colorsObjs.gray1)},"language-json .token.boolean":colorsObjs.blue1,"language-json .token.number":colorsObjs.blue1,"language-json .token.property":colorsObjs.cyan2,namespace:{opacity:.7}}},lightSyntaxColors={green1:"#008000",red1:"#A31515",red2:"#9a050f",red3:"#800000",red4:"#ff0000",gray1:"#393A34",cyan1:"#36acaa",cyan2:"#2B91AF",blue1:"#0000ff",blue2:"#00009f"},darkSyntaxColors={green1:"#7C7C7C",red1:"#92C379",red2:"#9a050f",red3:"#A8FF60",red4:"#96CBFE",gray1:"#EDEDED",cyan1:"#C6C5FE",cyan2:"#FFFFB6",blue1:"#B474DD",blue2:"#00009f"},createColors=function createColors(vars){return{primary:vars.colorPrimary,secondary:vars.colorSecondary,tertiary:color_tertiary,ancillary:color_ancillary,orange:color_orange,gold:color_gold,green:color_green,seafoam:color_seafoam,purple:color_purple,ultraviolet:color_ultraviolet,lightest:color_lightest,lighter:color_lighter,light:color_light,mediumlight:color_mediumlight,medium:color_medium,mediumdark:color_mediumdark,dark:color_dark,darker:color_darker,darkest:color_darkest,border:color_border,positive:color_positive,negative:color_negative,warning:color_warning,critical:color_critical,defaultText:vars.textColor||color_darkest,inverseText:vars.textInverseColor||color_lightest}},convert=function convert(){var inherit=arguments.length>0&&void 0!==arguments[0]?arguments[0]:themes[getPreferredColorScheme()],base=inherit.base,colorSecondary=(inherit.colorPrimary,inherit.colorSecondary),appBg=inherit.appBg,appContentBg=inherit.appContentBg,appBorderColor=inherit.appBorderColor,appBorderRadius=inherit.appBorderRadius,fontBase=inherit.fontBase,fontCode=inherit.fontCode,textColor=inherit.textColor,barTextColor=(inherit.textInverseColor,inherit.barTextColor),barSelectedColor=inherit.barSelectedColor,barBg=inherit.barBg,inputBg=inherit.inputBg,inputBorder=inherit.inputBorder,inputTextColor=inherit.inputTextColor,inputBorderRadius=inherit.inputBorderRadius,brandTitle=inherit.brandTitle,brandUrl=inherit.brandUrl,brandImage=inherit.brandImage,brandTarget=inherit.brandTarget,gridCellSize=inherit.gridCellSize,rest=function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args[_key3-1]=arguments[_key3];return(_Object$prototype$has=Object.prototype.hasOwnProperty).call.apply(_Object$prototype$has,[o].concat(args))}(r,key)){var difference=deletedDiff(l[key],r[key]);return isObject(difference)&&function isEmpty(o){return 0===Object.keys(o).length}(difference)||(acc[key]=difference),acc}return acc[key]=void 0,acc}),{})};var ensure=function ensure(input){if(!input)return convert(theme$1);var missing=deletedDiff(theme$1,input);return Object.keys(missing).length&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_39__.kg.warn(function dedent(templ){for(var values=[],_i=1;_i{"use strict";function isObject(val){return null!=val&&"object"==typeof val&&!1===Array.isArray(val)}__webpack_require__.d(__webpack_exports__,{Z:()=>isObject})},"../../node_modules/@storybook/builder-webpack5/node_modules/telejson/dist/esm/dom-event.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iextractEventHiddenProperties});var eventProperties=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],customEventSpecificProperties=["detail"];function extractEventHiddenProperties(event){var rebuildEvent=eventProperties.filter((function(value){return void 0!==event[value]})).reduce((function(acc,value){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},value,event[value]))}),{});return event instanceof CustomEvent&&customEventSpecificProperties.filter((function(value){return void 0!==event[value]})).forEach((function(value){rebuildEvent[value]=event[value]})),rebuildEvent}},"../../node_modules/@storybook/builder-webpack5/node_modules/telejson/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Pz:()=>stringify,Qc:()=>parse,pM:()=>isJSON});var is_regex__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/is-regex/index.js"),is_regex__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(is_regex__WEBPACK_IMPORTED_MODULE_0__),is_function__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/is-function/index.js"),is_function__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(is_function__WEBPACK_IMPORTED_MODULE_1__),is_symbol__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/is-symbol/index.js"),is_symbol__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(is_symbol__WEBPACK_IMPORTED_MODULE_2__),isobject__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/isobject/index.js"),lodash_get__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/lodash/get.js"),lodash_get__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_3__),memoizerific__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_4__),_dom_event__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/telejson/dist/esm/dom-event.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||code.indexOf("/*")>=0)for(var i=0;i"))return stringified;if(fnHead.includes("function"))return stringified;var modifiedHead=fnHead;return(modifiedHead=modifiedHead.replace(key,"function"))+fnBody},dateFormat=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,isJSON=function isJSON(input){return input.match(/^[\[\{\"\}].*[\]\}\"]$/)};function convertUnconventionalData(data){if(!isObject(data))return data;var result=data,wasMutated=!1;return isRunningInBrowser&&data instanceof Event&&(result=(0,_dom_event__WEBPACK_IMPORTED_MODULE_6__._)(result),wasMutated=!0),result=Object.keys(result).reduce((function(acc,key){try{var _result$key;null===(_result$key=result[key])||void 0===_result$key||_result$key.toJSON,acc[key]=result[key]}catch(err){wasMutated=!0}return acc}),{}),wasMutated?result:data}var replacer=function replacer(options){var objects,map,stack,keys;return function replace(key,value){try{if(""===key)return keys=[],objects=new Map([[value,"[]"]]),map=new Map,stack=[],value;for(var origin=map.get(this)||this;stack.length&&origin!==stack[0];)stack.shift(),keys.pop();if("boolean"==typeof value)return value;if(void 0===value){if(!options.allowUndefined)return;return"_undefined_"}if(null===value)return null;if("number"==typeof value)return value===-1/0?"_-Infinity_":value===1/0?"_Infinity_":Number.isNaN(value)?"_NaN_":value;if("bigint"==typeof value)return"_bigint_".concat(value.toString());if("string"==typeof value){if(dateFormat.test(value)){if(!options.allowDate)return;return"_date_".concat(value)}return value}if(is_regex__WEBPACK_IMPORTED_MODULE_0___default()(value)){if(!options.allowRegExp)return;return"_regexp_".concat(value.flags,"|").concat(value.source)}if(is_function__WEBPACK_IMPORTED_MODULE_1___default()(value)){if(!options.allowFunction)return;var name=value.name,stringified=value.toString();return stringified.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?"_function_".concat(name,"|").concat(function(){}.toString()):"_function_".concat(name,"|").concat(cleanCode(convertShorthandMethods(key,stringified)))}if(is_symbol__WEBPACK_IMPORTED_MODULE_2___default()(value)){if(!options.allowSymbol)return;var globalRegistryKey=Symbol.keyFor(value);return void 0!==globalRegistryKey?"_gsymbol_".concat(globalRegistryKey):"_symbol_".concat(value.toString().slice(7,-1))}if(stack.length>=options.maxDepth)return Array.isArray(value)?"[Array(".concat(value.length,")]"):"[Object]";if(value===this)return"_duplicate_".concat(JSON.stringify(keys));if(value.constructor&&value.constructor.name&&"Object"!==value.constructor.name&&!Array.isArray(value)&&!options.allowClass)return;var found=objects.get(value);if(!found){var converted=Array.isArray(value)?value:convertUnconventionalData(value);if(value.constructor&&value.constructor.name&&"Object"!==value.constructor.name&&!Array.isArray(value)&&options.allowClass)try{Object.assign(converted,{"_constructor-name_":value.constructor.name})}catch(e){}return keys.push(key),stack.unshift(converted),objects.set(value,JSON.stringify(keys)),value!==converted&&map.set(value,converted),converted}return"_duplicate_".concat(found)}catch(e){return}}},reviver=function reviver(options){var refs=[],root;return function revive(key,value){if(""===key&&(root=value,refs.forEach((function(_ref){var target=_ref.target,container=_ref.container,replacement=_ref.replacement,replacementArr=isJSON(replacement)?JSON.parse(replacement):replacement.split(".");0===replacementArr.length?container[target]=root:container[target]=lodash_get__WEBPACK_IMPORTED_MODULE_3___default()(root,replacementArr)}))),"_constructor-name_"===key)return value;if(isObject(value)&&value["_constructor-name_"]&&options.allowFunction){var name=value["_constructor-name_"];if("Object"!==name){var Fn=new Function("return function ".concat(name.replace(/[\W_]+/g,""),"(){}"))();Object.setPrototypeOf(value,new Fn)}return delete value["_constructor-name_"],value}if("string"==typeof value&&value.startsWith("_function_")&&options.allowFunction){var _ref2=value.match(/_function_([^|]*)\|(.*)/)||[],_ref3=_slicedToArray(_ref2,3),_name=_ref3[1],source=_ref3[2],sourceSanitized=source.replace(/[(\(\))|\\| |\]|`]*$/,"");if(!options.lazyEval)return eval("(".concat(sourceSanitized,")"));var result=function result(){var f=eval("(".concat(sourceSanitized,")"));return f.apply(void 0,arguments)};return Object.defineProperty(result,"toString",{value:function value(){return sourceSanitized}}),Object.defineProperty(result,"name",{value:_name}),result}if("string"==typeof value&&value.startsWith("_regexp_")&&options.allowRegExp){var _ref4=value.match(/_regexp_([^|]*)\|(.*)/)||[],_ref5=_slicedToArray(_ref4,3),flags=_ref5[1],_source=_ref5[2];return new RegExp(_source,flags)}return"string"==typeof value&&value.startsWith("_date_")&&options.allowDate?new Date(value.replace("_date_","")):"string"==typeof value&&value.startsWith("_duplicate_")?(refs.push({target:key,container:this,replacement:value.replace(/^_duplicate_/,"")}),null):"string"==typeof value&&value.startsWith("_symbol_")&&options.allowSymbol?Symbol(value.replace("_symbol_","")):"string"==typeof value&&value.startsWith("_gsymbol_")&&options.allowSymbol?Symbol.for(value.replace("_gsymbol_","")):"string"==typeof value&&"_-Infinity_"===value?-1/0:"string"==typeof value&&"_Infinity_"===value?1/0:"string"==typeof value&&"_NaN_"===value?NaN:"string"==typeof value&&value.startsWith("_bigint_")&&"function"==typeof BigInt?BigInt(value.replace("_bigint_","")):value}},defaultOptions={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},stringify=function stringify(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},mergedOptions=_objectSpread(_objectSpread({},defaultOptions),options);return JSON.stringify(convertUnconventionalData(data),replacer(mergedOptions),options.space)},mutator=function mutator(){var mutated=new Map;return function mutateUndefined(value){isObject(value)&&Object.entries(value).forEach((function(_ref6){var _ref7=_slicedToArray(_ref6,2),k=_ref7[0],v=_ref7[1];"_undefined_"===v?value[k]=void 0:mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))})),Array.isArray(value)&&value.forEach((function(v,index){"_undefined_"===v?(mutated.set(v,!0),value[index]=void 0):mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))}))}},parse=function parse(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},mergedOptions=_objectSpread(_objectSpread({},defaultOptions),options),result=JSON.parse(data,reviver(mergedOptions));return mutator()(result),result}},"../../node_modules/@storybook/csf/dist/SBType.js":()=>{},"../../node_modules/@storybook/csf/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("../../node_modules/lodash/startCase.js")),_story=__webpack_require__("../../node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"../../node_modules/@storybook/csf/dist/story.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("../../node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"../../node_modules/@storybook/react/dist/esm/client/index.js":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{addDecorator:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.$9,addParameters:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.h1,configure:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.jQ,forceReRender:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.nr,getStorybook:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.pn,raw:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.LZ,setAddon:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.fV,storiesOf:()=>_preview__WEBPACK_IMPORTED_MODULE_0__.ML});var _preview__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/preview/index.js"),_preview_types_6_3__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/preview/types-6-3.js"),__WEBPACK_REEXPORT_OBJECT__={};for(const __WEBPACK_IMPORT_KEY__ in _preview_types_6_3__WEBPACK_IMPORTED_MODULE_1__)["default","storiesOf","setAddon","addDecorator","addParameters","configure","getStorybook","raw","forceReRender"].indexOf(__WEBPACK_IMPORT_KEY__)<0&&(__WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__]=()=>_preview_types_6_3__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]);__webpack_require__.d(__webpack_exports__,__WEBPACK_REEXPORT_OBJECT__),(module=__webpack_require__.hmd(module))&&module.hot},"../../node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var config_namespaceObject={};__webpack_require__.r(config_namespaceObject),__webpack_require__.d(config_namespaceObject,{parameters:()=>parameters,render:()=>render.s,renderToDOM:()=>render.A});var ClientApi=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),render=__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/preview/render.js"),parameters={framework:"react"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(config_namespaceObject).forEach((function(key){var value=config_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__.d(__webpack_exports__,{$9:()=>addDecorator,h1:()=>addParameters,jQ:()=>configure,nr:()=>forceReRender,pn:()=>getStorybook,LZ:()=>raw,fV:()=>setAddon,ML:()=>storiesOf});__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js");var _templateObject,ClientApi=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),memoizerific=(__webpack_require__("../../node_modules/regenerator-runtime/runtime.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/memoizerific/memoizerific.js")),memoizerific_default=__webpack_require__.n(memoizerific),mapValues=__webpack_require__("../../node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),pick=__webpack_require__("../../node_modules/lodash/pick.js"),pick_default=__webpack_require__.n(pick),global_window=__webpack_require__("../../node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),synchronous_promise=__webpack_require__("../../node_modules/synchronous-promise/index.js"),esm=(__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("../../node_modules/ts-dedent/esm/index.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:{v:3,stories:{}}).stories;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StoryIndexStore),this.channel=void 0,this.stories=void 0,this.stories=stories}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(StoryIndexStore,[{key:"storyIdFromSpecifier",value:function storyIdFromSpecifier(specifier){var storyIds=Object.keys(this.stories);if("*"===specifier)return storyIds[0];if("string"==typeof specifier)return storyIds.indexOf(specifier)>=0?specifier:storyIds.find((function(storyId){return storyId.startsWith(specifier)}));var name=specifier.name,title=specifier.title,match=Object.entries(this.stories).find((function(_ref2){var _ref3=_slicedToArray(_ref2,2),story=(_ref3[0],_ref3[1]);return story.name===name&&story.title===title}));return match&&match[0]}},{key:"storyIdToEntry",value:function storyIdToEntry(storyId){var storyEntry=this.stories[storyId];if(!storyEntry)throw new Error((0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["Couldn't find story matching '","' after HMR.\n - Did you remove it from your CSF file?\n - Are you sure a story with that id exists?\n - Please check your stories field of your main.js config.\n - Also check the browser console and terminal for error messages."])),storyId));return storyEntry}}]),StoryIndexStore}(),fast_deep_equal=(__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("../../node_modules/fast-deep-equal/index.js")),fast_deep_equal_default=__webpack_require__.n(fast_deep_equal),dist_esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-logger/dist/esm/index.js"),isPlainObject=__webpack_require__("../../node_modules/lodash/isPlainObject.js"),isPlainObject_default=__webpack_require__.n(isPlainObject);function args_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return args_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(iter))return Array.from(iter)}(arr)||args_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function args_slicedToArray(arr,i){return function args_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function args_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||args_unsupportedIterableToArray(arr,i)||function args_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function args_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return args_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?args_arrayLikeToArray(o,minLen):void 0}}function args_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=value.length?res:res.concat(new Array(value.length-update.length).fill(void 0))}return isPlainObject_default()(value)&&isPlainObject_default()(update)?Object.keys(Object.assign({},value,update)).reduce((function(acc,key){var diff=deepDiff(null==value?void 0:value[key],null==update?void 0:update[key]);return diff===DEEPLY_EQUAL?acc:Object.assign(acc,_defineProperty({},key,diff))}),{}):update},NO_TARGET_NAME="";function groupArgsByTarget(_ref7){var args=_ref7.args,argTypes=_ref7.argTypes,groupedArgs={};return Object.entries(args).forEach((function(_ref8){var _ref9=args_slicedToArray(_ref8,2),name=_ref9[0],value=_ref9[1],_ref10$target=(argTypes[name]||{}).target,target=void 0===_ref10$target?NO_TARGET_NAME:_ref10$target;groupedArgs[target]=groupedArgs[target]||{},groupedArgs[target][name]=value})),groupedArgs}function ArgsStore_defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var normalizeStory_templateObject,normalizeInputType=function normalizeInputType(inputType,key){var type=inputType.type,control=inputType.control,rest=_objectWithoutProperties(inputType,["type","control"]),normalized=Object.assign({name:key},rest);return type&&(normalized.type=function normalizeType(type){return"string"==typeof type?{name:type}:type}(type)),control?normalized.control=function normalizeControl(control){return"string"==typeof control?{type:control}:control}(control):!1===control&&(normalized.control={disable:!0}),normalized},normalizeInputTypes=function normalizeInputTypes(inputTypes){return mapValues_default()(inputTypes,normalizeInputType)};function normalizeStory_toConsumableArray(arr){return function normalizeStory_arrayWithoutHoles(arr){if(Array.isArray(arr))return normalizeStory_arrayLikeToArray(arr)}(arr)||function normalizeStory_iterableToArray(iter){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(iter))return Array.from(iter)}(arr)||function normalizeStory_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return normalizeStory_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return normalizeStory_arrayLikeToArray(o,minLen)}(arr)||function normalizeStory_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function normalizeStory_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i StoryFn.storyName\n- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)\nSee https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.\n"]))),deprecatedStoryAnnotationWarning=browser_default()((function(){}),deprecatedStoryAnnotation);function processCSFFile_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function processCSFFile_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkDisallowedParameters=function checkDisallowedParameters(parameters){parameters&&(function checkGlobals(parameters){var globals=parameters.globals,globalTypes=parameters.globalTypes;(globals||globalTypes)&&dist_esm.kg.error("Global args/argTypes can only be set globally",JSON.stringify({globals,globalTypes}))}(parameters),function checkStorySort(parameters){var options=parameters.options;null!=options&&options.storySort&&dist_esm.kg.error("The storySort option parameter can only be set globally")}(parameters))};function processCSFFile(moduleExports,importPath,title){var defaultExport=moduleExports.default,namedExports=(moduleExports.__namedExportsOrder,processCSFFile_objectWithoutProperties(moduleExports,["default","__namedExportsOrder"])),id=defaultExport.id,argTypes=defaultExport.argTypes,meta=Object.assign({id:(0,dist.sanitize)(id||title)},defaultExport,{title},argTypes&&{argTypes:normalizeInputTypes(argTypes)},{parameters:Object.assign({fileName:importPath},defaultExport.parameters)});checkDisallowedParameters(meta.parameters);var csfFile={meta,stories:{}};return Object.keys(namedExports).forEach((function(key){if((0,dist.isExportStory)(key,meta)){var storyMeta=function normalizeStory(key,storyAnnotations,meta){var userStoryFn,storyObject;"function"==typeof storyAnnotations?(userStoryFn=storyAnnotations,storyObject=storyAnnotations):storyObject=storyAnnotations;var story=storyObject.story;story&&(dist_esm.kg.debug("deprecated story",story),deprecatedStoryAnnotationWarning());var exportName=(0,dist.storyNameFromExport)(key),name="function"!=typeof storyObject&&storyObject.name||storyObject.storyName||(null==story?void 0:story.name)||exportName,decorators=[].concat(normalizeStory_toConsumableArray(storyObject.decorators||[]),normalizeStory_toConsumableArray((null==story?void 0:story.decorators)||[])),parameters=Object.assign({},null==story?void 0:story.parameters,storyObject.parameters),args=Object.assign({},null==story?void 0:story.args,storyObject.args),argTypes=Object.assign({},null==story?void 0:story.argTypes,storyObject.argTypes),loaders=[].concat(normalizeStory_toConsumableArray(storyObject.loaders||[]),normalizeStory_toConsumableArray((null==story?void 0:story.loaders)||[])),_storyObject2=storyObject,render=_storyObject2.render,play=_storyObject2.play,id=parameters.__id||(0,dist.toId)(meta.id||meta.title,exportName);return Object.assign({id,name,decorators,parameters,args,argTypes:normalizeInputTypes(argTypes),loaders},render&&{render},userStoryFn&&{userStoryFn},play&&{play})}(key,namedExports[key],meta);checkDisallowedParameters(storyMeta.parameters),csfFile.stories[storyMeta.id]=storyMeta}})),csfFile}var prepareStory_templateObject,esm_parameters=__webpack_require__("../../node_modules/@storybook/store/dist/esm/parameters.js"),hooks=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/addons/dist/esm/hooks.js");function decorators_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function decorators_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function defaultDecorateStory(storyFn,decorators){var contextStore={},bindWithContext=function bindWithContext(decoratedStoryFn){return function(update){return contextStore.value=Object.assign({},contextStore.value,function sanitizeStoryContextUpdate(){var _ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return _ref.componentId,_ref.title,_ref.kind,_ref.id,_ref.name,_ref.story,_ref.parameters,_ref.initialArgs,_ref.argTypes,decorators_objectWithoutProperties(_ref,["componentId","title","kind","id","name","story","parameters","initialArgs","argTypes"])}(update)),decoratedStoryFn(contextStore.value)}},decoratedWithContextStore=decorators.reduce((function(story,decorator){return function decorateStory(storyFn,decorator,bindWithContext){var boundStoryFunction=bindWithContext(storyFn);return function(context){return decorator(boundStoryFunction,context)}}(story,decorator,bindWithContext)}),storyFn);return function(context){return contextStore.value=context,decoratedWithContextStore(context)}}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function prepareStory_slicedToArray(arr,i){return function prepareStory_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function prepareStory_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||prepareStory_unsupportedIterableToArray(arr,i)||function prepareStory_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function prepareStory_toConsumableArray(arr){return function prepareStory_arrayWithoutHoles(arr){if(Array.isArray(arr))return prepareStory_arrayLikeToArray(arr)}(arr)||function prepareStory_iterableToArray(iter){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(iter))return Array.from(iter)}(arr)||prepareStory_unsupportedIterableToArray(arr)||function prepareStory_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function prepareStory_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return prepareStory_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?prepareStory_arrayLikeToArray(o,minLen):void 0}}function prepareStory_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0;var passedArgs=Object.assign({},projectAnnotations.args,componentAnnotations.args,storyAnnotations.args),contextForEnhancers={componentId:componentAnnotations.id,title,kind:title,id,name,story:name,component:componentAnnotations.component,subcomponents:componentAnnotations.subcomponents,parameters,initialArgs:passedArgs,argTypes:passedArgTypes};contextForEnhancers.argTypes=argTypesEnhancers.reduce((function(accumulatedArgTypes,enhancer){return enhancer(Object.assign({},contextForEnhancers,{argTypes:accumulatedArgTypes}))}),contextForEnhancers.argTypes);var defaultArgs=Object.entries(contextForEnhancers.argTypes).reduce((function(acc,_ref){var _ref2=prepareStory_slicedToArray(_ref,2),arg=_ref2[0],defaultValue=_ref2[1].defaultValue;return void 0!==defaultValue&&(acc[arg]=defaultValue),acc}),{});Object.keys(defaultArgs).length>0&&argTypeDefaultValueWarning();var initialArgsBeforeEnhancers=Object.assign({},defaultArgs,passedArgs);contextForEnhancers.initialArgs=argsEnhancers.reduce((function(accumulatedArgs,enhancer){return Object.assign({},accumulatedArgs,enhancer(Object.assign({},contextForEnhancers,{initialArgs:accumulatedArgs})))}),initialArgsBeforeEnhancers),null!==(_global$FEATURES=window_default().FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.breakingChangesV7||(contextForEnhancers.parameters=Object.assign({},contextForEnhancers.parameters,{__id:id,globals:projectAnnotations.globals,globalTypes:projectAnnotations.globalTypes,args:contextForEnhancers.initialArgs,argTypes:contextForEnhancers.argTypes}));var applyLoaders=function(){var _ref3=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(context){var loadResults,loaded;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,Promise.all(loaders.map((function(loader){return loader(context)})));case 2:return loadResults=_context.sent,loaded=Object.assign.apply(Object,[{}].concat(prepareStory_toConsumableArray(loadResults))),_context.abrupt("return",Object.assign({},context,{loaded}));case 5:case"end":return _context.stop()}}),_callee)})));return function applyLoaders(_x){return _ref3.apply(this,arguments)}}(),undecoratedStoryFn=function undecoratedStoryFn(context){var mappedArgs=Object.entries(context.args).reduce((function(acc,_ref4){var _context$argTypes$key,_ref5=prepareStory_slicedToArray(_ref4,2),key=_ref5[0],val=_ref5[1],mapping=null===(_context$argTypes$key=context.argTypes[key])||void 0===_context$argTypes$key?void 0:_context$argTypes$key.mapping;return acc[key]=mapping&&val in mapping?mapping[val]:val,acc}),{}),mappedContext=Object.assign({},context,{args:mappedArgs}),_context$parameters$p=context.parameters.passArgsFirst;return void 0===_context$parameters$p||_context$parameters$p?render(mappedContext.args,mappedContext):render(mappedContext)},decoratedStoryFn=(0,hooks.DM)(applyDecorators)(undecoratedStoryFn,decorators),playFunction=storyAnnotations.play;return Object.freeze(Object.assign({},contextForEnhancers,{originalStoryFn:render,undecoratedStoryFn,unboundStoryFn:function unboundStoryFn(context){var _global$FEATURES2,finalContext=context;if(null!==(_global$FEATURES2=window_default().FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.argTypeTargetsV7){var argsByTarget=groupArgsByTarget(Object.assign({args:context.args},context));finalContext=Object.assign({},context,{allArgs:context.args,argsByTarget,args:argsByTarget[NO_TARGET_NAME]||{}})}return decoratedStoryFn(finalContext)},applyLoaders,playFunction}))}function inferArgTypes_typeof(obj){return inferArgTypes_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},inferArgTypes_typeof(obj)}var inferType=function inferType(value,name,visited){var type=inferArgTypes_typeof(value);switch(type){case"boolean":case"string":case"number":case"function":case"symbol":return{name:type}}return value?visited.has(value)?(dist_esm.kg.warn((0,esm.C)(inferArgTypes_templateObject||(inferArgTypes_templateObject=function inferArgTypes_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n We've detected a cycle in arg '","'. Args should be JSON-serializable.\n\n Consider using the mapping feature or fully custom args:\n - Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values\n - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args\n "])),name)),{name:"other",value:"cyclic object"}):(visited.add(value),Array.isArray(value)?{name:"array",value:value.length>0?inferType(value[0],name,new Set(visited)):{name:"other",value:"unknown"}}:{name:"object",value:mapValues_default()(value,(function(field){return inferType(field,name,new Set(visited))}))}):{name:"object",value:{}}},inferArgTypes=function inferArgTypes(context){var id=context.id,_context$argTypes=context.argTypes,userArgTypes=void 0===_context$argTypes?{}:_context$argTypes,_context$initialArgs=context.initialArgs,initialArgs=void 0===_context$initialArgs?{}:_context$initialArgs,argTypes=mapValues_default()(initialArgs,(function(arg,key){return{name:key,type:inferType(arg,"".concat(id,".").concat(key),new Set)}})),userArgTypesNames=mapValues_default()(userArgTypes,(function(argType,key){return{name:key}}));return(0,esm_parameters.f)(argTypes,userArgTypesNames,userArgTypes)};inferArgTypes.secondPass=!0;var filterArgTypes=__webpack_require__("../../node_modules/@storybook/store/dist/esm/filterArgTypes.js"),inferControls=function inferControls(context){var argTypes=context.argTypes,_context$parameters=context.parameters,__isArgsStory=_context$parameters.__isArgsStory,_context$parameters$c=_context$parameters.controls,_context$parameters$c2=(_context$parameters$c=void 0===_context$parameters$c?{}:_context$parameters$c).include,include=void 0===_context$parameters$c2?null:_context$parameters$c2,_context$parameters$c3=_context$parameters$c.exclude,exclude=void 0===_context$parameters$c3?null:_context$parameters$c3,_context$parameters$c4=_context$parameters$c.matchers,matchers=void 0===_context$parameters$c4?{}:_context$parameters$c4;if(!__isArgsStory)return argTypes;var filteredArgTypes=(0,filterArgTypes.h)(argTypes,include,exclude),withControls=mapValues_default()(filteredArgTypes,(function(argType,name){return(null==argType?void 0:argType.type)&&function inferControl(argType,name,matchers){var type=argType.type,options=argType.options;if(type||options){if(matchers.color&&matchers.color.test(name)){var controlType=argType.type.name;if("string"===controlType)return{control:{type:"color"}};dist_esm.kg.warn('Addon controls: Control of type color only supports string, received "'.concat(controlType,'" instead'))}if(matchers.date&&matchers.date.test(name))return{control:{type:"date"}};switch(type.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":var value=type.value;return{control:{type:(null==value?void 0:value.length)<=5?"radio":"select"},options:value};case"function":case"symbol":return null;default:return{control:{type:options?"select":"object"}}}}}(argType,name,matchers)}));return(0,esm_parameters.f)(withControls,filteredArgTypes)};inferControls.secondPass=!0;function StoryStore_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function StoryStore_slicedToArray(arr,i){return function StoryStore_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function StoryStore_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||StoryStore_unsupportedIterableToArray(arr,i)||function StoryStore_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function StoryStore_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function StoryStore_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){StoryStore_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){StoryStore_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function StoryStore_defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var parseArgsParam_templateObject,StoryStore=function(){function StoryStore(){var _this=this;!function StoryStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StoryStore),this.storyIndex=void 0,this.importFn=void 0,this.projectAnnotations=void 0,this.globals=void 0,this.args=void 0,this.hooks=void 0,this.cachedCSFFiles=void 0,this.processCSFFileWithCache=void 0,this.prepareStoryWithCache=void 0,this.initializationPromise=void 0,this.resolveInitializationPromise=void 0,this.getStoriesJsonData=function(){var value=_this.getSetStoriesPayload(),allowedParameters=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:mapValues_default()(value.stories,(function(story){var _global$FEATURES;return Object.assign({},pick_default()(story,["id","name","title"]),{importPath:_this.storyIndex.stories[story.id].importPath},!(null!==(_global$FEATURES=window_default().FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.breakingChangesV7)&&{kind:story.title,story:story.name,parameters:Object.assign({},pick_default()(story.parameters,allowedParameters),{fileName:_this.storyIndex.stories[story.id].importPath})})}))}},this.globals=new GlobalsStore,this.args=new ArgsStore,this.hooks={},this.processCSFFileWithCache=memoizerific_default()(1e3)(processCSFFile),this.prepareStoryWithCache=memoizerific_default()(1e4)(prepareStory),this.initializationPromise=new synchronous_promise.SynchronousPromise((function(resolve){_this.resolveInitializationPromise=resolve}))}var _loadStory,_onStoriesChanged;return function StoryStore_createClass(Constructor,protoProps,staticProps){return protoProps&&StoryStore_defineProperties(Constructor.prototype,protoProps),staticProps&&StoryStore_defineProperties(Constructor,staticProps),Constructor}(StoryStore,[{key:"setProjectAnnotations",value:function setProjectAnnotations(projectAnnotations){this.projectAnnotations=function normalizeProjectAnnotations(_ref){var argTypes=_ref.argTypes,globalTypes=_ref.globalTypes,argTypesEnhancers=_ref.argTypesEnhancers,annotations=StoryStore_objectWithoutProperties(_ref,["argTypes","globalTypes","argTypesEnhancers"]);return Object.assign({},argTypes&&{argTypes:normalizeInputTypes(argTypes)},globalTypes&&{globalTypes:normalizeInputTypes(globalTypes)},{argTypesEnhancers:[].concat(StoryStore_toConsumableArray(argTypesEnhancers||[]),[inferArgTypes,inferControls])},annotations)}(projectAnnotations);var globals=projectAnnotations.globals,globalTypes=projectAnnotations.globalTypes;this.globals.set({globals,globalTypes})}},{key:"initialize",value:function initialize(_ref2){var storyIndex=_ref2.storyIndex,importFn=_ref2.importFn,_ref2$cache=_ref2.cache,cache=void 0!==_ref2$cache&&_ref2$cache;return this.storyIndex=new StoryIndexStore(storyIndex),this.importFn=importFn,this.resolveInitializationPromise(),cache?this.cacheAllCSFFiles():synchronous_promise.SynchronousPromise.resolve()}},{key:"onStoriesChanged",value:(_onStoriesChanged=StoryStore_asyncToGenerator(regeneratorRuntime.mark((function _callee(_ref3){var importFn,storyIndex;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(importFn=_ref3.importFn,storyIndex=_ref3.storyIndex,importFn&&(this.importFn=importFn),storyIndex&&(this.storyIndex.stories=storyIndex.stories),!this.cachedCSFFiles){_context.next=6;break}return _context.next=6,this.cacheAllCSFFiles();case 6:case"end":return _context.stop()}}),_callee,this)}))),function onStoriesChanged(_x){return _onStoriesChanged.apply(this,arguments)})},{key:"loadCSFFileByStoryId",value:function loadCSFFileByStoryId(storyId){var _this2=this,_this$storyIndex$stor=this.storyIndex.storyIdToEntry(storyId),importPath=_this$storyIndex$stor.importPath,title=_this$storyIndex$stor.title;return this.importFn(importPath).then((function(moduleExports){return _this2.processCSFFileWithCache(moduleExports,importPath,title)}))}},{key:"loadAllCSFFiles",value:function loadAllCSFFiles(){var _this3=this,importPaths={};Object.entries(this.storyIndex.stories).forEach((function(_ref4){var _ref5=StoryStore_slicedToArray(_ref4,2),storyId=_ref5[0],importPath=_ref5[1].importPath;importPaths[importPath]=storyId}));var csfFilePromiseList=Object.entries(importPaths).map((function(_ref6){var _ref7=StoryStore_slicedToArray(_ref6,2),importPath=_ref7[0],storyId=_ref7[1];return _this3.loadCSFFileByStoryId(storyId).then((function(csfFile){return{importPath,csfFile}}))}));return synchronous_promise.SynchronousPromise.all(csfFilePromiseList).then((function(list){return list.reduce((function(acc,_ref8){var importPath=_ref8.importPath,csfFile=_ref8.csfFile;return acc[importPath]=csfFile,acc}),{})}))}},{key:"cacheAllCSFFiles",value:function cacheAllCSFFiles(){var _this4=this;return this.initializationPromise.then((function(){return _this4.loadAllCSFFiles().then((function(csfFiles){_this4.cachedCSFFiles=csfFiles}))}))}},{key:"loadStory",value:(_loadStory=StoryStore_asyncToGenerator(regeneratorRuntime.mark((function _callee2(_ref9){var storyId,csfFile;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return storyId=_ref9.storyId,_context2.next=3,this.initializationPromise;case 3:return _context2.next=5,this.loadCSFFileByStoryId(storyId);case 5:return csfFile=_context2.sent,_context2.abrupt("return",this.storyFromCSFFile({storyId,csfFile}));case 7:case"end":return _context2.stop()}}),_callee2,this)}))),function loadStory(_x2){return _loadStory.apply(this,arguments)})},{key:"storyFromCSFFile",value:function storyFromCSFFile(_ref10){var storyId=_ref10.storyId,csfFile=_ref10.csfFile,storyAnnotations=csfFile.stories[storyId];if(!storyAnnotations)throw new Error("Didn't find '".concat(storyId,"' in CSF file, this is unexpected"));var componentAnnotations=csfFile.meta,story=this.prepareStoryWithCache(storyAnnotations,componentAnnotations,this.projectAnnotations);return this.args.setInitial(story),this.hooks[story.id]=this.hooks[story.id]||new hooks.c8,story}},{key:"componentStoriesFromCSFFile",value:function componentStoriesFromCSFFile(_ref11){var _this5=this,csfFile=_ref11.csfFile;return Object.keys(this.storyIndex.stories).filter((function(storyId){return!!csfFile.stories[storyId]})).map((function(storyId){return _this5.storyFromCSFFile({storyId,csfFile})}))}},{key:"getStoryContext",value:function getStoryContext(story){return Object.assign({},story,{args:this.args.get(story.id),globals:this.globals.get(),hooks:this.hooks[story.id]})}},{key:"cleanupStory",value:function cleanupStory(story){this.hooks[story.id].clean()}},{key:"extract",value:function extract(){var _this6=this,options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{includeDocsOnly:!1};if(!this.cachedCSFFiles)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.stories).reduce((function(acc,_ref12){var _ref13=StoryStore_slicedToArray(_ref12,2),storyId=_ref13[0],importPath=_ref13[1].importPath,csfFile=_this6.cachedCSFFiles[importPath],story=_this6.storyFromCSFFile({storyId,csfFile});return!options.includeDocsOnly&&story.parameters.docsOnly||(acc[storyId]=Object.entries(story).reduce((function(storyAcc,_ref14){var _ref15=StoryStore_slicedToArray(_ref14,2),key=_ref15[0],value=_ref15[1];return"function"==typeof value?storyAcc:Array.isArray(value)?Object.assign(storyAcc,StoryStore_defineProperty({},key,value.slice().sort())):Object.assign(storyAcc,StoryStore_defineProperty({},key,value))}),{args:story.initialArgs})),acc}),{})}},{key:"getSetStoriesPayload",value:function getSetStoriesPayload(){var stories=this.extract({includeDocsOnly:!0}),kindParameters=Object.values(stories).reduce((function(acc,_ref16){return acc[_ref16.title]={},acc}),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters,stories}}},{key:"raw",value:function raw(){var _this7=this;return Object.values(this.extract()).map((function(_ref17){var id=_ref17.id;return _this7.fromId(id)}))}},{key:"fromId",value:function fromId(storyId){var importPath,_this8=this;if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");try{importPath=this.storyIndex.storyIdToEntry(storyId).importPath}catch(err){return null}var csfFile=this.cachedCSFFiles[importPath],story=this.storyFromCSFFile({storyId,csfFile});return Object.assign({},story,{storyFn:function storyFn(update){var context=Object.assign({},_this8.getStoryContext(story),{viewMode:"story"});return story.unboundStoryFn(Object.assign({},context,update))}})}}]),StoryStore}(),core_events_dist_esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/core-events/dist/esm/index.js"),addons_dist_esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/addons/dist/esm/index.js"),lib=(__webpack_require__("../../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.search.js"),__webpack_require__("../../node_modules/qs/lib/index.js")),lib_default=__webpack_require__.n(lib);__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js");function parseArgsParam_slicedToArray(arr,i){return function parseArgsParam_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function parseArgsParam_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function parseArgsParam_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return parseArgsParam_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return parseArgsParam_arrayLikeToArray(o,minLen)}(arr,i)||function parseArgsParam_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function parseArgsParam_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:"",value=arguments.length>1?arguments[1]:void 0;return null!==key&&(!(""===key||!VALIDATION_REGEXP.test(key))&&(null==value||(value instanceof Date||("number"==typeof value||"boolean"==typeof value||("string"==typeof value?VALIDATION_REGEXP.test(value)||NUMBER_REGEXP.test(value)||HEX_REGEXP.test(value)||COLOR_REGEXP.test(value):Array.isArray(value)?value.every((function(v){return validateArgs(key,v)})):!!isPlainObject_default()(value)&&Object.entries(value).every((function(_ref){var _ref2=parseArgsParam_slicedToArray(_ref,2),k=_ref2[0],v=_ref2[1];return validateArgs(k,v)})))))))},QS_OPTIONS={delimiter:";",allowDots:!0,allowSparse:!0,decoder:function(_decoder){function decoder(_x,_x2,_x3,_x4){return _decoder.apply(this,arguments)}return decoder.toString=function(){return _decoder.toString()},decoder}((function(str,defaultDecoder,charset,type){if("value"===type&&str.startsWith("!")){if("!undefined"===str)return;if("!null"===str)return null;if(str.startsWith("!date(")&&str.endsWith(")"))return new Date(str.slice(6,-1));if(str.startsWith("!hex(")&&str.endsWith(")"))return"#".concat(str.slice(5,-1));var color=str.slice(1).match(COLOR_REGEXP);if(color)return str.startsWith("!rgba")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],", ").concat(color[4],", ").concat(color[5],")"):str.startsWith("!hsla")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],"%, ").concat(color[4],"%, ").concat(color[5],")"):str.startsWith("!rgb")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],", ").concat(color[4],")"):"".concat(color[1],"(").concat(color[2],", ").concat(color[3],"%, ").concat(color[4],"%)")}return"value"===type&&NUMBER_REGEXP.test(str)?Number(str):defaultDecoder(str,defaultDecoder,charset)}))},parseArgsParam=function parseArgsParam(argsString){var parts=argsString.split(";").map((function(part){return part.replace("=","~").replace(":","=")}));return Object.entries(lib_default().parse(parts.join(";"),QS_OPTIONS)).reduce((function(acc,_ref3){var _ref4=parseArgsParam_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];return validateArgs(key,value)?Object.assign(acc,function parseArgsParam_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},key,value)):(dist_esm.IH.warn((0,esm.C)(parseArgsParam_templateObject||(parseArgsParam_templateObject=function parseArgsParam_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n Omitted potentially unsafe URL args.\n\n More info: https://storybook.js.org/docs/react/writing-stories/args#setting-args-through-the-url\n "])))),acc)}),{})};function UrlStore_defineProperties(target,props){for(var i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var UrlStore_history=window_default().history,UrlStore_document=window_default().document;var WebView_templateObject,getQueryString=function getQueryString(_ref){var selection=_ref.selection,extraParams=_ref.extraParams,_document$location$se=UrlStore_document.location.search,search=void 0===_document$location$se?"":_document$location$se,_qs$parse=lib_default().parse(search,{ignoreQueryPrefix:!0}),rest=(_qs$parse.path,_qs$parse.selectedKind,_qs$parse.selectedStory,UrlStore_objectWithoutProperties(_qs$parse,["path","selectedKind","selectedStory"]));return lib_default().stringify(Object.assign({},rest,extraParams,selection&&{id:selection.storyId,viewMode:selection.viewMode}),{encode:!1,addQueryPrefix:!0})},getFirstString=function getFirstString(v){return"string"==typeof v?v:Array.isArray(v)?getFirstString(v[0]):function isObject(val){return null!=val&&"object"===UrlStore_typeof(val)&&!1===Array.isArray(val)}(v)?getFirstString(Object.values(v)):void 0},deprecatedLegacyQuery=browser_default()((function(){return 0}),"URL formats with `selectedKind` and `selectedName` query parameters are deprecated.\nUse `id=$storyId` instead.\nSee https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-url-structure"),getSelectionSpecifierFromPath=function getSelectionSpecifierFromPath(){var query=lib_default().parse(UrlStore_document.location.search,{ignoreQueryPrefix:!0}),args="string"==typeof query.args?parseArgsParam(query.args):void 0,globals="string"==typeof query.globals?parseArgsParam(query.globals):void 0,viewMode=getFirstString(query.viewMode);"string"==typeof viewMode&&viewMode.match(/docs|story/)||(viewMode="story");var path=getFirstString(query.path),storyId=path?function pathToId(path){var match=(path||"").match(/^\/story\/(.+)/);if(!match)throw new Error("Invalid path '".concat(path,"', must start with '/story/'"));return match[1]}(path):getFirstString(query.id);if(storyId)return{storySpecifier:storyId,args,globals,viewMode};var title=getFirstString(query.selectedKind),name=getFirstString(query.selectedStory);return title&&name?(deprecatedLegacyQuery(),{storySpecifier:{title,name},args,globals,viewMode}):null},UrlStore=function(){function UrlStore(){!function UrlStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,UrlStore),this.selectionSpecifier=void 0,this.selection=void 0,this.selectionSpecifier=getSelectionSpecifierFromPath()}return function UrlStore_createClass(Constructor,protoProps,staticProps){return protoProps&&UrlStore_defineProperties(Constructor.prototype,protoProps),staticProps&&UrlStore_defineProperties(Constructor,staticProps),Constructor}(UrlStore,[{key:"setSelection",value:function setSelection(selection){this.selection=selection,function setPath(selection){if(selection){var query=getQueryString({selection}),_document$location$ha=UrlStore_document.location.hash,hash=void 0===_document$location$ha?"":_document$location$ha;UrlStore_history.replaceState({},"","".concat(UrlStore_document.location.pathname).concat(query).concat(hash))}}(this.selection)}},{key:"setQueryParams",value:function setQueryParams(queryParams){var query=getQueryString({extraParams:queryParams}),_document$location$ha2=UrlStore_document.location.hash,hash=void 0===_document$location$ha2?"":_document$location$ha2;UrlStore_history.replaceState({},"","".concat(UrlStore_document.location.pathname).concat(query).concat(hash))}}]),UrlStore}(),ansi_to_html=__webpack_require__("../../node_modules/ansi-to-html/lib/ansi_to_html.js"),ansi_to_html_default=__webpack_require__.n(ansi_to_html);function WebView_slicedToArray(arr,i){return function WebView_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function WebView_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function WebView_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return WebView_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return WebView_arrayLikeToArray(o,minLen)}(arr,i)||function WebView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WebView_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:"padded";if("none"===layout)return WebView_document.body.classList.remove(this.currentLayoutClass),void(this.currentLayoutClass=null);this.checkIfLayoutExists(layout);var layoutClass=layoutClassMap[layout];WebView_document.body.classList.remove(this.currentLayoutClass),WebView_document.body.classList.add(layoutClass),this.currentLayoutClass=layoutClass}},{key:"checkIfLayoutExists",value:function checkIfLayoutExists(layout){layoutClassMap[layout]||dist_esm.kg.warn((0,esm.C)(WebView_templateObject||(WebView_templateObject=function WebView_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["The desired layout: "," is not a valid option.\n The possible options are: ",", none."])),layout,Object.keys(layoutClassMap).join(", ")))}},{key:"showMode",value:function showMode(mode){Object.keys(Mode).forEach((function(otherMode){otherMode===mode?WebView_document.body.classList.add(classes[otherMode]):WebView_document.body.classList.remove(classes[otherMode])}))}},{key:"showErrorDisplay",value:function showErrorDisplay(_ref){var _ref$message=_ref.message,message=void 0===_ref$message?"":_ref$message,_ref$stack=_ref.stack,header=message,detail=void 0===_ref$stack?"":_ref$stack,parts=message.split("\n");parts.length>1&&(header=WebView_slicedToArray(parts,1)[0],detail=parts.slice(1).join("\n"));WebView_document.getElementById("error-message").innerHTML=ansiConverter.toHtml(header),WebView_document.getElementById("error-stack").innerHTML=ansiConverter.toHtml(detail),this.showMode(Mode.ERROR)}},{key:"showNoPreview",value:function showNoPreview(){var _this$storyRoot,_this$docsRoot;this.testing||(this.showMode(Mode.NOPREVIEW),null===(_this$storyRoot=this.storyRoot())||void 0===_this$storyRoot||_this$storyRoot.setAttribute("hidden","true"),null===(_this$docsRoot=this.docsRoot())||void 0===_this$docsRoot||_this$docsRoot.setAttribute("hidden","true"))}},{key:"showPreparingStory",value:function showPreparingStory(){this.showMode(Mode.PREPARING_STORY)}},{key:"showPreparingDocs",value:function showPreparingDocs(){this.showMode(Mode.PREPARING_DOCS)}},{key:"showMain",value:function showMain(){this.showMode(Mode.MAIN)}},{key:"showDocs",value:function showDocs(){this.storyRoot().setAttribute("hidden","true"),this.docsRoot().removeAttribute("hidden")}},{key:"showStory",value:function showStory(){this.docsRoot().setAttribute("hidden","true"),this.storyRoot().removeAttribute("hidden")}}]),WebView}();function PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function PreviewWeb_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function PreviewWeb_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function PreviewWeb_defineProperties(target,props){for(var i=0;i0&&void 0!==_args8[0]?_args8[0]:{}).persistedArgs,selection=this.urlStore.selection){_context8.next=4;break}throw new Error("Cannot render story as no selection was made");case 4:return storyId=selection.storyId,storyIdChanged=(null===(_this$previousSelecti=this.previousSelection)||void 0===_this$previousSelecti?void 0:_this$previousSelecti.storyId)!==storyId,viewModeChanged=(null===(_this$previousSelecti2=this.previousSelection)||void 0===_this$previousSelecti2?void 0:_this$previousSelecti2.viewMode)!==selection.viewMode,"story"===selection.viewMode?this.view.showPreparingStory():this.view.showPreparingDocs(),_context8.prev=8,_context8.next=11,this.storyStore.loadStory({storyId});case 11:story=_context8.sent,_context8.next=21;break;case 14:return _context8.prev=14,_context8.t0=_context8.catch(8),_context8.next=18,this.cleanupPreviousRender();case 18:return this.previousStory=null,this.renderStoryLoadingException(storyId,_context8.t0),_context8.abrupt("return");case 21:if(implementationChanged=!storyIdChanged&&this.previousStory&&story!==this.previousStory,persistedArgs&&this.storyStore.args.updateFromPersisted(story,persistedArgs),!this.previousStory||storyIdChanged||implementationChanged||viewModeChanged){_context8.next=27;break}return this.channel.emit(core_events_dist_esm.default.STORY_UNCHANGED,storyId),this.view.showMain(),_context8.abrupt("return");case 27:return _context8.next=29,this.cleanupPreviousRender({unmountDocs:viewModeChanged});case 29:if(this.previousSelection&&(storyIdChanged||viewModeChanged)&&this.channel.emit(core_events_dist_esm.default.STORY_CHANGED,storyId),this.previousSelection=selection,this.previousStory=story,_this$storyStore$getS=this.storyStore.getStoryContext(story),parameters=_this$storyStore$getS.parameters,initialArgs=_this$storyStore$getS.initialArgs,argTypes=_this$storyStore$getS.argTypes,args=_this$storyStore$getS.args,null!==(_global$FEATURES6=window_default().FEATURES)&&void 0!==_global$FEATURES6&&_global$FEATURES6.storyStoreV7&&this.channel.emit(core_events_dist_esm.default.STORY_PREPARED,{id:storyId,parameters,initialArgs,argTypes,args}),(implementationChanged||persistedArgs)&&this.channel.emit(core_events_dist_esm.default.STORY_ARGS_UPDATED,{storyId,args}),"docs"!==selection.viewMode&&!story.parameters.docsOnly){_context8.next=41;break}return _context8.next=38,this.renderDocs({story});case 38:this.previousCleanup=_context8.sent,_context8.next=42;break;case 41:this.previousCleanup=this.renderStory({story});case 42:case"end":return _context8.stop()}}),_callee8,this,[[8,14]])}))),function renderSelection(){return _renderSelection.apply(this,arguments)})},{key:"renderDocs",value:(_renderDocs=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee11(_ref10){var _global$FEATURES8,story,id,title,name,csfFile,docsContext,render,_this6=this;return regeneratorRuntime.wrap((function _callee11$(_context11){for(;;)switch(_context11.prev=_context11.next){case 0:return story=_ref10.story,id=story.id,title=story.title,name=story.name,_context11.next=4,this.storyStore.loadCSFFileByStoryId(id);case 4:return csfFile=_context11.sent,docsContext={id,title,name,storyById:function storyById(storyId){return _this6.storyStore.storyFromCSFFile({storyId,csfFile})},componentStories:function componentStories(){return _this6.storyStore.componentStoriesFromCSFFile({csfFile})},loadStory:function loadStory(storyId){return _this6.storyStore.loadStory({storyId})},renderStoryToElement:this.renderStoryToElement.bind(this),getStoryContext:function getStoryContext(renderedStory){return Object.assign({},_this6.storyStore.getStoryContext(renderedStory),{viewMode:"docs"})}},render=function(){var _ref11=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){var _global$FEATURES7,fullDocsContext,renderer,element;return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:return fullDocsContext=Object.assign({},docsContext,!(null!==(_global$FEATURES7=window_default().FEATURES)&&void 0!==_global$FEATURES7&&_global$FEATURES7.breakingChangesV7)&&_this6.storyStore.getStoryContext(story)),_context9.next=3,__webpack_require__.e(252).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/react/node_modules/@storybook/preview-web/dist/esm/renderDocs.js"));case 3:renderer=_context9.sent,element=_this6.view.prepareForDocs(),renderer.renderDocs(story,fullDocsContext,element,(function(){return _this6.channel.emit(core_events_dist_esm.default.DOCS_RENDERED,id)}));case 6:case"end":return _context9.stop()}}),_callee9)})));return function render(){return _ref11.apply(this,arguments)}}(),render(),null!==(_global$FEATURES8=window_default().FEATURES)&&void 0!==_global$FEATURES8&&_global$FEATURES8.modernInlineRender||(this.channel.on(core_events_dist_esm.default.UPDATE_GLOBALS,render),this.channel.on(core_events_dist_esm.default.UPDATE_STORY_ARGS,render),this.channel.on(core_events_dist_esm.default.RESET_STORY_ARGS,render)),_context11.abrupt("return",PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee10(){var _global$FEATURES9;return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:null!==(_global$FEATURES9=window_default().FEATURES)&&void 0!==_global$FEATURES9&&_global$FEATURES9.modernInlineRender||(_this6.channel.off(core_events_dist_esm.default.UPDATE_GLOBALS,render),_this6.channel.off(core_events_dist_esm.default.UPDATE_STORY_ARGS,render),_this6.channel.off(core_events_dist_esm.default.RESET_STORY_ARGS,render));case 1:case"end":return _context10.stop()}}),_callee10)}))));case 10:case"end":return _context11.stop()}}),_callee11,this)}))),function renderDocs(_x4){return _renderDocs.apply(this,arguments)})},{key:"renderStory",value:function renderStory(_ref13){var _this7=this,story=_ref13.story,element=this.view.prepareForStory(story),id=story.id,componentId=story.componentId,title=story.title,name=story.name,renderContext={componentId,title,kind:title,id,name,story:name,showMain:function showMain(){return _this7.view.showMain()},showError:function showError(err){return _this7.renderError(id,err)},showException:function showException(err){return _this7.renderException(id,err)}};return this.renderStoryToElement({story,renderContext,element,viewMode:"story"})}},{key:"renderStoryToElement",value:function renderStoryToElement(_ref14){var phase,_this8=this,story=_ref14.story,renderContextWithoutStoryContext=_ref14.renderContext,canvasElement=_ref14.element,viewMode=_ref14.viewMode,id=story.id,applyLoaders=story.applyLoaders,unboundStoryFn=story.unboundStoryFn,playFunction=story.playFunction,notYetRendered=!0,isPending=function isPending(){return["rendering","playing"].includes(phase)};this.abortController=createController();var render=function(){var _ref15=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee14(){var _ref16,_ref16$initial,initial,_ref16$forceRemount,forceRemount,abortSignal,runPhase,loadedContext,renderStoryContext,renderContext,_args14=arguments;return regeneratorRuntime.wrap((function _callee14$(_context14){for(;;)switch(_context14.prev=_context14.next){case 0:return _ref16$initial=(_ref16=_args14.length>0&&void 0!==_args14[0]?_args14[0]:{}).initial,initial=void 0!==_ref16$initial&&_ref16$initial,_ref16$forceRemount=_ref16.forceRemount,(forceRemount=void 0!==_ref16$forceRemount&&_ref16$forceRemount)&&!initial&&(_this8.abortController.abort(),_this8.abortController=createController()),abortSignal=_this8.abortController.signal,runPhase=function(){var _ref17=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee12(phaseName,phaseFn){return regeneratorRuntime.wrap((function _callee12$(_context12){for(;;)switch(_context12.prev=_context12.next){case 0:if(phase=phaseName,_this8.channel.emit(core_events_dist_esm.default.STORY_RENDER_PHASE_CHANGED,{newPhase:phase,storyId:id}),!phaseFn){_context12.next=5;break}return _context12.next=5,phaseFn();case 5:abortSignal.aborted&&(phase="aborted",_this8.channel.emit(core_events_dist_esm.default.STORY_RENDER_PHASE_CHANGED,{newPhase:phase,storyId:id}));case 6:case"end":return _context12.stop()}}),_callee12)})));return function runPhase(_x5,_x6){return _ref17.apply(this,arguments)}}(),_context14.prev=4,_context14.next=7,runPhase("loading",PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee13(){return regeneratorRuntime.wrap((function _callee13$(_context13){for(;;)switch(_context13.prev=_context13.next){case 0:return _context13.next=2,applyLoaders(Object.assign({},_this8.storyStore.getStoryContext(story),{viewMode}));case 2:loadedContext=_context13.sent;case 3:case"end":return _context13.stop()}}),_callee13)}))));case 7:if(!abortSignal.aborted){_context14.next=9;break}return _context14.abrupt("return");case 9:return renderStoryContext=Object.assign({},loadedContext,_this8.storyStore.getStoryContext(story),{abortSignal,canvasElement}),renderContext=Object.assign({},renderContextWithoutStoryContext,{forceRemount:forceRemount||notYetRendered,storyContext:renderStoryContext,storyFn:function storyFn(){return unboundStoryFn(renderStoryContext)},unboundStoryFn}),_context14.next=13,runPhase("rendering",(function(){return _this8.renderToDOM(renderContext,canvasElement)}));case 13:if(notYetRendered=!1,!abortSignal.aborted){_context14.next=16;break}return _context14.abrupt("return");case 16:if(!forceRemount||!playFunction){_context14.next=25;break}return _this8.disableKeyListeners=!0,_context14.next=20,runPhase("playing",(function(){return playFunction(renderContext.storyContext)}));case 20:return _context14.next=22,runPhase("played");case 22:if(_this8.disableKeyListeners=!1,!abortSignal.aborted){_context14.next=25;break}return _context14.abrupt("return");case 25:return _context14.next=27,runPhase("completed",(function(){return _this8.channel.emit(core_events_dist_esm.default.STORY_RENDERED,id)}));case 27:_context14.next=32;break;case 29:_context14.prev=29,_context14.t0=_context14.catch(4),renderContextWithoutStoryContext.showException(_context14.t0);case 32:case"end":return _context14.stop()}}),_callee14,null,[[4,29]])})));return function render(){return _ref15.apply(this,arguments)}}();render({initial:!0,forceRemount:!0});var remountStoryIfMatches=function remountStoryIfMatches(_ref19){_ref19.storyId===story.id&&render({forceRemount:!0})},rerenderStoryIfMatches=function rerenderStoryIfMatches(_ref20){_ref20.storyId===story.id&&render()};return this.channel.on(core_events_dist_esm.default.UPDATE_GLOBALS,render),this.channel.on(core_events_dist_esm.default.FORCE_RE_RENDER,render),this.channel.on(core_events_dist_esm.default.FORCE_REMOUNT,remountStoryIfMatches),this.channel.on(core_events_dist_esm.default.UPDATE_STORY_ARGS,rerenderStoryIfMatches),this.channel.on(core_events_dist_esm.default.RESET_STORY_ARGS,rerenderStoryIfMatches),PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee15(){return regeneratorRuntime.wrap((function _callee15$(_context15){for(;;)switch(_context15.prev=_context15.next){case 0:if(_this8.abortController.abort(),_this8.storyStore.cleanupStory(story),_this8.channel.off(core_events_dist_esm.default.UPDATE_GLOBALS,render),_this8.channel.off(core_events_dist_esm.default.FORCE_RE_RENDER,render),_this8.channel.off(core_events_dist_esm.default.FORCE_REMOUNT,remountStoryIfMatches),_this8.channel.off(core_events_dist_esm.default.UPDATE_STORY_ARGS,rerenderStoryIfMatches),_this8.channel.off(core_events_dist_esm.default.RESET_STORY_ARGS,rerenderStoryIfMatches),isPending()){_context15.next=9;break}return _context15.abrupt("return");case 9:return _context15.next=11,new Promise((function(resolve){return setTimeout(resolve,0)}));case 11:if(isPending()){_context15.next=13;break}return _context15.abrupt("return");case 13:return _context15.next=15,new Promise((function(resolve){return setTimeout(resolve,0)}));case 15:if(isPending()){_context15.next=17;break}return _context15.abrupt("return");case 17:return _context15.next=19,new Promise((function(resolve){return setTimeout(resolve,0)}));case 19:if(isPending()){_context15.next=21;break}return _context15.abrupt("return");case 21:return window_default().window.location.reload(),_context15.next=24,new Promise((function(){}));case 24:case"end":return _context15.stop()}}),_callee15)})))}},{key:"extract",value:(_extract=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee16(options){var _global$FEATURES10;return regeneratorRuntime.wrap((function _callee16$(_context16){for(;;)switch(_context16.prev=_context16.next){case 0:if(!this.previewEntryError){_context16.next=2;break}throw this.previewEntryError;case 2:if(this.storyStore.projectAnnotations){_context16.next=4;break}throw new Error((0,esm.C)(_templateObject5||(_templateObject5=PreviewWeb_taggedTemplateLiteral(["Failed to initialize Storybook.\n \n Do you have an error in your `preview.js`? Check your Storybook's browser console for errors."],["Failed to initialize Storybook.\n \n Do you have an error in your \\`preview.js\\`? Check your Storybook's browser console for errors."]))));case 4:if(null===(_global$FEATURES10=window_default().FEATURES)||void 0===_global$FEATURES10||!_global$FEATURES10.storyStoreV7){_context16.next=7;break}return _context16.next=7,this.storyStore.cacheAllCSFFiles();case 7:return _context16.abrupt("return",this.storyStore.extract(options));case 8:case"end":return _context16.stop()}}),_callee16,this)}))),function extract(_x7){return _extract.apply(this,arguments)})},{key:"cleanupPreviousRender",value:(_cleanupPreviousRender=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee17(){var _this$previousStory,_this$previousStory$p,_this$previousSelecti3,_ref22$unmountDocs,unmountDocs,previousViewMode,_args17=arguments;return regeneratorRuntime.wrap((function _callee17$(_context17){for(;;)switch(_context17.prev=_context17.next){case 0:if(_ref22$unmountDocs=(_args17.length>0&&void 0!==_args17[0]?_args17[0]:{}).unmountDocs,unmountDocs=void 0===_ref22$unmountDocs||_ref22$unmountDocs,previousViewMode=null!==(_this$previousStory=this.previousStory)&&void 0!==_this$previousStory&&null!==(_this$previousStory$p=_this$previousStory.parameters)&&void 0!==_this$previousStory$p&&_this$previousStory$p.docsOnly?"docs":null===(_this$previousSelecti3=this.previousSelection)||void 0===_this$previousSelecti3?void 0:_this$previousSelecti3.viewMode,!unmountDocs||"docs"!==previousViewMode){_context17.next=6;break}return _context17.next=5,__webpack_require__.e(252).then(__webpack_require__.bind(__webpack_require__,"../../node_modules/@storybook/react/node_modules/@storybook/preview-web/dist/esm/renderDocs.js"));case 5:_context17.sent.unmountDocs(this.view.docsRoot());case 6:if(!this.previousCleanup){_context17.next=9;break}return _context17.next=9,this.previousCleanup();case 9:case"end":return _context17.stop()}}),_callee17,this)}))),function cleanupPreviousRender(){return _cleanupPreviousRender.apply(this,arguments)})},{key:"renderPreviewEntryError",value:function renderPreviewEntryError(reason,err){this.previewEntryError=err,dist_esm.kg.error(reason),dist_esm.kg.error(err),this.view.showErrorDisplay(err),this.channel.emit(core_events_dist_esm.default.CONFIG_ERROR,err)}},{key:"renderMissingStory",value:function renderMissingStory(){this.view.showNoPreview(),this.channel.emit(core_events_dist_esm.default.STORY_MISSING)}},{key:"renderStoryLoadingException",value:function renderStoryLoadingException(storySpecifier,err){dist_esm.kg.error("Unable to load story '".concat(storySpecifier,"':")),dist_esm.kg.error(err),this.view.showErrorDisplay(err),this.channel.emit(core_events_dist_esm.default.STORY_MISSING,storySpecifier)}},{key:"renderException",value:function renderException(storyId,err){this.channel.emit(core_events_dist_esm.default.STORY_THREW_EXCEPTION,err),this.channel.emit(core_events_dist_esm.default.STORY_RENDER_PHASE_CHANGED,{newPhase:"errored",storyId}),err!==core_events_dist_esm.IGNORED_EXCEPTION&&(this.view.showErrorDisplay(err),dist_esm.kg.error("Error rendering story '".concat(storyId,"':")),dist_esm.kg.error(err))}},{key:"renderError",value:function renderError(storyId,_ref23){var title=_ref23.title,description=_ref23.description;dist_esm.kg.error("Error rendering story ".concat(title,": ").concat(description)),this.channel.emit(core_events_dist_esm.default.STORY_ERRORED,{title,description}),this.channel.emit(core_events_dist_esm.default.STORY_RENDER_PHASE_CHANGED,{newPhase:"errored",storyId}),this.view.showErrorDisplay({message:title,stack:description})}}]),PreviewWeb}(),channels_dist_esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.from-entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.is-integer.js"),__webpack_require__("../../node_modules/core-js/modules/web.url.js"),__webpack_require__("../../node_modules/core-js/modules/web.url-search-params.js"),__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/channels/dist/esm/index.js")),telejson_dist_esm=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/telejson/dist/esm/index.js");function esm_toConsumableArray(arr){return function esm_arrayWithoutHoles(arr){if(Array.isArray(arr))return esm_arrayLikeToArray(arr)}(arr)||esm_iterableToArray(arr)||esm_unsupportedIterableToArray(arr)||function esm_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function esm_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function esm_slicedToArray(arr,i){return esm_arrayWithHoles(arr)||function esm_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||esm_unsupportedIterableToArray(arr,i)||esm_nonIterableRest()}function esm_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function esm_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return esm_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?esm_arrayLikeToArray(o,minLen):void 0}}function esm_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i manager ':' preview ',eventString=Object.values(core_events_dist_esm).includes(event.type)?''.concat(event.type,""):''.concat(event.type,"");if(refId&&(event.refId=refId),event.source="preview"===this.config.page?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source)return void dist_esm.IC.error("".concat(pageString," received ").concat(eventString," but was unable to determine the source of the event"));var message="".concat(pageString," received ").concat(eventString," (").concat(data.length,")");dist_esm.IC.debug.apply(dist_esm.IC,[esm_location.origin!==event.source?message:"".concat(message,' (on ').concat(esm_location.origin," from ").concat(event.source,")")].concat(esm_toConsumableArray(event.args))),this.handler(event)}}catch(error){dist_esm.kg.error(error)}}}]),PostmsgTransport}(),getEventSourceUrl=function getEventSourceUrl(event){var _frames$filter=esm_toConsumableArray(esm_document.querySelectorAll("iframe[data-is-storybook]")).filter((function(element){try{return element.contentWindow===event.source}catch(err){}var origin,src=element.getAttribute("src");try{origin=new URL(src,esm_document.location).origin}catch(err){return!1}return origin===event.origin})),_frames$filter2=function _toArray(arr){return esm_arrayWithHoles(arr)||esm_iterableToArray(arr)||esm_unsupportedIterableToArray(arr)||esm_nonIterableRest()}(_frames$filter),frame=_frames$filter2[0],remainder=_frames$filter2.slice(1);if(frame&&0===remainder.length){var src=frame.getAttribute("src"),_URL2=new URL(src,esm_document.location),protocol=_URL2.protocol,host=_URL2.host,pathname=_URL2.pathname;return"".concat(protocol,"//").concat(host).concat(pathname)}return remainder.length>0&&dist_esm.kg.error("found multiple candidates for event source"),null};__webpack_require__("../../node_modules/core-js/modules/es.map.js");function executeLoadable_slicedToArray(arr,i){return function executeLoadable_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function executeLoadable_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function executeLoadable_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return executeLoadable_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return executeLoadable_arrayLikeToArray(o,minLen)}(arr,i)||function executeLoadable_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function executeLoadable_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:{},decorateStory=_ref.decorateStory,render=_ref.render;if(null!=FEATURES&&FEATURES.storyStoreV7)return{forceReRender:removedApi("forceReRender"),getStorybook:removedApi("getStorybook"),configure:removedApi("configure"),clientApi:{addDecorator:removedApi("clientApi.addDecorator"),addParameters:removedApi("clientApi.addParameters"),clearDecorators:removedApi("clientApi.clearDecorators"),addLoader:removedApi("clientApi.addLoader"),setAddon:removedApi("clientApi.setAddon"),getStorybook:removedApi("clientApi.getStorybook"),storiesOf:removedApi("clientApi.storiesOf"),raw:removedApi("raw")}};var channel=function createChannel(_ref5){var page=_ref5.page,transport=new PostmsgTransport({page});return new channels_dist_esm.Z({transport})}({page:"preview"});addons_dist_esm.KP.setChannel(channel);var clientApi=new ClientApi.ti,preview=new PreviewWeb,initialized=!1,importFn=function importFn(path){return clientApi.importFn(path)};function onStoriesChanged(){var storyIndex=clientApi.getStoryIndex();preview.onStoriesChanged({storyIndex,importFn})}return clientApi.onImportFnChanged=onStoriesChanged,clientApi.storyStore=preview.storyStore,start_globalWindow&&(start_globalWindow.__STORYBOOK_CLIENT_API__=clientApi,start_globalWindow.__STORYBOOK_ADDONS_CHANNEL__=channel,start_globalWindow.__STORYBOOK_PREVIEW__=preview,start_globalWindow.__STORYBOOK_STORY_STORE__=preview.storyStore),{forceReRender:function forceReRender(){return channel.emit(core_events_dist_esm.default.FORCE_RE_RENDER)},getStorybook:function getStorybook(){return[]},raw:function raw(){},clientApi,configure:function configure(framework,loadable,m){(!(arguments.length>3&&void 0!==arguments[3])||arguments[3])&&configureDeprecationWarning(),clientApi.addParameters({framework});var getProjectAnnotations=function getProjectAnnotations(){var _executeLoadableForCh=executeLoadableForChanges(loadable,m),added=_executeLoadableForCh.added,removed=_executeLoadableForCh.removed;return Array.from(added.entries()).forEach((function(_ref2){var _ref3=start_slicedToArray(_ref2,2),fileName=_ref3[0],fileExports=_ref3[1];return clientApi.facade.addStoriesFromExports(fileName,fileExports)})),Array.from(removed.entries()).forEach((function(_ref4){var fileName=start_slicedToArray(_ref4,1)[0];return clientApi.facade.clearFilenameExports(fileName)})),Object.assign({},clientApi.facade.projectAnnotations,{render,renderToDOM,applyDecorators:decorateStory})};initialized?(getProjectAnnotations(),onStoriesChanged()):(preview.initialize({getStoryIndex:function getStoryIndex(){return clientApi.getStoryIndex()},importFn,getProjectAnnotations}),initialized=!0)}}}dist.toId,ClientApi.ti;var globals_globalWindow=window_default().window;globals_globalWindow&&(globals_globalWindow.STORYBOOK_ENV="react");var render=__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/preview/render.js"),framework="react",api=start(render.A,{render:render.s}),storiesOf=function storiesOf(kind,m){return api.clientApi.storiesOf(kind,m).addParameters({framework})},configure=function configure(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return api.configure.apply(api,[framework].concat(args))},addDecorator=api.clientApi.addDecorator,addParameters=api.clientApi.addParameters,setAddon=(api.clientApi.clearDecorators,api.clientApi.setAddon),forceReRender=api.forceReRender,getStorybook=api.clientApi.getStorybook,raw=api.clientApi.raw},"../../node_modules/@storybook/react/dist/esm/client/preview/render.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>renderToDOM,s:()=>render});__webpack_require__("../../node_modules/regenerator-runtime/runtime.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");var global__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_12__),react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/react-dom/index.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i{},"../../node_modules/@storybook/react/dist/esm/client/preview/types-6-3.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);var _types_6_0__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/preview/types-6-0.js"),__WEBPACK_REEXPORT_OBJECT__={};for(const __WEBPACK_IMPORT_KEY__ in _types_6_0__WEBPACK_IMPORTED_MODULE_0__)"default"!==__WEBPACK_IMPORT_KEY__&&(__WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__]=()=>_types_6_0__WEBPACK_IMPORTED_MODULE_0__[__WEBPACK_IMPORT_KEY__]);__webpack_require__.d(__webpack_exports__,__WEBPACK_REEXPORT_OBJECT__)},"../../node_modules/@storybook/react/node_modules/@storybook/core-client/dist/esm/globals/globals.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var global__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/global/window.js");__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_0__)().window.STORYBOOK_REACT_CLASSES={}},"../../node_modules/@storybook/react/node_modules/@storybook/core-client/dist/esm/globals/polyfills.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/regenerator-runtime/runtime.js"),__webpack_require__("../../node_modules/airbnb-js-shims/index.js"),__webpack_require__("../../node_modules/core-js/features/symbol/index.js")},"../../node_modules/@storybook/store/dist/esm/filterArgTypes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>filterArgTypes});__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js");var lodash_pickBy__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/lodash/pickBy.js"),lodash_pickBy__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(lodash_pickBy__WEBPACK_IMPORTED_MODULE_5__),matches=function matches(name,descriptor){return Array.isArray(descriptor)?descriptor.includes(name):name.match(descriptor)},filterArgTypes=function filterArgTypes(argTypes,include,exclude){return include||exclude?argTypes&&lodash_pickBy__WEBPACK_IMPORTED_MODULE_5___default()(argTypes,(function(argType,key){var name=argType.name||key;return(!include||matches(name,include))&&(!exclude||!matches(name,exclude))})):argTypes}},"../../node_modules/@storybook/store/dist/esm/parameters.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>combineParameters});__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js");var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/lodash/isPlainObject.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_15__);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(iter))return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__("../../node_modules/airbnb-js-shims/target/es5.js")},"../../node_modules/airbnb-js-shims/target/es2015.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/es6-shim/es6-shim.js"),__webpack_require__("../../node_modules/function.prototype.name/shim.js")(),__webpack_require__("../../node_modules/airbnb-js-shims/target/es2016.js")},"../../node_modules/airbnb-js-shims/target/es2016.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/array-includes/shim.js")(),__webpack_require__("../../node_modules/airbnb-js-shims/target/es2017.js")},"../../node_modules/airbnb-js-shims/target/es2017.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/object.values/shim.js")(),__webpack_require__("../../node_modules/object.entries/shim.js")(),__webpack_require__("../../node_modules/string.prototype.padstart/shim.js")(),__webpack_require__("../../node_modules/string.prototype.padend/shim.js")(),__webpack_require__("../../node_modules/object.getownpropertydescriptors/shim.js")(),__webpack_require__("../../node_modules/airbnb-js-shims/target/es2018.js")},"../../node_modules/airbnb-js-shims/target/es2018.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";"function"==typeof Promise&&__webpack_require__("../../node_modules/promise.prototype.finally/auto.js"),__webpack_require__("../../node_modules/airbnb-js-shims/target/es2019.js")},"../../node_modules/airbnb-js-shims/target/es2019.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/array.prototype.flat/auto.js"),__webpack_require__("../../node_modules/array.prototype.flatmap/auto.js"),__webpack_require__("../../node_modules/symbol.prototype.description/auto.js"),__webpack_require__("../../node_modules/object.fromentries/auto.js"),__webpack_require__("../../node_modules/airbnb-js-shims/target/es2020.js")},"../../node_modules/airbnb-js-shims/target/es2020.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/string.prototype.matchall/auto.js"),__webpack_require__("../../node_modules/globalthis/auto.js"),__webpack_require__("../../node_modules/promise.allsettled/auto.js")},"../../node_modules/airbnb-js-shims/target/es5.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/es5-shim/es5-shim.js"),__webpack_require__("../../node_modules/es5-shim/es5-sham.js"),__webpack_require__("../../node_modules/airbnb-js-shims/target/es2015.js")},"../../node_modules/ansi-to-html/lib/ansi_to_html.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";function _defineProperties(target,props){for(var i=0;i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var it,err,normalCompletion=!0,didErr=!1;return{s:function s(){it=o[Symbol.iterator]()},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0?40*red+55:0,g=green>0?40*green+55:0,b=blue>0?40*blue+55:0;colors[c]=function toColorHexString(ref){var _step,results=[],_iterator=_createForOfIteratorHelper(ref);try{for(_iterator.s();!(_step=_iterator.n()).done;){var r=_step.value;results.push(toHexString(r))}}catch(err){_iterator.e(err)}finally{_iterator.f()}return"#"+results.join("")}([r,g,b])}(red,green,blue,colors)}))}))})),range(0,23).forEach((function(gray){var c=gray+232,l=toHexString(10*gray+8);colors[c]="#"+l+l+l})),colors}()};function toHexString(num){for(var str=num.toString(16);str.length<2;)str="0"+str;return str}function generateOutput(stack,token,data,options){var result;return"text"===token?result=function pushText(text,options){if(options.escapeXML)return entities.encodeXML(text);return text}(data,options):"display"===token?result=function handleDisplay(stack,code,options){code=parseInt(code,10);var result,codeMap={"-1":function _(){return"
"},0:function _(){return stack.length&&resetStyles(stack)},1:function _(){return pushTag(stack,"b")},3:function _(){return pushTag(stack,"i")},4:function _(){return pushTag(stack,"u")},8:function _(){return pushStyle(stack,"display:none")},9:function _(){return pushTag(stack,"strike")},22:function _(){return pushStyle(stack,"font-weight:normal;text-decoration:none;font-style:normal")},23:function _(){return closeTag(stack,"i")},24:function _(){return closeTag(stack,"u")},39:function _(){return pushForegroundColor(stack,options.fg)},49:function _(){return pushBackgroundColor(stack,options.bg)},53:function _(){return pushStyle(stack,"text-decoration:overline")}};codeMap[code]?result=codeMap[code]():4"})).join("")}function range(low,high){for(var results=[],j=low;j<=high;j++)results.push(j);return results}function categoryForCode(code){var result=null;return 0===(code=parseInt(code,10))?result="all":1===code?result="bold":2")}function pushStyle(stack,style){return pushTag(stack,"span",style)}function pushForegroundColor(stack,color){return pushTag(stack,"span","color:"+color)}function pushBackgroundColor(stack,color){return pushTag(stack,"span","background-color:"+color)}function closeTag(stack,style){var last;if(stack.slice(-1)[0]===style&&(last=stack.pop()),last)return""}var Filter=function(){function Filter(options){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Filter),(options=options||{}).colors&&(options.colors=Object.assign({},defaults.colors,options.colors)),this.options=Object.assign({},defaults,options),this.stack=[],this.stickyStack=[]}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Filter,[{key:"toHtml",value:function toHtml(input){var _this=this;input="string"==typeof input?[input]:input;var stack=this.stack,options=this.options,buf=[];return this.stickyStack.forEach((function(element){var output=generateOutput(stack,element.token,element.data,options);output&&buf.push(output)})),function tokenize(text,options,callback){var ansiMatch=!1;function remove(){return""}function newline(m){return options.newline?callback("display",-1):callback("text",m),""}var tokens=[{pattern:/^\x08+/,sub:remove},{pattern:/^\x1b\[[012]?K/,sub:remove},{pattern:/^\x1b\[\(B/,sub:remove},{pattern:/^\x1b\[[34]8;2;\d+;\d+;\d+m/,sub:function rgb(m){return callback("rgb",m),""}},{pattern:/^\x1b\[38;5;(\d+)m/,sub:function removeXterm256(m,g1){return callback("xterm256",g1),""}},{pattern:/^\n/,sub:newline},{pattern:/^\r+\n/,sub:newline},{pattern:/^\x1b\[((?:\d{1,3};?)+|)m/,sub:function ansiMess(m,g1){ansiMatch=!0,0===g1.trim().length&&(g1="0");var _step2,_iterator2=_createForOfIteratorHelper(g1=g1.trimRight(";").split(";"));try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var g=_step2.value;callback("display",g)}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}return""}},{pattern:/^\x1b\[\d?J/,sub:remove},{pattern:/^\x1b\[\d{0,3};\d{0,3}f/,sub:remove},{pattern:/^\x1b\[?[\d;]{0,3}/,sub:remove},{pattern:/^(([^\x1b\x08\r\n])+)/,sub:function realText(m){return callback("text",m),""}}];function process(handler,i){i>3&&ansiMatch||(ansiMatch=!1,text=text.replace(handler.pattern,handler.sub))}var results1=[],length=text.length;outer:for(;length>0;){for(var i=0,o=0,len=tokens.length;o{"use strict";var ToIntegerOrInfinity=__webpack_require__("../../node_modules/es-abstract/2022/ToIntegerOrInfinity.js"),ToLength=__webpack_require__("../../node_modules/es-abstract/2022/ToLength.js"),ToObject=__webpack_require__("../../node_modules/es-abstract/2022/ToObject.js"),SameValueZero=__webpack_require__("../../node_modules/es-abstract/2022/SameValueZero.js"),$isNaN=__webpack_require__("../../node_modules/es-abstract/helpers/isNaN.js"),$isFinite=__webpack_require__("../../node_modules/es-abstract/helpers/isFinite.js"),GetIntrinsic=__webpack_require__("../../node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("../../node_modules/call-bind/callBound.js"),isString=__webpack_require__("../../node_modules/is-string/index.js"),$charAt=callBound("String.prototype.charAt"),$indexOf=GetIntrinsic("%Array.prototype.indexOf%"),$max=GetIntrinsic("%Math.max%");module.exports=function includes(searchElement){var fromIndex=arguments.length>1?ToIntegerOrInfinity(arguments[1]):0;if($indexOf&&!$isNaN(searchElement)&&$isFinite(fromIndex)&&void 0!==searchElement)return $indexOf.apply(this,arguments)>-1;var O=ToObject(this),length=ToLength(O.length);if(0===length)return!1;for(var k=fromIndex>=0?fromIndex:$max(0,length+fromIndex);k{"use strict";var implementation=__webpack_require__("../../node_modules/array-includes/implementation.js");module.exports=function getPolyfill(){return Array.prototype.includes&&Array(1).includes(void 0)?Array.prototype.includes:implementation}},"../../node_modules/array-includes/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("../../node_modules/array-includes/polyfill.js");module.exports=function shimArrayPrototypeIncludes(){var polyfill=getPolyfill();return define(Array.prototype,{includes:polyfill},{includes:function(){return Array.prototype.includes!==polyfill}}),polyfill}},"../../node_modules/array.prototype.flat/auto.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/array.prototype.flat/shim.js")()},"../../node_modules/array.prototype.flat/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ArraySpeciesCreate=__webpack_require__("../../node_modules/es-abstract/2022/ArraySpeciesCreate.js"),FlattenIntoArray=__webpack_require__("../../node_modules/es-abstract/2022/FlattenIntoArray.js"),Get=__webpack_require__("../../node_modules/es-abstract/2022/Get.js"),ToIntegerOrInfinity=__webpack_require__("../../node_modules/es-abstract/2022/ToIntegerOrInfinity.js"),ToLength=__webpack_require__("../../node_modules/es-abstract/2022/ToLength.js"),ToObject=__webpack_require__("../../node_modules/es-abstract/2022/ToObject.js");module.exports=function flat(){var O=ToObject(this),sourceLen=ToLength(Get(O,"length")),depthNum=1;arguments.length>0&&void 0!==arguments[0]&&(depthNum=ToIntegerOrInfinity(arguments[0]));var A=ArraySpeciesCreate(O,0);return FlattenIntoArray(A,O,sourceLen,0,depthNum),A}},"../../node_modules/array.prototype.flat/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__("../../node_modules/array.prototype.flat/implementation.js");module.exports=function getPolyfill(){return Array.prototype.flat||implementation}},"../../node_modules/array.prototype.flat/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),shimUnscopables=__webpack_require__("../../node_modules/es-shim-unscopables/index.js"),getPolyfill=__webpack_require__("../../node_modules/array.prototype.flat/polyfill.js");module.exports=function shimFlat(){var polyfill=getPolyfill();return define(Array.prototype,{flat:polyfill},{flat:function(){return Array.prototype.flat!==polyfill}}),shimUnscopables("flat"),polyfill}},"../../node_modules/array.prototype.flatmap/auto.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/array.prototype.flatmap/shim.js")()},"../../node_modules/array.prototype.flatmap/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ArraySpeciesCreate=__webpack_require__("../../node_modules/es-abstract/2022/ArraySpeciesCreate.js"),FlattenIntoArray=__webpack_require__("../../node_modules/es-abstract/2022/FlattenIntoArray.js"),Get=__webpack_require__("../../node_modules/es-abstract/2022/Get.js"),IsCallable=__webpack_require__("../../node_modules/es-abstract/2022/IsCallable.js"),ToLength=__webpack_require__("../../node_modules/es-abstract/2022/ToLength.js"),ToObject=__webpack_require__("../../node_modules/es-abstract/2022/ToObject.js");module.exports=function flatMap(mapperFunction){var T,O=ToObject(this),sourceLen=ToLength(Get(O,"length"));if(!IsCallable(mapperFunction))throw new TypeError("mapperFunction must be a function");arguments.length>1&&(T=arguments[1]);var A=ArraySpeciesCreate(O,0);return FlattenIntoArray(A,O,sourceLen,0,1,mapperFunction,T),A}},"../../node_modules/array.prototype.flatmap/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__("../../node_modules/array.prototype.flatmap/implementation.js");module.exports=function getPolyfill(){return Array.prototype.flatMap||implementation}},"../../node_modules/array.prototype.flatmap/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),shimUnscopables=__webpack_require__("../../node_modules/es-shim-unscopables/index.js"),getPolyfill=__webpack_require__("../../node_modules/array.prototype.flatmap/polyfill.js");module.exports=function shimFlatMap(){var polyfill=getPolyfill();return define(Array.prototype,{flatMap:polyfill},{flatMap:function(){return Array.prototype.flatMap!==polyfill}}),shimUnscopables("flatMap"),polyfill}},"../../node_modules/array.prototype.map/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ArraySpeciesCreate=__webpack_require__("../../node_modules/es-abstract/2022/ArraySpeciesCreate.js"),Call=__webpack_require__("../../node_modules/es-abstract/2022/Call.js"),CreateDataPropertyOrThrow=__webpack_require__("../../node_modules/es-abstract/2022/CreateDataPropertyOrThrow.js"),Get=__webpack_require__("../../node_modules/es-abstract/2022/Get.js"),HasProperty=__webpack_require__("../../node_modules/es-abstract/2022/HasProperty.js"),IsCallable=__webpack_require__("../../node_modules/es-abstract/2022/IsCallable.js"),ToUint32=__webpack_require__("../../node_modules/es-abstract/2022/ToUint32.js"),ToObject=__webpack_require__("../../node_modules/es-abstract/2022/ToObject.js"),ToString=__webpack_require__("../../node_modules/es-abstract/2022/ToString.js"),callBound=__webpack_require__("../../node_modules/call-bind/callBound.js"),isString=__webpack_require__("../../node_modules/is-string/index.js"),boxedString=Object("a"),splitString="a"!==boxedString[0]||!(0 in boxedString),strSplit=callBound("String.prototype.split");module.exports=function map(callbackfn){var T,O=ToObject(this),self=splitString&&isString(O)?strSplit(O,""):O,len=ToUint32(self.length);if(!IsCallable(callbackfn))throw new TypeError("Array.prototype.map callback must be a function");arguments.length>1&&(T=arguments[1]);for(var A=ArraySpeciesCreate(O,len),k=0;k{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),RequireObjectCoercible=__webpack_require__("../../node_modules/es-abstract/2022/RequireObjectCoercible.js"),callBound=__webpack_require__("../../node_modules/call-bind/callBound.js"),implementation=__webpack_require__("../../node_modules/array.prototype.map/implementation.js"),getPolyfill=__webpack_require__("../../node_modules/array.prototype.map/polyfill.js"),polyfill=getPolyfill(),shim=__webpack_require__("../../node_modules/array.prototype.map/shim.js"),$slice=callBound("Array.prototype.slice"),boundMapShim=function map(array,callbackfn){return RequireObjectCoercible(array),polyfill.apply(array,$slice(arguments,1))};define(boundMapShim,{getPolyfill,implementation,shim}),module.exports=boundMapShim},"../../node_modules/array.prototype.map/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var arrayMethodBoxesProperly=__webpack_require__("../../node_modules/es-array-method-boxes-properly/index.js"),implementation=__webpack_require__("../../node_modules/array.prototype.map/implementation.js");module.exports=function getPolyfill(){var method=Array.prototype.map;return arrayMethodBoxesProperly(method)?method:implementation}},"../../node_modules/array.prototype.map/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("../../node_modules/array.prototype.map/polyfill.js");module.exports=function shimArrayPrototypeMap(){var polyfill=getPolyfill();return define(Array.prototype,{map:polyfill},{map:function(){return Array.prototype.map!==polyfill}}),polyfill}},"../../node_modules/array.prototype.reduce/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var Call=__webpack_require__("../../node_modules/es-abstract/2022/Call.js"),Get=__webpack_require__("../../node_modules/es-abstract/2022/Get.js"),HasProperty=__webpack_require__("../../node_modules/es-abstract/2022/HasProperty.js"),IsCallable=__webpack_require__("../../node_modules/es-abstract/2022/IsCallable.js"),LengthOfArrayLike=__webpack_require__("../../node_modules/es-abstract/2022/LengthOfArrayLike.js"),ToObject=__webpack_require__("../../node_modules/es-abstract/2022/ToObject.js"),ToString=__webpack_require__("../../node_modules/es-abstract/2022/ToString.js"),callBound=__webpack_require__("../../node_modules/call-bind/callBound.js"),isString=__webpack_require__("../../node_modules/is-string/index.js"),$TypeError=TypeError,boxedString=Object("a"),splitString="a"!==boxedString[0]||!(0 in boxedString),strSplit=callBound("%String.prototype.split%");module.exports=function reduce(callbackfn){var O=ToObject(this),self=splitString&&isString(O)?strSplit(O,""):O,len=LengthOfArrayLike(self);if(!IsCallable(callbackfn))throw new $TypeError("Array.prototype.reduce callback must be a function");if(0===len&&arguments.length<2)throw new $TypeError("reduce of empty array with no initial value");var accumulator,Pk,kPresent,k=0;if(arguments.length>1)accumulator=arguments[1];else{for(kPresent=!1;!kPresent&&k{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),RequireObjectCoercible=__webpack_require__("../../node_modules/es-abstract/2022/RequireObjectCoercible.js"),callBind=__webpack_require__("../../node_modules/call-bind/index.js"),callBound=__webpack_require__("../../node_modules/call-bind/callBound.js"),implementation=__webpack_require__("../../node_modules/array.prototype.reduce/implementation.js"),getPolyfill=__webpack_require__("../../node_modules/array.prototype.reduce/polyfill.js"),polyfill=callBind.apply(getPolyfill()),shim=__webpack_require__("../../node_modules/array.prototype.reduce/shim.js"),$slice=callBound("%Array.prototype.slice%"),boundShim=function reduce(array,callbackfn){return RequireObjectCoercible(array),polyfill(array,$slice(arguments,1))};define(boundShim,{getPolyfill,implementation,shim}),module.exports=boundShim},"../../node_modules/array.prototype.reduce/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var arrayMethodBoxesProperly=__webpack_require__("../../node_modules/es-array-method-boxes-properly/index.js"),implementation=__webpack_require__("../../node_modules/array.prototype.reduce/implementation.js");module.exports=function getPolyfill(){var method=Array.prototype.reduce;return arrayMethodBoxesProperly(method)?method:implementation}},"../../node_modules/array.prototype.reduce/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("../../node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("../../node_modules/array.prototype.reduce/polyfill.js");module.exports=function shimArrayPrototypeReduce(){var polyfill=getPolyfill();return define(Array.prototype,{reduce:polyfill},{reduce:function(){return Array.prototype.reduce!==polyfill}}),polyfill}},"../../node_modules/assert/assert.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var objectAssign=__webpack_require__("../../node_modules/object-assign/index.js");function compare(a,b){if(a===b)return 0;for(var x=a.length,y=b.length,i=0,len=Math.min(x,y);i=0;i--)if(ka[i]!==kb[i])return!1;for(i=ka.length-1;i>=0;i--)if(!_deepEqual(a[key=ka[i]],b[key],strict,actualVisitedObjects))return!1;return!0}(actual,expected,strict,memos))}return strict?actual===expected:actual==expected}function isArguments(object){return"[object Arguments]"==Object.prototype.toString.call(object)}function expectedException(actual,expected){if(!actual||!expected)return!1;if("[object RegExp]"==Object.prototype.toString.call(expected))return expected.test(actual);try{if(actual instanceof expected)return!0}catch(e){}return!Error.isPrototypeOf(expected)&&!0===expected.call({},actual)}function _throws(shouldThrow,block,expected,message){var actual;if("function"!=typeof block)throw new TypeError('"block" argument must be a function');"string"==typeof expected&&(message=expected,expected=null),actual=function _tryBlock(block){var error;try{block()}catch(e){error=e}return error}(block),message=(expected&&expected.name?" ("+expected.name+").":".")+(message?" "+message:"."),shouldThrow&&!actual&&fail(actual,expected,"Missing expected exception"+message);var userProvidedMessage="string"==typeof message,isUnexpectedException=!shouldThrow&&actual&&!expected;if((!shouldThrow&&util.isError(actual)&&userProvidedMessage&&expectedException(actual,expected)||isUnexpectedException)&&fail(actual,expected,"Got unwanted exception"+message),shouldThrow&&actual&&expected&&!expectedException(actual,expected)||!shouldThrow&&actual)throw actual}assert.AssertionError=function AssertionError(options){this.name="AssertionError",this.actual=options.actual,this.expected=options.expected,this.operator=options.operator,options.message?(this.message=options.message,this.generatedMessage=!1):(this.message=function getMessage(self){return truncate(inspect(self.actual),128)+" "+self.operator+" "+truncate(inspect(self.expected),128)}(this),this.generatedMessage=!0);var stackStartFunction=options.stackStartFunction||fail;if(Error.captureStackTrace)Error.captureStackTrace(this,stackStartFunction);else{var err=new Error;if(err.stack){var out=err.stack,fn_name=getName(stackStartFunction),idx=out.indexOf("\n"+fn_name);if(idx>=0){var next_line=out.indexOf("\n",idx+1);out=out.substring(next_line+1)}this.stack=out}}},util.inherits(assert.AssertionError,Error),assert.fail=fail,assert.ok=ok,assert.equal=function equal(actual,expected,message){actual!=expected&&fail(actual,expected,message,"==",assert.equal)},assert.notEqual=function notEqual(actual,expected,message){actual==expected&&fail(actual,expected,message,"!=",assert.notEqual)},assert.deepEqual=function deepEqual(actual,expected,message){_deepEqual(actual,expected,!1)||fail(actual,expected,message,"deepEqual",assert.deepEqual)},assert.deepStrictEqual=function deepStrictEqual(actual,expected,message){_deepEqual(actual,expected,!0)||fail(actual,expected,message,"deepStrictEqual",assert.deepStrictEqual)},assert.notDeepEqual=function notDeepEqual(actual,expected,message){_deepEqual(actual,expected,!1)&&fail(actual,expected,message,"notDeepEqual",assert.notDeepEqual)},assert.notDeepStrictEqual=function notDeepStrictEqual(actual,expected,message){_deepEqual(actual,expected,!0)&&fail(actual,expected,message,"notDeepStrictEqual",notDeepStrictEqual)},assert.strictEqual=function strictEqual(actual,expected,message){actual!==expected&&fail(actual,expected,message,"===",assert.strictEqual)},assert.notStrictEqual=function notStrictEqual(actual,expected,message){actual===expected&&fail(actual,expected,message,"!==",assert.notStrictEqual)},assert.throws=function(block,error,message){_throws(!0,block,error,message)},assert.doesNotThrow=function(block,error,message){_throws(!1,block,error,message)},assert.ifError=function(err){if(err)throw err},assert.strict=objectAssign((function strict(value,message){value||fail(value,!0,message,"==",strict)}),assert,{equal:assert.strictEqual,deepEqual:assert.deepStrictEqual,notEqual:assert.notStrictEqual,notDeepEqual:assert.notDeepStrictEqual}),assert.strict.strict=assert.strict;var objectKeys=Object.keys||function(obj){var keys=[];for(var key in obj)hasOwn.call(obj,key)&&keys.push(key);return keys}},"../../node_modules/assert/node_modules/inherits/inherits_browser.js":module=>{"function"==typeof Object.create?module.exports=function inherits(ctor,superCtor){ctor.super_=superCtor,ctor.prototype=Object.create(superCtor.prototype,{constructor:{value:ctor,enumerable:!1,writable:!0,configurable:!0}})}:module.exports=function inherits(ctor,superCtor){ctor.super_=superCtor;var TempCtor=function(){};TempCtor.prototype=superCtor.prototype,ctor.prototype=new TempCtor,ctor.prototype.constructor=ctor}},"../../node_modules/assert/node_modules/util/support/isBufferBrowser.js":module=>{module.exports=function isBuffer(arg){return arg&&"object"==typeof arg&&"function"==typeof arg.copy&&"function"==typeof arg.fill&&"function"==typeof arg.readUInt8}},"../../node_modules/assert/node_modules/util/util.js":(__unused_webpack_module,exports,__webpack_require__)=>{var process=__webpack_require__("../../node_modules/process/browser.js"),formatRegExp=/%[sdj%]/g;exports.format=function(f){if(!isString(f)){for(var objects=[],i=0;i=len)return x;switch(x){case"%s":return String(args[i++]);case"%d":return Number(args[i++]);case"%j":try{return JSON.stringify(args[i++])}catch(_){return"[Circular]"}default:return x}})),x=args[i];i=3&&(ctx.depth=arguments[2]),arguments.length>=4&&(ctx.colors=arguments[3]),isBoolean(opts)?ctx.showHidden=opts:opts&&exports._extend(ctx,opts),isUndefined(ctx.showHidden)&&(ctx.showHidden=!1),isUndefined(ctx.depth)&&(ctx.depth=2),isUndefined(ctx.colors)&&(ctx.colors=!1),isUndefined(ctx.customInspect)&&(ctx.customInspect=!0),ctx.colors&&(ctx.stylize=stylizeWithColor),formatValue(ctx,obj,ctx.depth)}function stylizeWithColor(str,styleType){var style=inspect.styles[styleType];return style?"["+inspect.colors[style][0]+"m"+str+"["+inspect.colors[style][1]+"m":str}function stylizeNoColor(str,styleType){return str}function formatValue(ctx,value,recurseTimes){if(ctx.customInspect&&value&&isFunction(value.inspect)&&value.inspect!==exports.inspect&&(!value.constructor||value.constructor.prototype!==value)){var ret=value.inspect(recurseTimes,ctx);return isString(ret)||(ret=formatValue(ctx,ret,recurseTimes)),ret}var primitive=function formatPrimitive(ctx,value){if(isUndefined(value))return ctx.stylize("undefined","undefined");if(isString(value)){var simple="'"+JSON.stringify(value).replace(/^"|"$/g,"").replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return ctx.stylize(simple,"string")}if(isNumber(value))return ctx.stylize(""+value,"number");if(isBoolean(value))return ctx.stylize(""+value,"boolean");if(isNull(value))return ctx.stylize("null","null")}(ctx,value);if(primitive)return primitive;var keys=Object.keys(value),visibleKeys=function arrayToHash(array){var hash={};return array.forEach((function(val,idx){hash[val]=!0})),hash}(keys);if(ctx.showHidden&&(keys=Object.getOwnPropertyNames(value)),isError(value)&&(keys.indexOf("message")>=0||keys.indexOf("description")>=0))return formatError(value);if(0===keys.length){if(isFunction(value)){var name=value.name?": "+value.name:"";return ctx.stylize("[Function"+name+"]","special")}if(isRegExp(value))return ctx.stylize(RegExp.prototype.toString.call(value),"regexp");if(isDate(value))return ctx.stylize(Date.prototype.toString.call(value),"date");if(isError(value))return formatError(value)}var output,base="",array=!1,braces=["{","}"];(isArray(value)&&(array=!0,braces=["[","]"]),isFunction(value))&&(base=" [Function"+(value.name?": "+value.name:"")+"]");return isRegExp(value)&&(base=" "+RegExp.prototype.toString.call(value)),isDate(value)&&(base=" "+Date.prototype.toUTCString.call(value)),isError(value)&&(base=" "+formatError(value)),0!==keys.length||array&&0!=value.length?recurseTimes<0?isRegExp(value)?ctx.stylize(RegExp.prototype.toString.call(value),"regexp"):ctx.stylize("[Object]","special"):(ctx.seen.push(value),output=array?function formatArray(ctx,value,recurseTimes,visibleKeys,keys){for(var output=[],i=0,l=value.length;i=0&&0,prev+cur.replace(/\u001b\[\d\d?m/g,"").length+1}),0);if(length>60)return braces[0]+(""===base?"":base+"\n ")+" "+output.join(",\n ")+" "+braces[1];return braces[0]+base+" "+output.join(", ")+" "+braces[1]}(output,base,braces)):braces[0]+base+braces[1]}function formatError(value){return"["+Error.prototype.toString.call(value)+"]"}function formatProperty(ctx,value,recurseTimes,visibleKeys,key,array){var name,str,desc;if((desc=Object.getOwnPropertyDescriptor(value,key)||{value:value[key]}).get?str=desc.set?ctx.stylize("[Getter/Setter]","special"):ctx.stylize("[Getter]","special"):desc.set&&(str=ctx.stylize("[Setter]","special")),hasOwnProperty(visibleKeys,key)||(name="["+key+"]"),str||(ctx.seen.indexOf(desc.value)<0?(str=isNull(recurseTimes)?formatValue(ctx,desc.value,null):formatValue(ctx,desc.value,recurseTimes-1)).indexOf("\n")>-1&&(str=array?str.split("\n").map((function(line){return" "+line})).join("\n").substr(2):"\n"+str.split("\n").map((function(line){return" "+line})).join("\n")):str=ctx.stylize("[Circular]","special")),isUndefined(name)){if(array&&key.match(/^\d+$/))return str;(name=JSON.stringify(""+key)).match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)?(name=name.substr(1,name.length-2),name=ctx.stylize(name,"name")):(name=name.replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'"),name=ctx.stylize(name,"string"))}return name+": "+str}function isArray(ar){return Array.isArray(ar)}function isBoolean(arg){return"boolean"==typeof arg}function isNull(arg){return null===arg}function isNumber(arg){return"number"==typeof arg}function isString(arg){return"string"==typeof arg}function isUndefined(arg){return void 0===arg}function isRegExp(re){return isObject(re)&&"[object RegExp]"===objectToString(re)}function isObject(arg){return"object"==typeof arg&&null!==arg}function isDate(d){return isObject(d)&&"[object Date]"===objectToString(d)}function isError(e){return isObject(e)&&("[object Error]"===objectToString(e)||e instanceof Error)}function isFunction(arg){return"function"==typeof arg}function objectToString(o){return Object.prototype.toString.call(o)}function pad(n){return n<10?"0"+n.toString(10):n.toString(10)}exports.debuglog=function(set){if(isUndefined(debugEnviron)&&(debugEnviron=process.env.NODE_DEBUG||""),set=set.toUpperCase(),!debugs[set])if(new RegExp("\\b"+set+"\\b","i").test(debugEnviron)){var pid=process.pid;debugs[set]=function(){var msg=exports.format.apply(exports,arguments);console.error("%s %d: %s",set,pid,msg)}}else debugs[set]=function(){};return debugs[set]},exports.inspect=inspect,inspect.colors={bold:[1,22],italic:[3,23],underline:[4,24],inverse:[7,27],white:[37,39],grey:[90,39],black:[30,39],blue:[34,39],cyan:[36,39],green:[32,39],magenta:[35,39],red:[31,39],yellow:[33,39]},inspect.styles={special:"cyan",number:"yellow",boolean:"yellow",undefined:"grey",null:"bold",string:"green",date:"magenta",regexp:"red"},exports.isArray=isArray,exports.isBoolean=isBoolean,exports.isNull=isNull,exports.isNullOrUndefined=function isNullOrUndefined(arg){return null==arg},exports.isNumber=isNumber,exports.isString=isString,exports.isSymbol=function isSymbol(arg){return"symbol"==typeof arg},exports.isUndefined=isUndefined,exports.isRegExp=isRegExp,exports.isObject=isObject,exports.isDate=isDate,exports.isError=isError,exports.isFunction=isFunction,exports.isPrimitive=function isPrimitive(arg){return null===arg||"boolean"==typeof arg||"number"==typeof arg||"string"==typeof arg||"symbol"==typeof arg||void 0===arg},exports.isBuffer=__webpack_require__("../../node_modules/assert/node_modules/util/support/isBufferBrowser.js");var months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function hasOwnProperty(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)}exports.log=function(){console.log("%s - %s",function timestamp(){var d=new Date,time=[pad(d.getHours()),pad(d.getMinutes()),pad(d.getSeconds())].join(":");return[d.getDate(),months[d.getMonth()],time].join(" ")}(),exports.format.apply(exports,arguments))},exports.inherits=__webpack_require__("../../node_modules/assert/node_modules/inherits/inherits_browser.js"),exports._extend=function(origin,add){if(!add||!isObject(add))return origin;for(var keys=Object.keys(add),i=keys.length;i--;)origin[keys[i]]=add[keys[i]];return origin}},"../../node_modules/call-bind/callBound.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var GetIntrinsic=__webpack_require__("../../node_modules/get-intrinsic/index.js"),callBind=__webpack_require__("../../node_modules/call-bind/index.js"),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic(name,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name,".prototype.")>-1?callBind(intrinsic):intrinsic}},"../../node_modules/call-bind/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var bind=__webpack_require__("../../node_modules/function-bind/index.js"),GetIntrinsic=__webpack_require__("../../node_modules/get-intrinsic/index.js"),$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);$gOPD&&$defineProperty&&($gOPD(func,"length").configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))}));return func};var applyBind=function applyBind(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind},"../../node_modules/cookie/index.js":(__unused_webpack_module,exports)=>{"use strict";exports.parse=function parse(str,options){if("string"!=typeof str)throw new TypeError("argument str must be a string");for(var obj={},opt=options||{},pairs=str.split(";"),dec=opt.decode||decode,i=0;i{var parent=__webpack_require__("../../node_modules/core-js/stable/symbol/index.js");__webpack_require__("../../node_modules/core-js/modules/esnext.function.metadata.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.dispose.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.metadata.js"),module.exports=parent},"../../node_modules/core-js/es/symbol/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.has-instance.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.is-concat-spreadable.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.match.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.match-all.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.search.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.species.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.unscopables.js"),__webpack_require__("../../node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.to-string-tag.js");var path=__webpack_require__("../../node_modules/core-js/internals/path.js");module.exports=path.Symbol},"../../node_modules/core-js/features/symbol/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("../../node_modules/core-js/full/symbol/index.js")},"../../node_modules/core-js/full/symbol/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{var parent=__webpack_require__("../../node_modules/core-js/actual/symbol/index.js");__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.async-dispose.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.is-registered-symbol.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.is-well-known-symbol.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.matcher.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.observable.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.is-registered.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.is-well-known.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.metadata-key.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.pattern-match.js"),__webpack_require__("../../node_modules/core-js/modules/esnext.symbol.replace-all.js"),module.exports=parent},"../../node_modules/core-js/internals/a-callable.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),tryToString=__webpack_require__("../../node_modules/core-js/internals/try-to-string.js"),$TypeError=TypeError;module.exports=function(argument){if(isCallable(argument))return argument;throw $TypeError(tryToString(argument)+" is not a function")}},"../../node_modules/core-js/internals/a-constructor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isConstructor=__webpack_require__("../../node_modules/core-js/internals/is-constructor.js"),tryToString=__webpack_require__("../../node_modules/core-js/internals/try-to-string.js"),$TypeError=TypeError;module.exports=function(argument){if(isConstructor(argument))return argument;throw $TypeError(tryToString(argument)+" is not a constructor")}},"../../node_modules/core-js/internals/a-possible-prototype.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),$String=String,$TypeError=TypeError;module.exports=function(argument){if("object"==typeof argument||isCallable(argument))return argument;throw $TypeError("Can't set "+$String(argument)+" as a prototype")}},"../../node_modules/core-js/internals/add-to-unscopables.js":(module,__unused_webpack_exports,__webpack_require__)=>{var wellKnownSymbol=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js"),create=__webpack_require__("../../node_modules/core-js/internals/object-create.js"),defineProperty=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js").f,UNSCOPABLES=wellKnownSymbol("unscopables"),ArrayPrototype=Array.prototype;null==ArrayPrototype[UNSCOPABLES]&&defineProperty(ArrayPrototype,UNSCOPABLES,{configurable:!0,value:create(null)}),module.exports=function(key){ArrayPrototype[UNSCOPABLES][key]=!0}},"../../node_modules/core-js/internals/advance-string-index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var charAt=__webpack_require__("../../node_modules/core-js/internals/string-multibyte.js").charAt;module.exports=function(S,index,unicode){return index+(unicode?charAt(S,index).length:1)}},"../../node_modules/core-js/internals/an-instance.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-is-prototype-of.js"),$TypeError=TypeError;module.exports=function(it,Prototype){if(isPrototypeOf(Prototype,it))return it;throw $TypeError("Incorrect invocation")}},"../../node_modules/core-js/internals/an-object.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),$String=String,$TypeError=TypeError;module.exports=function(argument){if(isObject(argument))return argument;throw $TypeError($String(argument)+" is not an object")}},"../../node_modules/core-js/internals/array-buffer-basic-detection.js":module=>{module.exports="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof DataView},"../../node_modules/core-js/internals/array-buffer-non-extensible.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js");module.exports=fails((function(){if("function"==typeof ArrayBuffer){var buffer=new ArrayBuffer(8);Object.isExtensible(buffer)&&Object.defineProperty(buffer,"a",{value:8})}}))},"../../node_modules/core-js/internals/array-buffer.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var global=__webpack_require__("../../node_modules/core-js/internals/global.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),NATIVE_ARRAY_BUFFER=__webpack_require__("../../node_modules/core-js/internals/array-buffer-basic-detection.js"),FunctionName=__webpack_require__("../../node_modules/core-js/internals/function-name.js"),createNonEnumerableProperty=__webpack_require__("../../node_modules/core-js/internals/create-non-enumerable-property.js"),defineBuiltInAccessor=__webpack_require__("../../node_modules/core-js/internals/define-built-in-accessor.js"),defineBuiltIns=__webpack_require__("../../node_modules/core-js/internals/define-built-ins.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),anInstance=__webpack_require__("../../node_modules/core-js/internals/an-instance.js"),toIntegerOrInfinity=__webpack_require__("../../node_modules/core-js/internals/to-integer-or-infinity.js"),toLength=__webpack_require__("../../node_modules/core-js/internals/to-length.js"),toIndex=__webpack_require__("../../node_modules/core-js/internals/to-index.js"),IEEE754=__webpack_require__("../../node_modules/core-js/internals/ieee754.js"),getPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-set-prototype-of.js"),getOwnPropertyNames=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-names.js").f,arrayFill=__webpack_require__("../../node_modules/core-js/internals/array-fill.js"),arraySlice=__webpack_require__("../../node_modules/core-js/internals/array-slice-simple.js"),setToStringTag=__webpack_require__("../../node_modules/core-js/internals/set-to-string-tag.js"),InternalStateModule=__webpack_require__("../../node_modules/core-js/internals/internal-state.js"),PROPER_FUNCTION_NAME=FunctionName.PROPER,CONFIGURABLE_FUNCTION_NAME=FunctionName.CONFIGURABLE,getInternalArrayBufferState=InternalStateModule.getterFor("ArrayBuffer"),getInternalDataViewState=InternalStateModule.getterFor("DataView"),setInternalState=InternalStateModule.set,NativeArrayBuffer=global.ArrayBuffer,$ArrayBuffer=NativeArrayBuffer,ArrayBufferPrototype=$ArrayBuffer&&$ArrayBuffer.prototype,$DataView=global.DataView,DataViewPrototype=$DataView&&$DataView.prototype,ObjectPrototype=Object.prototype,Array=global.Array,RangeError=global.RangeError,fill=uncurryThis(arrayFill),reverse=uncurryThis([].reverse),packIEEE754=IEEE754.pack,unpackIEEE754=IEEE754.unpack,packInt8=function(number){return[255&number]},packInt16=function(number){return[255&number,number>>8&255]},packInt32=function(number){return[255&number,number>>8&255,number>>16&255,number>>24&255]},unpackInt32=function(buffer){return buffer[3]<<24|buffer[2]<<16|buffer[1]<<8|buffer[0]},packFloat32=function(number){return packIEEE754(number,23,4)},packFloat64=function(number){return packIEEE754(number,52,8)},addGetter=function(Constructor,key,getInternalState){defineBuiltInAccessor(Constructor.prototype,key,{configurable:!0,get:function(){return getInternalState(this)[key]}})},get=function(view,count,index,isLittleEndian){var intIndex=toIndex(index),store=getInternalDataViewState(view);if(intIndex+count>store.byteLength)throw RangeError("Wrong index");var bytes=store.bytes,start=intIndex+store.byteOffset,pack=arraySlice(bytes,start,start+count);return isLittleEndian?pack:reverse(pack)},set=function(view,count,index,conversion,value,isLittleEndian){var intIndex=toIndex(index),store=getInternalDataViewState(view);if(intIndex+count>store.byteLength)throw RangeError("Wrong index");for(var bytes=store.bytes,start=intIndex+store.byteOffset,pack=conversion(+value),i=0;ij;)(key=keys[j++])in $ArrayBuffer||createNonEnumerableProperty($ArrayBuffer,key,NativeArrayBuffer[key]);ArrayBufferPrototype.constructor=$ArrayBuffer}setPrototypeOf&&getPrototypeOf(DataViewPrototype)!==ObjectPrototype&&setPrototypeOf(DataViewPrototype,ObjectPrototype);var testView=new $DataView(new $ArrayBuffer(2)),$setInt8=uncurryThis(DataViewPrototype.setInt8);testView.setInt8(0,2147483648),testView.setInt8(1,2147483649),!testView.getInt8(0)&&testView.getInt8(1)||defineBuiltIns(DataViewPrototype,{setInt8:function setInt8(byteOffset,value){$setInt8(this,byteOffset,value<<24>>24)},setUint8:function setUint8(byteOffset,value){$setInt8(this,byteOffset,value<<24>>24)}},{unsafe:!0})}else ArrayBufferPrototype=($ArrayBuffer=function ArrayBuffer(length){anInstance(this,ArrayBufferPrototype);var byteLength=toIndex(length);setInternalState(this,{type:"ArrayBuffer",bytes:fill(Array(byteLength),0),byteLength}),DESCRIPTORS||(this.byteLength=byteLength,this.detached=!1)}).prototype,DataViewPrototype=($DataView=function DataView(buffer,byteOffset,byteLength){anInstance(this,DataViewPrototype),anInstance(buffer,ArrayBufferPrototype);var bufferState=getInternalArrayBufferState(buffer),bufferLength=bufferState.byteLength,offset=toIntegerOrInfinity(byteOffset);if(offset<0||offset>bufferLength)throw RangeError("Wrong offset");if(offset+(byteLength=void 0===byteLength?bufferLength-offset:toLength(byteLength))>bufferLength)throw RangeError("Wrong length");setInternalState(this,{type:"DataView",buffer,byteLength,byteOffset:offset,bytes:bufferState.bytes}),DESCRIPTORS||(this.buffer=buffer,this.byteLength=byteLength,this.byteOffset=offset)}).prototype,DESCRIPTORS&&(addGetter($ArrayBuffer,"byteLength",getInternalArrayBufferState),addGetter($DataView,"buffer",getInternalDataViewState),addGetter($DataView,"byteLength",getInternalDataViewState),addGetter($DataView,"byteOffset",getInternalDataViewState)),defineBuiltIns(DataViewPrototype,{getInt8:function getInt8(byteOffset){return get(this,1,byteOffset)[0]<<24>>24},getUint8:function getUint8(byteOffset){return get(this,1,byteOffset)[0]},getInt16:function getInt16(byteOffset){var bytes=get(this,2,byteOffset,arguments.length>1?arguments[1]:void 0);return(bytes[1]<<8|bytes[0])<<16>>16},getUint16:function getUint16(byteOffset){var bytes=get(this,2,byteOffset,arguments.length>1?arguments[1]:void 0);return bytes[1]<<8|bytes[0]},getInt32:function getInt32(byteOffset){return unpackInt32(get(this,4,byteOffset,arguments.length>1?arguments[1]:void 0))},getUint32:function getUint32(byteOffset){return unpackInt32(get(this,4,byteOffset,arguments.length>1?arguments[1]:void 0))>>>0},getFloat32:function getFloat32(byteOffset){return unpackIEEE754(get(this,4,byteOffset,arguments.length>1?arguments[1]:void 0),23)},getFloat64:function getFloat64(byteOffset){return unpackIEEE754(get(this,8,byteOffset,arguments.length>1?arguments[1]:void 0),52)},setInt8:function setInt8(byteOffset,value){set(this,1,byteOffset,packInt8,value)},setUint8:function setUint8(byteOffset,value){set(this,1,byteOffset,packInt8,value)},setInt16:function setInt16(byteOffset,value){set(this,2,byteOffset,packInt16,value,arguments.length>2?arguments[2]:void 0)},setUint16:function setUint16(byteOffset,value){set(this,2,byteOffset,packInt16,value,arguments.length>2?arguments[2]:void 0)},setInt32:function setInt32(byteOffset,value){set(this,4,byteOffset,packInt32,value,arguments.length>2?arguments[2]:void 0)},setUint32:function setUint32(byteOffset,value){set(this,4,byteOffset,packInt32,value,arguments.length>2?arguments[2]:void 0)},setFloat32:function setFloat32(byteOffset,value){set(this,4,byteOffset,packFloat32,value,arguments.length>2?arguments[2]:void 0)},setFloat64:function setFloat64(byteOffset,value){set(this,8,byteOffset,packFloat64,value,arguments.length>2?arguments[2]:void 0)}});setToStringTag($ArrayBuffer,"ArrayBuffer"),setToStringTag($DataView,"DataView"),module.exports={ArrayBuffer:$ArrayBuffer,DataView:$DataView}},"../../node_modules/core-js/internals/array-fill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var toObject=__webpack_require__("../../node_modules/core-js/internals/to-object.js"),toAbsoluteIndex=__webpack_require__("../../node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("../../node_modules/core-js/internals/length-of-array-like.js");module.exports=function fill(value){for(var O=toObject(this),length=lengthOfArrayLike(O),argumentsLength=arguments.length,index=toAbsoluteIndex(argumentsLength>1?arguments[1]:void 0,length),end=argumentsLength>2?arguments[2]:void 0,endPos=void 0===end?length:toAbsoluteIndex(end,length);endPos>index;)O[index++]=value;return O}},"../../node_modules/core-js/internals/array-for-each.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $forEach=__webpack_require__("../../node_modules/core-js/internals/array-iteration.js").forEach,STRICT_METHOD=__webpack_require__("../../node_modules/core-js/internals/array-method-is-strict.js")("forEach");module.exports=STRICT_METHOD?[].forEach:function forEach(callbackfn){return $forEach(this,callbackfn,arguments.length>1?arguments[1]:void 0)}},"../../node_modules/core-js/internals/array-from.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var bind=__webpack_require__("../../node_modules/core-js/internals/function-bind-context.js"),call=__webpack_require__("../../node_modules/core-js/internals/function-call.js"),toObject=__webpack_require__("../../node_modules/core-js/internals/to-object.js"),callWithSafeIterationClosing=__webpack_require__("../../node_modules/core-js/internals/call-with-safe-iteration-closing.js"),isArrayIteratorMethod=__webpack_require__("../../node_modules/core-js/internals/is-array-iterator-method.js"),isConstructor=__webpack_require__("../../node_modules/core-js/internals/is-constructor.js"),lengthOfArrayLike=__webpack_require__("../../node_modules/core-js/internals/length-of-array-like.js"),createProperty=__webpack_require__("../../node_modules/core-js/internals/create-property.js"),getIterator=__webpack_require__("../../node_modules/core-js/internals/get-iterator.js"),getIteratorMethod=__webpack_require__("../../node_modules/core-js/internals/get-iterator-method.js"),$Array=Array;module.exports=function from(arrayLike){var O=toObject(arrayLike),IS_CONSTRUCTOR=isConstructor(this),argumentsLength=arguments.length,mapfn=argumentsLength>1?arguments[1]:void 0,mapping=void 0!==mapfn;mapping&&(mapfn=bind(mapfn,argumentsLength>2?arguments[2]:void 0));var length,result,step,iterator,next,value,iteratorMethod=getIteratorMethod(O),index=0;if(!iteratorMethod||this===$Array&&isArrayIteratorMethod(iteratorMethod))for(length=lengthOfArrayLike(O),result=IS_CONSTRUCTOR?new this(length):$Array(length);length>index;index++)value=mapping?mapfn(O[index],index):O[index],createProperty(result,index,value);else for(next=(iterator=getIterator(O,iteratorMethod)).next,result=IS_CONSTRUCTOR?new this:[];!(step=call(next,iterator)).done;index++)value=mapping?callWithSafeIterationClosing(iterator,mapfn,[step.value,index],!0):step.value,createProperty(result,index,value);return result.length=index,result}},"../../node_modules/core-js/internals/array-includes.js":(module,__unused_webpack_exports,__webpack_require__)=>{var toIndexedObject=__webpack_require__("../../node_modules/core-js/internals/to-indexed-object.js"),toAbsoluteIndex=__webpack_require__("../../node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("../../node_modules/core-js/internals/length-of-array-like.js"),createMethod=function(IS_INCLUDES){return function($this,el,fromIndex){var value,O=toIndexedObject($this),length=lengthOfArrayLike(O),index=toAbsoluteIndex(fromIndex,length);if(IS_INCLUDES&&el!=el){for(;length>index;)if((value=O[index++])!=value)return!0}else for(;length>index;index++)if((IS_INCLUDES||index in O)&&O[index]===el)return IS_INCLUDES||index||0;return!IS_INCLUDES&&-1}};module.exports={includes:createMethod(!0),indexOf:createMethod(!1)}},"../../node_modules/core-js/internals/array-iteration.js":(module,__unused_webpack_exports,__webpack_require__)=>{var bind=__webpack_require__("../../node_modules/core-js/internals/function-bind-context.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),IndexedObject=__webpack_require__("../../node_modules/core-js/internals/indexed-object.js"),toObject=__webpack_require__("../../node_modules/core-js/internals/to-object.js"),lengthOfArrayLike=__webpack_require__("../../node_modules/core-js/internals/length-of-array-like.js"),arraySpeciesCreate=__webpack_require__("../../node_modules/core-js/internals/array-species-create.js"),push=uncurryThis([].push),createMethod=function(TYPE){var IS_MAP=1==TYPE,IS_FILTER=2==TYPE,IS_SOME=3==TYPE,IS_EVERY=4==TYPE,IS_FIND_INDEX=6==TYPE,IS_FILTER_REJECT=7==TYPE,NO_HOLES=5==TYPE||IS_FIND_INDEX;return function($this,callbackfn,that,specificCreate){for(var value,result,O=toObject($this),self=IndexedObject(O),boundFunction=bind(callbackfn,that),length=lengthOfArrayLike(self),index=0,create=specificCreate||arraySpeciesCreate,target=IS_MAP?create($this,length):IS_FILTER||IS_FILTER_REJECT?create($this,0):void 0;length>index;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push(target,value)}else switch(TYPE){case 4:return!1;case 7:push(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}};module.exports={forEach:createMethod(0),map:createMethod(1),filter:createMethod(2),some:createMethod(3),every:createMethod(4),find:createMethod(5),findIndex:createMethod(6),filterReject:createMethod(7)}},"../../node_modules/core-js/internals/array-method-has-species-support.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js"),V8_VERSION=__webpack_require__("../../node_modules/core-js/internals/engine-v8-version.js"),SPECIES=wellKnownSymbol("species");module.exports=function(METHOD_NAME){return V8_VERSION>=51||!fails((function(){var array=[];return(array.constructor={})[SPECIES]=function(){return{foo:1}},1!==array[METHOD_NAME](Boolean).foo}))}},"../../node_modules/core-js/internals/array-method-is-strict.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js");module.exports=function(METHOD_NAME,argument){var method=[][METHOD_NAME];return!!method&&fails((function(){method.call(null,argument||function(){return 1},1)}))}},"../../node_modules/core-js/internals/array-set-length.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),isArray=__webpack_require__("../../node_modules/core-js/internals/is-array.js"),$TypeError=TypeError,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,SILENT_ON_NON_WRITABLE_LENGTH_SET=DESCRIPTORS&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(error){return error instanceof TypeError}}();module.exports=SILENT_ON_NON_WRITABLE_LENGTH_SET?function(O,length){if(isArray(O)&&!getOwnPropertyDescriptor(O,"length").writable)throw $TypeError("Cannot set read only .length");return O.length=length}:function(O,length){return O.length=length}},"../../node_modules/core-js/internals/array-slice-simple.js":(module,__unused_webpack_exports,__webpack_require__)=>{var toAbsoluteIndex=__webpack_require__("../../node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("../../node_modules/core-js/internals/length-of-array-like.js"),createProperty=__webpack_require__("../../node_modules/core-js/internals/create-property.js"),$Array=Array,max=Math.max;module.exports=function(O,start,end){for(var length=lengthOfArrayLike(O),k=toAbsoluteIndex(start,length),fin=toAbsoluteIndex(void 0===end?length:end,length),result=$Array(max(fin-k,0)),n=0;k{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js");module.exports=uncurryThis([].slice)},"../../node_modules/core-js/internals/array-sort.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arraySlice=__webpack_require__("../../node_modules/core-js/internals/array-slice-simple.js"),floor=Math.floor,mergeSort=function(array,comparefn){var length=array.length,middle=floor(length/2);return length<8?insertionSort(array,comparefn):merge(array,mergeSort(arraySlice(array,0,middle),comparefn),mergeSort(arraySlice(array,middle),comparefn),comparefn)},insertionSort=function(array,comparefn){for(var element,j,length=array.length,i=1;i0;)array[j]=array[--j];j!==i++&&(array[j]=element)}return array},merge=function(array,left,right,comparefn){for(var llength=left.length,rlength=right.length,lindex=0,rindex=0;lindex{var isArray=__webpack_require__("../../node_modules/core-js/internals/is-array.js"),isConstructor=__webpack_require__("../../node_modules/core-js/internals/is-constructor.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),SPECIES=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js")("species"),$Array=Array;module.exports=function(originalArray){var C;return isArray(originalArray)&&(C=originalArray.constructor,(isConstructor(C)&&(C===$Array||isArray(C.prototype))||isObject(C)&&null===(C=C[SPECIES]))&&(C=void 0)),void 0===C?$Array:C}},"../../node_modules/core-js/internals/array-species-create.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arraySpeciesConstructor=__webpack_require__("../../node_modules/core-js/internals/array-species-constructor.js");module.exports=function(originalArray,length){return new(arraySpeciesConstructor(originalArray))(0===length?0:length)}},"../../node_modules/core-js/internals/call-with-safe-iteration-closing.js":(module,__unused_webpack_exports,__webpack_require__)=>{var anObject=__webpack_require__("../../node_modules/core-js/internals/an-object.js"),iteratorClose=__webpack_require__("../../node_modules/core-js/internals/iterator-close.js");module.exports=function(iterator,fn,value,ENTRIES){try{return ENTRIES?fn(anObject(value)[0],value[1]):fn(value)}catch(error){iteratorClose(iterator,"throw",error)}}},"../../node_modules/core-js/internals/check-correctness-of-iteration.js":(module,__unused_webpack_exports,__webpack_require__)=>{var ITERATOR=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js")("iterator"),SAFE_CLOSING=!1;try{var called=0,iteratorWithReturn={next:function(){return{done:!!called++}},return:function(){SAFE_CLOSING=!0}};iteratorWithReturn[ITERATOR]=function(){return this},Array.from(iteratorWithReturn,(function(){throw 2}))}catch(error){}module.exports=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return!1;var ITERATION_SUPPORT=!1;try{var object={};object[ITERATOR]=function(){return{next:function(){return{done:ITERATION_SUPPORT=!0}}}},exec(object)}catch(error){}return ITERATION_SUPPORT}},"../../node_modules/core-js/internals/classof-raw.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),toString=uncurryThis({}.toString),stringSlice=uncurryThis("".slice);module.exports=function(it){return stringSlice(toString(it),8,-1)}},"../../node_modules/core-js/internals/classof.js":(module,__unused_webpack_exports,__webpack_require__)=>{var TO_STRING_TAG_SUPPORT=__webpack_require__("../../node_modules/core-js/internals/to-string-tag-support.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),classofRaw=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js"),TO_STRING_TAG=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js")("toStringTag"),$Object=Object,CORRECT_ARGUMENTS="Arguments"==classofRaw(function(){return arguments}());module.exports=TO_STRING_TAG_SUPPORT?classofRaw:function(it){var O,tag,result;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(tag=function(it,key){try{return it[key]}catch(error){}}(O=$Object(it),TO_STRING_TAG))?tag:CORRECT_ARGUMENTS?classofRaw(O):"Object"==(result=classofRaw(O))&&isCallable(O.callee)?"Arguments":result}},"../../node_modules/core-js/internals/collection-strong.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var create=__webpack_require__("../../node_modules/core-js/internals/object-create.js"),defineBuiltInAccessor=__webpack_require__("../../node_modules/core-js/internals/define-built-in-accessor.js"),defineBuiltIns=__webpack_require__("../../node_modules/core-js/internals/define-built-ins.js"),bind=__webpack_require__("../../node_modules/core-js/internals/function-bind-context.js"),anInstance=__webpack_require__("../../node_modules/core-js/internals/an-instance.js"),isNullOrUndefined=__webpack_require__("../../node_modules/core-js/internals/is-null-or-undefined.js"),iterate=__webpack_require__("../../node_modules/core-js/internals/iterate.js"),defineIterator=__webpack_require__("../../node_modules/core-js/internals/iterator-define.js"),createIterResultObject=__webpack_require__("../../node_modules/core-js/internals/create-iter-result-object.js"),setSpecies=__webpack_require__("../../node_modules/core-js/internals/set-species.js"),DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),fastKey=__webpack_require__("../../node_modules/core-js/internals/internal-metadata.js").fastKey,InternalStateModule=__webpack_require__("../../node_modules/core-js/internals/internal-state.js"),setInternalState=InternalStateModule.set,internalStateGetterFor=InternalStateModule.getterFor;module.exports={getConstructor:function(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER){var Constructor=wrapper((function(that,iterable){anInstance(that,Prototype),setInternalState(that,{type:CONSTRUCTOR_NAME,index:create(null),first:void 0,last:void 0,size:0}),DESCRIPTORS||(that.size=0),isNullOrUndefined(iterable)||iterate(iterable,that[ADDER],{that,AS_ENTRIES:IS_MAP})})),Prototype=Constructor.prototype,getInternalState=internalStateGetterFor(CONSTRUCTOR_NAME),define=function(that,key,value){var previous,index,state=getInternalState(that),entry=getEntry(that,key);return entry?entry.value=value:(state.last=entry={index:index=fastKey(key,!0),key,value,previous:previous=state.last,next:void 0,removed:!1},state.first||(state.first=entry),previous&&(previous.next=entry),DESCRIPTORS?state.size++:that.size++,"F"!==index&&(state.index[index]=entry)),that},getEntry=function(that,key){var entry,state=getInternalState(that),index=fastKey(key);if("F"!==index)return state.index[index];for(entry=state.first;entry;entry=entry.next)if(entry.key==key)return entry};return defineBuiltIns(Prototype,{clear:function clear(){for(var state=getInternalState(this),data=state.index,entry=state.first;entry;)entry.removed=!0,entry.previous&&(entry.previous=entry.previous.next=void 0),delete data[entry.index],entry=entry.next;state.first=state.last=void 0,DESCRIPTORS?state.size=0:this.size=0},delete:function(key){var state=getInternalState(this),entry=getEntry(this,key);if(entry){var next=entry.next,prev=entry.previous;delete state.index[entry.index],entry.removed=!0,prev&&(prev.next=next),next&&(next.previous=prev),state.first==entry&&(state.first=next),state.last==entry&&(state.last=prev),DESCRIPTORS?state.size--:this.size--}return!!entry},forEach:function forEach(callbackfn){for(var entry,state=getInternalState(this),boundFunction=bind(callbackfn,arguments.length>1?arguments[1]:void 0);entry=entry?entry.next:state.first;)for(boundFunction(entry.value,entry.key,this);entry&&entry.removed;)entry=entry.previous},has:function has(key){return!!getEntry(this,key)}}),defineBuiltIns(Prototype,IS_MAP?{get:function get(key){var entry=getEntry(this,key);return entry&&entry.value},set:function set(key,value){return define(this,0===key?0:key,value)}}:{add:function add(value){return define(this,value=0===value?0:value,value)}}),DESCRIPTORS&&defineBuiltInAccessor(Prototype,"size",{configurable:!0,get:function(){return getInternalState(this).size}}),Constructor},setStrong:function(Constructor,CONSTRUCTOR_NAME,IS_MAP){var ITERATOR_NAME=CONSTRUCTOR_NAME+" Iterator",getInternalCollectionState=internalStateGetterFor(CONSTRUCTOR_NAME),getInternalIteratorState=internalStateGetterFor(ITERATOR_NAME);defineIterator(Constructor,CONSTRUCTOR_NAME,(function(iterated,kind){setInternalState(this,{type:ITERATOR_NAME,target:iterated,state:getInternalCollectionState(iterated),kind,last:void 0})}),(function(){for(var state=getInternalIteratorState(this),kind=state.kind,entry=state.last;entry&&entry.removed;)entry=entry.previous;return state.target&&(state.last=entry=entry?entry.next:state.state.first)?createIterResultObject("keys"==kind?entry.key:"values"==kind?entry.value:[entry.key,entry.value],!1):(state.target=void 0,createIterResultObject(void 0,!0))}),IS_MAP?"entries":"values",!IS_MAP,!0),setSpecies(CONSTRUCTOR_NAME)}}},"../../node_modules/core-js/internals/collection-weak.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),defineBuiltIns=__webpack_require__("../../node_modules/core-js/internals/define-built-ins.js"),getWeakData=__webpack_require__("../../node_modules/core-js/internals/internal-metadata.js").getWeakData,anInstance=__webpack_require__("../../node_modules/core-js/internals/an-instance.js"),anObject=__webpack_require__("../../node_modules/core-js/internals/an-object.js"),isNullOrUndefined=__webpack_require__("../../node_modules/core-js/internals/is-null-or-undefined.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),iterate=__webpack_require__("../../node_modules/core-js/internals/iterate.js"),ArrayIterationModule=__webpack_require__("../../node_modules/core-js/internals/array-iteration.js"),hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),InternalStateModule=__webpack_require__("../../node_modules/core-js/internals/internal-state.js"),setInternalState=InternalStateModule.set,internalStateGetterFor=InternalStateModule.getterFor,find=ArrayIterationModule.find,findIndex=ArrayIterationModule.findIndex,splice=uncurryThis([].splice),id=0,uncaughtFrozenStore=function(state){return state.frozen||(state.frozen=new UncaughtFrozenStore)},UncaughtFrozenStore=function(){this.entries=[]},findUncaughtFrozen=function(store,key){return find(store.entries,(function(it){return it[0]===key}))};UncaughtFrozenStore.prototype={get:function(key){var entry=findUncaughtFrozen(this,key);if(entry)return entry[1]},has:function(key){return!!findUncaughtFrozen(this,key)},set:function(key,value){var entry=findUncaughtFrozen(this,key);entry?entry[1]=value:this.entries.push([key,value])},delete:function(key){var index=findIndex(this.entries,(function(it){return it[0]===key}));return~index&&splice(this.entries,index,1),!!~index}},module.exports={getConstructor:function(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER){var Constructor=wrapper((function(that,iterable){anInstance(that,Prototype),setInternalState(that,{type:CONSTRUCTOR_NAME,id:id++,frozen:void 0}),isNullOrUndefined(iterable)||iterate(iterable,that[ADDER],{that,AS_ENTRIES:IS_MAP})})),Prototype=Constructor.prototype,getInternalState=internalStateGetterFor(CONSTRUCTOR_NAME),define=function(that,key,value){var state=getInternalState(that),data=getWeakData(anObject(key),!0);return!0===data?uncaughtFrozenStore(state).set(key,value):data[state.id]=value,that};return defineBuiltIns(Prototype,{delete:function(key){var state=getInternalState(this);if(!isObject(key))return!1;var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).delete(key):data&&hasOwn(data,state.id)&&delete data[state.id]},has:function has(key){var state=getInternalState(this);if(!isObject(key))return!1;var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).has(key):data&&hasOwn(data,state.id)}}),defineBuiltIns(Prototype,IS_MAP?{get:function get(key){var state=getInternalState(this);if(isObject(key)){var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).get(key):data?data[state.id]:void 0}},set:function set(key,value){return define(this,key,value)}}:{add:function add(value){return define(this,value,!0)}}),Constructor}}},"../../node_modules/core-js/internals/collection.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/core-js/internals/export.js"),global=__webpack_require__("../../node_modules/core-js/internals/global.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),isForced=__webpack_require__("../../node_modules/core-js/internals/is-forced.js"),defineBuiltIn=__webpack_require__("../../node_modules/core-js/internals/define-built-in.js"),InternalMetadataModule=__webpack_require__("../../node_modules/core-js/internals/internal-metadata.js"),iterate=__webpack_require__("../../node_modules/core-js/internals/iterate.js"),anInstance=__webpack_require__("../../node_modules/core-js/internals/an-instance.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),isNullOrUndefined=__webpack_require__("../../node_modules/core-js/internals/is-null-or-undefined.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),checkCorrectnessOfIteration=__webpack_require__("../../node_modules/core-js/internals/check-correctness-of-iteration.js"),setToStringTag=__webpack_require__("../../node_modules/core-js/internals/set-to-string-tag.js"),inheritIfRequired=__webpack_require__("../../node_modules/core-js/internals/inherit-if-required.js");module.exports=function(CONSTRUCTOR_NAME,wrapper,common){var IS_MAP=-1!==CONSTRUCTOR_NAME.indexOf("Map"),IS_WEAK=-1!==CONSTRUCTOR_NAME.indexOf("Weak"),ADDER=IS_MAP?"set":"add",NativeConstructor=global[CONSTRUCTOR_NAME],NativePrototype=NativeConstructor&&NativeConstructor.prototype,Constructor=NativeConstructor,exported={},fixMethod=function(KEY){var uncurriedNativeMethod=uncurryThis(NativePrototype[KEY]);defineBuiltIn(NativePrototype,KEY,"add"==KEY?function add(value){return uncurriedNativeMethod(this,0===value?0:value),this}:"delete"==KEY?function(key){return!(IS_WEAK&&!isObject(key))&&uncurriedNativeMethod(this,0===key?0:key)}:"get"==KEY?function get(key){return IS_WEAK&&!isObject(key)?void 0:uncurriedNativeMethod(this,0===key?0:key)}:"has"==KEY?function has(key){return!(IS_WEAK&&!isObject(key))&&uncurriedNativeMethod(this,0===key?0:key)}:function set(key,value){return uncurriedNativeMethod(this,0===key?0:key,value),this})};if(isForced(CONSTRUCTOR_NAME,!isCallable(NativeConstructor)||!(IS_WEAK||NativePrototype.forEach&&!fails((function(){(new NativeConstructor).entries().next()})))))Constructor=common.getConstructor(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER),InternalMetadataModule.enable();else if(isForced(CONSTRUCTOR_NAME,!0)){var instance=new Constructor,HASNT_CHAINING=instance[ADDER](IS_WEAK?{}:-0,1)!=instance,THROWS_ON_PRIMITIVES=fails((function(){instance.has(1)})),ACCEPT_ITERABLES=checkCorrectnessOfIteration((function(iterable){new NativeConstructor(iterable)})),BUGGY_ZERO=!IS_WEAK&&fails((function(){for(var $instance=new NativeConstructor,index=5;index--;)$instance[ADDER](index,index);return!$instance.has(-0)}));ACCEPT_ITERABLES||((Constructor=wrapper((function(dummy,iterable){anInstance(dummy,NativePrototype);var that=inheritIfRequired(new NativeConstructor,dummy,Constructor);return isNullOrUndefined(iterable)||iterate(iterable,that[ADDER],{that,AS_ENTRIES:IS_MAP}),that}))).prototype=NativePrototype,NativePrototype.constructor=Constructor),(THROWS_ON_PRIMITIVES||BUGGY_ZERO)&&(fixMethod("delete"),fixMethod("has"),IS_MAP&&fixMethod("get")),(BUGGY_ZERO||HASNT_CHAINING)&&fixMethod(ADDER),IS_WEAK&&NativePrototype.clear&&delete NativePrototype.clear}return exported[CONSTRUCTOR_NAME]=Constructor,$({global:!0,constructor:!0,forced:Constructor!=NativeConstructor},exported),setToStringTag(Constructor,CONSTRUCTOR_NAME),IS_WEAK||common.setStrong(Constructor,CONSTRUCTOR_NAME,IS_MAP),Constructor}},"../../node_modules/core-js/internals/copy-constructor-properties.js":(module,__unused_webpack_exports,__webpack_require__)=>{var hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),ownKeys=__webpack_require__("../../node_modules/core-js/internals/own-keys.js"),getOwnPropertyDescriptorModule=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-descriptor.js"),definePropertyModule=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js");module.exports=function(target,source,exceptions){for(var keys=ownKeys(source),defineProperty=definePropertyModule.f,getOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,i=0;i{var MATCH=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js")("match");module.exports=function(METHOD_NAME){var regexp=/./;try{"/./"[METHOD_NAME](regexp)}catch(error1){try{return regexp[MATCH]=!1,"/./"[METHOD_NAME](regexp)}catch(error2){}}return!1}},"../../node_modules/core-js/internals/correct-prototype-getter.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js");module.exports=!fails((function(){function F(){}return F.prototype.constructor=null,Object.getPrototypeOf(new F)!==F.prototype}))},"../../node_modules/core-js/internals/create-html.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),requireObjectCoercible=__webpack_require__("../../node_modules/core-js/internals/require-object-coercible.js"),toString=__webpack_require__("../../node_modules/core-js/internals/to-string.js"),quot=/"/g,replace=uncurryThis("".replace);module.exports=function(string,tag,attribute,value){var S=toString(requireObjectCoercible(string)),p1="<"+tag;return""!==attribute&&(p1+=" "+attribute+'="'+replace(toString(value),quot,""")+'"'),p1+">"+S+""}},"../../node_modules/core-js/internals/create-iter-result-object.js":module=>{module.exports=function(value,done){return{value,done}}},"../../node_modules/core-js/internals/create-non-enumerable-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),definePropertyModule=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js"),createPropertyDescriptor=__webpack_require__("../../node_modules/core-js/internals/create-property-descriptor.js");module.exports=DESCRIPTORS?function(object,key,value){return definePropertyModule.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object}},"../../node_modules/core-js/internals/create-property-descriptor.js":module=>{module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value}}},"../../node_modules/core-js/internals/create-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var toPropertyKey=__webpack_require__("../../node_modules/core-js/internals/to-property-key.js"),definePropertyModule=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js"),createPropertyDescriptor=__webpack_require__("../../node_modules/core-js/internals/create-property-descriptor.js");module.exports=function(object,key,value){var propertyKey=toPropertyKey(key);propertyKey in object?definePropertyModule.f(object,propertyKey,createPropertyDescriptor(0,value)):object[propertyKey]=value}},"../../node_modules/core-js/internals/define-built-in-accessor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var makeBuiltIn=__webpack_require__("../../node_modules/core-js/internals/make-built-in.js"),defineProperty=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js");module.exports=function(target,name,descriptor){return descriptor.get&&makeBuiltIn(descriptor.get,name,{getter:!0}),descriptor.set&&makeBuiltIn(descriptor.set,name,{setter:!0}),defineProperty.f(target,name,descriptor)}},"../../node_modules/core-js/internals/define-built-in.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),definePropertyModule=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js"),makeBuiltIn=__webpack_require__("../../node_modules/core-js/internals/make-built-in.js"),defineGlobalProperty=__webpack_require__("../../node_modules/core-js/internals/define-global-property.js");module.exports=function(O,key,value,options){options||(options={});var simple=options.enumerable,name=void 0!==options.name?options.name:key;if(isCallable(value)&&makeBuiltIn(value,name,options),options.global)simple?O[key]=value:defineGlobalProperty(key,value);else{try{options.unsafe?O[key]&&(simple=!0):delete O[key]}catch(error){}simple?O[key]=value:definePropertyModule.f(O,key,{value,enumerable:!1,configurable:!options.nonConfigurable,writable:!options.nonWritable})}return O}},"../../node_modules/core-js/internals/define-built-ins.js":(module,__unused_webpack_exports,__webpack_require__)=>{var defineBuiltIn=__webpack_require__("../../node_modules/core-js/internals/define-built-in.js");module.exports=function(target,src,options){for(var key in src)defineBuiltIn(target,key,src[key],options);return target}},"../../node_modules/core-js/internals/define-global-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("../../node_modules/core-js/internals/global.js"),defineProperty=Object.defineProperty;module.exports=function(key,value){try{defineProperty(global,key,{value,configurable:!0,writable:!0})}catch(error){global[key]=value}return value}},"../../node_modules/core-js/internals/delete-property-or-throw.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var tryToString=__webpack_require__("../../node_modules/core-js/internals/try-to-string.js"),$TypeError=TypeError;module.exports=function(O,P){if(!delete O[P])throw $TypeError("Cannot delete property "+tryToString(P)+" of "+tryToString(O))}},"../../node_modules/core-js/internals/descriptors.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js");module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},"../../node_modules/core-js/internals/document-all.js":module=>{var documentAll="object"==typeof document&&document.all,IS_HTMLDDA=void 0===documentAll&&void 0!==documentAll;module.exports={all:documentAll,IS_HTMLDDA}},"../../node_modules/core-js/internals/document-create-element.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("../../node_modules/core-js/internals/global.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),document=global.document,EXISTS=isObject(document)&&isObject(document.createElement);module.exports=function(it){return EXISTS?document.createElement(it):{}}},"../../node_modules/core-js/internals/does-not-exceed-safe-integer.js":module=>{var $TypeError=TypeError;module.exports=function(it){if(it>9007199254740991)throw $TypeError("Maximum allowed index exceeded");return it}},"../../node_modules/core-js/internals/dom-iterables.js":module=>{module.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},"../../node_modules/core-js/internals/dom-token-list-prototype.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classList=__webpack_require__("../../node_modules/core-js/internals/document-create-element.js")("span").classList,DOMTokenListPrototype=classList&&classList.constructor&&classList.constructor.prototype;module.exports=DOMTokenListPrototype===Object.prototype?void 0:DOMTokenListPrototype},"../../node_modules/core-js/internals/engine-ff-version.js":(module,__unused_webpack_exports,__webpack_require__)=>{var firefox=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js").match(/firefox\/(\d+)/i);module.exports=!!firefox&&+firefox[1]},"../../node_modules/core-js/internals/engine-is-browser.js":(module,__unused_webpack_exports,__webpack_require__)=>{var IS_DENO=__webpack_require__("../../node_modules/core-js/internals/engine-is-deno.js"),IS_NODE=__webpack_require__("../../node_modules/core-js/internals/engine-is-node.js");module.exports=!IS_DENO&&!IS_NODE&&"object"==typeof window&&"object"==typeof document},"../../node_modules/core-js/internals/engine-is-bun.js":module=>{module.exports="function"==typeof Bun&&Bun&&"string"==typeof Bun.version},"../../node_modules/core-js/internals/engine-is-deno.js":module=>{module.exports="object"==typeof Deno&&Deno&&"object"==typeof Deno.version},"../../node_modules/core-js/internals/engine-is-ie-or-edge.js":(module,__unused_webpack_exports,__webpack_require__)=>{var UA=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js");module.exports=/MSIE|Trident/.test(UA)},"../../node_modules/core-js/internals/engine-is-ios-pebble.js":(module,__unused_webpack_exports,__webpack_require__)=>{var userAgent=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js");module.exports=/ipad|iphone|ipod/i.test(userAgent)&&"undefined"!=typeof Pebble},"../../node_modules/core-js/internals/engine-is-ios.js":(module,__unused_webpack_exports,__webpack_require__)=>{var userAgent=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js");module.exports=/(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent)},"../../node_modules/core-js/internals/engine-is-node.js":(module,__unused_webpack_exports,__webpack_require__)=>{var process=__webpack_require__("../../node_modules/process/browser.js"),classof=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js");module.exports=void 0!==process&&"process"==classof(process)},"../../node_modules/core-js/internals/engine-is-webos-webkit.js":(module,__unused_webpack_exports,__webpack_require__)=>{var userAgent=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js");module.exports=/web0s(?!.*chrome)/i.test(userAgent)},"../../node_modules/core-js/internals/engine-user-agent.js":module=>{module.exports="undefined"!=typeof navigator&&String(navigator.userAgent)||""},"../../node_modules/core-js/internals/engine-v8-version.js":(module,__unused_webpack_exports,__webpack_require__)=>{var match,version,global=__webpack_require__("../../node_modules/core-js/internals/global.js"),userAgent=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js"),process=global.process,Deno=global.Deno,versions=process&&process.versions||Deno&&Deno.version,v8=versions&&versions.v8;v8&&(version=(match=v8.split("."))[0]>0&&match[0]<4?1:+(match[0]+match[1])),!version&&userAgent&&(!(match=userAgent.match(/Edge\/(\d+)/))||match[1]>=74)&&(match=userAgent.match(/Chrome\/(\d+)/))&&(version=+match[1]),module.exports=version},"../../node_modules/core-js/internals/engine-webkit-version.js":(module,__unused_webpack_exports,__webpack_require__)=>{var webkit=__webpack_require__("../../node_modules/core-js/internals/engine-user-agent.js").match(/AppleWebKit\/(\d+)\./);module.exports=!!webkit&&+webkit[1]},"../../node_modules/core-js/internals/enum-bug-keys.js":module=>{module.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"../../node_modules/core-js/internals/export.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("../../node_modules/core-js/internals/global.js"),getOwnPropertyDescriptor=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-descriptor.js").f,createNonEnumerableProperty=__webpack_require__("../../node_modules/core-js/internals/create-non-enumerable-property.js"),defineBuiltIn=__webpack_require__("../../node_modules/core-js/internals/define-built-in.js"),defineGlobalProperty=__webpack_require__("../../node_modules/core-js/internals/define-global-property.js"),copyConstructorProperties=__webpack_require__("../../node_modules/core-js/internals/copy-constructor-properties.js"),isForced=__webpack_require__("../../node_modules/core-js/internals/is-forced.js");module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||defineGlobalProperty(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.dontCallGetSet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),defineBuiltIn(target,key,sourceProperty,options)}}},"../../node_modules/core-js/internals/fails.js":module=>{module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},"../../node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js");var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this-clause.js"),defineBuiltIn=__webpack_require__("../../node_modules/core-js/internals/define-built-in.js"),regexpExec=__webpack_require__("../../node_modules/core-js/internals/regexp-exec.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js"),createNonEnumerableProperty=__webpack_require__("../../node_modules/core-js/internals/create-non-enumerable-property.js"),SPECIES=wellKnownSymbol("species"),RegExpPrototype=RegExp.prototype;module.exports=function(KEY,exec,FORCED,SHAM){var SYMBOL=wellKnownSymbol(KEY),DELEGATES_TO_SYMBOL=!fails((function(){var O={};return O[SYMBOL]=function(){return 7},7!=""[KEY](O)})),DELEGATES_TO_EXEC=DELEGATES_TO_SYMBOL&&!fails((function(){var execCalled=!1,re=/a/;return"split"===KEY&&((re={}).constructor={},re.constructor[SPECIES]=function(){return re},re.flags="",re[SYMBOL]=/./[SYMBOL]),re.exec=function(){return execCalled=!0,null},re[SYMBOL](""),!execCalled}));if(!DELEGATES_TO_SYMBOL||!DELEGATES_TO_EXEC||FORCED){var uncurriedNativeRegExpMethod=uncurryThis(/./[SYMBOL]),methods=exec(SYMBOL,""[KEY],(function(nativeMethod,regexp,str,arg2,forceStringMethod){var uncurriedNativeMethod=uncurryThis(nativeMethod),$exec=regexp.exec;return $exec===regexpExec||$exec===RegExpPrototype.exec?DELEGATES_TO_SYMBOL&&!forceStringMethod?{done:!0,value:uncurriedNativeRegExpMethod(regexp,str,arg2)}:{done:!0,value:uncurriedNativeMethod(str,regexp,arg2)}:{done:!1}}));defineBuiltIn(String.prototype,KEY,methods[0]),defineBuiltIn(RegExpPrototype,SYMBOL,methods[1])}SHAM&&createNonEnumerableProperty(RegExpPrototype[SYMBOL],"sham",!0)}},"../../node_modules/core-js/internals/freezing.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js");module.exports=!fails((function(){return Object.isExtensible(Object.preventExtensions({}))}))},"../../node_modules/core-js/internals/function-apply.js":(module,__unused_webpack_exports,__webpack_require__)=>{var NATIVE_BIND=__webpack_require__("../../node_modules/core-js/internals/function-bind-native.js"),FunctionPrototype=Function.prototype,apply=FunctionPrototype.apply,call=FunctionPrototype.call;module.exports="object"==typeof Reflect&&Reflect.apply||(NATIVE_BIND?call.bind(apply):function(){return call.apply(apply,arguments)})},"../../node_modules/core-js/internals/function-bind-context.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this-clause.js"),aCallable=__webpack_require__("../../node_modules/core-js/internals/a-callable.js"),NATIVE_BIND=__webpack_require__("../../node_modules/core-js/internals/function-bind-native.js"),bind=uncurryThis(uncurryThis.bind);module.exports=function(fn,that){return aCallable(fn),void 0===that?fn:NATIVE_BIND?bind(fn,that):function(){return fn.apply(that,arguments)}}},"../../node_modules/core-js/internals/function-bind-native.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js");module.exports=!fails((function(){var test=function(){}.bind();return"function"!=typeof test||test.hasOwnProperty("prototype")}))},"../../node_modules/core-js/internals/function-bind.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),aCallable=__webpack_require__("../../node_modules/core-js/internals/a-callable.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),arraySlice=__webpack_require__("../../node_modules/core-js/internals/array-slice.js"),NATIVE_BIND=__webpack_require__("../../node_modules/core-js/internals/function-bind-native.js"),$Function=Function,concat=uncurryThis([].concat),join=uncurryThis([].join),factories={};module.exports=NATIVE_BIND?$Function.bind:function bind(that){var F=aCallable(this),Prototype=F.prototype,partArgs=arraySlice(arguments,1),boundFunction=function bound(){var args=concat(partArgs,arraySlice(arguments));return this instanceof boundFunction?function(C,argsLength,args){if(!hasOwn(factories,argsLength)){for(var list=[],i=0;i{var NATIVE_BIND=__webpack_require__("../../node_modules/core-js/internals/function-bind-native.js"),call=Function.prototype.call;module.exports=NATIVE_BIND?call.bind(call):function(){return call.apply(call,arguments)}},"../../node_modules/core-js/internals/function-name.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),FunctionPrototype=Function.prototype,getDescriptor=DESCRIPTORS&&Object.getOwnPropertyDescriptor,EXISTS=hasOwn(FunctionPrototype,"name"),PROPER=EXISTS&&"something"===function something(){}.name,CONFIGURABLE=EXISTS&&(!DESCRIPTORS||DESCRIPTORS&&getDescriptor(FunctionPrototype,"name").configurable);module.exports={EXISTS,PROPER,CONFIGURABLE}},"../../node_modules/core-js/internals/function-uncurry-this-accessor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),aCallable=__webpack_require__("../../node_modules/core-js/internals/a-callable.js");module.exports=function(object,key,method){try{return uncurryThis(aCallable(Object.getOwnPropertyDescriptor(object,key)[method]))}catch(error){}}},"../../node_modules/core-js/internals/function-uncurry-this-clause.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classofRaw=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js");module.exports=function(fn){if("Function"===classofRaw(fn))return uncurryThis(fn)}},"../../node_modules/core-js/internals/function-uncurry-this.js":(module,__unused_webpack_exports,__webpack_require__)=>{var NATIVE_BIND=__webpack_require__("../../node_modules/core-js/internals/function-bind-native.js"),FunctionPrototype=Function.prototype,call=FunctionPrototype.call,uncurryThisWithBind=NATIVE_BIND&&FunctionPrototype.bind.bind(call,call);module.exports=NATIVE_BIND?uncurryThisWithBind:function(fn){return function(){return call.apply(fn,arguments)}}},"../../node_modules/core-js/internals/get-built-in.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("../../node_modules/core-js/internals/global.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js");module.exports=function(namespace,method){return arguments.length<2?(argument=global[namespace],isCallable(argument)?argument:void 0):global[namespace]&&global[namespace][method];var argument}},"../../node_modules/core-js/internals/get-iterator-method.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classof=__webpack_require__("../../node_modules/core-js/internals/classof.js"),getMethod=__webpack_require__("../../node_modules/core-js/internals/get-method.js"),isNullOrUndefined=__webpack_require__("../../node_modules/core-js/internals/is-null-or-undefined.js"),Iterators=__webpack_require__("../../node_modules/core-js/internals/iterators.js"),ITERATOR=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js")("iterator");module.exports=function(it){if(!isNullOrUndefined(it))return getMethod(it,ITERATOR)||getMethod(it,"@@iterator")||Iterators[classof(it)]}},"../../node_modules/core-js/internals/get-iterator.js":(module,__unused_webpack_exports,__webpack_require__)=>{var call=__webpack_require__("../../node_modules/core-js/internals/function-call.js"),aCallable=__webpack_require__("../../node_modules/core-js/internals/a-callable.js"),anObject=__webpack_require__("../../node_modules/core-js/internals/an-object.js"),tryToString=__webpack_require__("../../node_modules/core-js/internals/try-to-string.js"),getIteratorMethod=__webpack_require__("../../node_modules/core-js/internals/get-iterator-method.js"),$TypeError=TypeError;module.exports=function(argument,usingIterator){var iteratorMethod=arguments.length<2?getIteratorMethod(argument):usingIterator;if(aCallable(iteratorMethod))return anObject(call(iteratorMethod,argument));throw $TypeError(tryToString(argument)+" is not iterable")}},"../../node_modules/core-js/internals/get-json-replacer-function.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),isArray=__webpack_require__("../../node_modules/core-js/internals/is-array.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),classof=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js"),toString=__webpack_require__("../../node_modules/core-js/internals/to-string.js"),push=uncurryThis([].push);module.exports=function(replacer){if(isCallable(replacer))return replacer;if(isArray(replacer)){for(var rawLength=replacer.length,keys=[],i=0;i{var aCallable=__webpack_require__("../../node_modules/core-js/internals/a-callable.js"),isNullOrUndefined=__webpack_require__("../../node_modules/core-js/internals/is-null-or-undefined.js");module.exports=function(V,P){var func=V[P];return isNullOrUndefined(func)?void 0:aCallable(func)}},"../../node_modules/core-js/internals/get-substitution.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),toObject=__webpack_require__("../../node_modules/core-js/internals/to-object.js"),floor=Math.floor,charAt=uncurryThis("".charAt),replace=uncurryThis("".replace),stringSlice=uncurryThis("".slice),SUBSTITUTION_SYMBOLS=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,SUBSTITUTION_SYMBOLS_NO_NAMED=/\$([$&'`]|\d{1,2})/g;module.exports=function(matched,str,position,captures,namedCaptures,replacement){var tailPos=position+matched.length,m=captures.length,symbols=SUBSTITUTION_SYMBOLS_NO_NAMED;return void 0!==namedCaptures&&(namedCaptures=toObject(namedCaptures),symbols=SUBSTITUTION_SYMBOLS),replace(replacement,symbols,(function(match,ch){var capture;switch(charAt(ch,0)){case"$":return"$";case"&":return matched;case"`":return stringSlice(str,0,position);case"'":return stringSlice(str,tailPos);case"<":capture=namedCaptures[stringSlice(ch,1,-1)];break;default:var n=+ch;if(0===n)return match;if(n>m){var f=floor(n/10);return 0===f?match:f<=m?void 0===captures[f-1]?charAt(ch,1):captures[f-1]+charAt(ch,1):match}capture=captures[n-1]}return void 0===capture?"":capture}))}},"../../node_modules/core-js/internals/global.js":function(module,__unused_webpack_exports,__webpack_require__){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof __webpack_require__.g&&__webpack_require__.g)||function(){return this}()||this||Function("return this")()},"../../node_modules/core-js/internals/has-own-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),toObject=__webpack_require__("../../node_modules/core-js/internals/to-object.js"),hasOwnProperty=uncurryThis({}.hasOwnProperty);module.exports=Object.hasOwn||function hasOwn(it,key){return hasOwnProperty(toObject(it),key)}},"../../node_modules/core-js/internals/hidden-keys.js":module=>{module.exports={}},"../../node_modules/core-js/internals/host-report-errors.js":module=>{module.exports=function(a,b){try{1==arguments.length?console.error(a):console.error(a,b)}catch(error){}}},"../../node_modules/core-js/internals/html.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getBuiltIn=__webpack_require__("../../node_modules/core-js/internals/get-built-in.js");module.exports=getBuiltIn("document","documentElement")},"../../node_modules/core-js/internals/ie8-dom-define.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),createElement=__webpack_require__("../../node_modules/core-js/internals/document-create-element.js");module.exports=!DESCRIPTORS&&!fails((function(){return 7!=Object.defineProperty(createElement("div"),"a",{get:function(){return 7}}).a}))},"../../node_modules/core-js/internals/ieee754.js":module=>{var $Array=Array,abs=Math.abs,pow=Math.pow,floor=Math.floor,log=Math.log,LN2=Math.LN2;module.exports={pack:function(number,mantissaLength,bytes){var exponent,mantissa,c,buffer=$Array(bytes),exponentLength=8*bytes-mantissaLength-1,eMax=(1<>1,rt=23===mantissaLength?pow(2,-24)-pow(2,-77):0,sign=number<0||0===number&&1/number<0?1:0,index=0;for((number=abs(number))!=number||number===1/0?(mantissa=number!=number?1:0,exponent=eMax):(exponent=floor(log(number)/LN2),number*(c=pow(2,-exponent))<1&&(exponent--,c*=2),(number+=exponent+eBias>=1?rt/c:rt*pow(2,1-eBias))*c>=2&&(exponent++,c/=2),exponent+eBias>=eMax?(mantissa=0,exponent=eMax):exponent+eBias>=1?(mantissa=(number*c-1)*pow(2,mantissaLength),exponent+=eBias):(mantissa=number*pow(2,eBias-1)*pow(2,mantissaLength),exponent=0));mantissaLength>=8;)buffer[index++]=255&mantissa,mantissa/=256,mantissaLength-=8;for(exponent=exponent<0;)buffer[index++]=255&exponent,exponent/=256,exponentLength-=8;return buffer[--index]|=128*sign,buffer},unpack:function(buffer,mantissaLength){var mantissa,bytes=buffer.length,exponentLength=8*bytes-mantissaLength-1,eMax=(1<>1,nBits=exponentLength-7,index=bytes-1,sign=buffer[index--],exponent=127&sign;for(sign>>=7;nBits>0;)exponent=256*exponent+buffer[index--],nBits-=8;for(mantissa=exponent&(1<<-nBits)-1,exponent>>=-nBits,nBits+=mantissaLength;nBits>0;)mantissa=256*mantissa+buffer[index--],nBits-=8;if(0===exponent)exponent=1-eBias;else{if(exponent===eMax)return mantissa?NaN:sign?-1/0:1/0;mantissa+=pow(2,mantissaLength),exponent-=eBias}return(sign?-1:1)*mantissa*pow(2,exponent-mantissaLength)}}},"../../node_modules/core-js/internals/indexed-object.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),classof=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js"),$Object=Object,split=uncurryThis("".split);module.exports=fails((function(){return!$Object("z").propertyIsEnumerable(0)}))?function(it){return"String"==classof(it)?split(it,""):$Object(it)}:$Object},"../../node_modules/core-js/internals/inherit-if-required.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),setPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-set-prototype-of.js");module.exports=function($this,dummy,Wrapper){var NewTarget,NewTargetPrototype;return setPrototypeOf&&isCallable(NewTarget=dummy.constructor)&&NewTarget!==Wrapper&&isObject(NewTargetPrototype=NewTarget.prototype)&&NewTargetPrototype!==Wrapper.prototype&&setPrototypeOf($this,NewTargetPrototype),$this}},"../../node_modules/core-js/internals/inspect-source.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),store=__webpack_require__("../../node_modules/core-js/internals/shared-store.js"),functionToString=uncurryThis(Function.toString);isCallable(store.inspectSource)||(store.inspectSource=function(it){return functionToString(it)}),module.exports=store.inspectSource},"../../node_modules/core-js/internals/internal-metadata.js":(module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("../../node_modules/core-js/internals/export.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),hiddenKeys=__webpack_require__("../../node_modules/core-js/internals/hidden-keys.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),defineProperty=__webpack_require__("../../node_modules/core-js/internals/object-define-property.js").f,getOwnPropertyNamesModule=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-names.js"),getOwnPropertyNamesExternalModule=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-names-external.js"),isExtensible=__webpack_require__("../../node_modules/core-js/internals/object-is-extensible.js"),uid=__webpack_require__("../../node_modules/core-js/internals/uid.js"),FREEZING=__webpack_require__("../../node_modules/core-js/internals/freezing.js"),REQUIRED=!1,METADATA=uid("meta"),id=0,setMetadata=function(it){defineProperty(it,METADATA,{value:{objectID:"O"+id++,weakData:{}}})},meta=module.exports={enable:function(){meta.enable=function(){},REQUIRED=!0;var getOwnPropertyNames=getOwnPropertyNamesModule.f,splice=uncurryThis([].splice),test={};test[METADATA]=1,getOwnPropertyNames(test).length&&(getOwnPropertyNamesModule.f=function(it){for(var result=getOwnPropertyNames(it),i=0,length=result.length;i{var set,get,has,NATIVE_WEAK_MAP=__webpack_require__("../../node_modules/core-js/internals/weak-map-basic-detection.js"),global=__webpack_require__("../../node_modules/core-js/internals/global.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),createNonEnumerableProperty=__webpack_require__("../../node_modules/core-js/internals/create-non-enumerable-property.js"),hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),shared=__webpack_require__("../../node_modules/core-js/internals/shared-store.js"),sharedKey=__webpack_require__("../../node_modules/core-js/internals/shared-key.js"),hiddenKeys=__webpack_require__("../../node_modules/core-js/internals/hidden-keys.js"),TypeError=global.TypeError,WeakMap=global.WeakMap;if(NATIVE_WEAK_MAP||shared.state){var store=shared.state||(shared.state=new WeakMap);store.get=store.get,store.has=store.has,store.set=store.set,set=function(it,metadata){if(store.has(it))throw TypeError("Object already initialized");return metadata.facade=it,store.set(it,metadata),metadata},get=function(it){return store.get(it)||{}},has=function(it){return store.has(it)}}else{var STATE=sharedKey("state");hiddenKeys[STATE]=!0,set=function(it,metadata){if(hasOwn(it,STATE))throw TypeError("Object already initialized");return metadata.facade=it,createNonEnumerableProperty(it,STATE,metadata),metadata},get=function(it){return hasOwn(it,STATE)?it[STATE]:{}},has=function(it){return hasOwn(it,STATE)}}module.exports={set,get,has,enforce:function(it){return has(it)?get(it):set(it,{})},getterFor:function(TYPE){return function(it){var state;if(!isObject(it)||(state=get(it)).type!==TYPE)throw TypeError("Incompatible receiver, "+TYPE+" required");return state}}}},"../../node_modules/core-js/internals/is-array-iterator-method.js":(module,__unused_webpack_exports,__webpack_require__)=>{var wellKnownSymbol=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js"),Iterators=__webpack_require__("../../node_modules/core-js/internals/iterators.js"),ITERATOR=wellKnownSymbol("iterator"),ArrayPrototype=Array.prototype;module.exports=function(it){return void 0!==it&&(Iterators.Array===it||ArrayPrototype[ITERATOR]===it)}},"../../node_modules/core-js/internals/is-array.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classof=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js");module.exports=Array.isArray||function isArray(argument){return"Array"==classof(argument)}},"../../node_modules/core-js/internals/is-callable.js":(module,__unused_webpack_exports,__webpack_require__)=>{var $documentAll=__webpack_require__("../../node_modules/core-js/internals/document-all.js"),documentAll=$documentAll.all;module.exports=$documentAll.IS_HTMLDDA?function(argument){return"function"==typeof argument||argument===documentAll}:function(argument){return"function"==typeof argument}},"../../node_modules/core-js/internals/is-constructor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),classof=__webpack_require__("../../node_modules/core-js/internals/classof.js"),getBuiltIn=__webpack_require__("../../node_modules/core-js/internals/get-built-in.js"),inspectSource=__webpack_require__("../../node_modules/core-js/internals/inspect-source.js"),noop=function(){},empty=[],construct=getBuiltIn("Reflect","construct"),constructorRegExp=/^\s*(?:class|function)\b/,exec=uncurryThis(constructorRegExp.exec),INCORRECT_TO_STRING=!constructorRegExp.exec(noop),isConstructorModern=function isConstructor(argument){if(!isCallable(argument))return!1;try{return construct(noop,empty,argument),!0}catch(error){return!1}},isConstructorLegacy=function isConstructor(argument){if(!isCallable(argument))return!1;switch(classof(argument)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return INCORRECT_TO_STRING||!!exec(constructorRegExp,inspectSource(argument))}catch(error){return!0}};isConstructorLegacy.sham=!0,module.exports=!construct||fails((function(){var called;return isConstructorModern(isConstructorModern.call)||!isConstructorModern(Object)||!isConstructorModern((function(){called=!0}))||called}))?isConstructorLegacy:isConstructorModern},"../../node_modules/core-js/internals/is-forced.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),replacement=/#|\.prototype\./,isForced=function(feature,detection){var value=data[normalize(feature)];return value==POLYFILL||value!=NATIVE&&(isCallable(detection)?fails(detection):!!detection)},normalize=isForced.normalize=function(string){return String(string).replace(replacement,".").toLowerCase()},data=isForced.data={},NATIVE=isForced.NATIVE="N",POLYFILL=isForced.POLYFILL="P";module.exports=isForced},"../../node_modules/core-js/internals/is-integral-number.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),floor=Math.floor;module.exports=Number.isInteger||function isInteger(it){return!isObject(it)&&isFinite(it)&&floor(it)===it}},"../../node_modules/core-js/internals/is-null-or-undefined.js":module=>{module.exports=function(it){return null==it}},"../../node_modules/core-js/internals/is-object.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),$documentAll=__webpack_require__("../../node_modules/core-js/internals/document-all.js"),documentAll=$documentAll.all;module.exports=$documentAll.IS_HTMLDDA?function(it){return"object"==typeof it?null!==it:isCallable(it)||it===documentAll}:function(it){return"object"==typeof it?null!==it:isCallable(it)}},"../../node_modules/core-js/internals/is-pure.js":module=>{module.exports=!1},"../../node_modules/core-js/internals/is-regexp.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),classof=__webpack_require__("../../node_modules/core-js/internals/classof-raw.js"),MATCH=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js")("match");module.exports=function(it){var isRegExp;return isObject(it)&&(void 0!==(isRegExp=it[MATCH])?!!isRegExp:"RegExp"==classof(it))}},"../../node_modules/core-js/internals/is-symbol.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getBuiltIn=__webpack_require__("../../node_modules/core-js/internals/get-built-in.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),isPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-is-prototype-of.js"),USE_SYMBOL_AS_UID=__webpack_require__("../../node_modules/core-js/internals/use-symbol-as-uid.js"),$Object=Object;module.exports=USE_SYMBOL_AS_UID?function(it){return"symbol"==typeof it}:function(it){var $Symbol=getBuiltIn("Symbol");return isCallable($Symbol)&&isPrototypeOf($Symbol.prototype,$Object(it))}},"../../node_modules/core-js/internals/iterate.js":(module,__unused_webpack_exports,__webpack_require__)=>{var bind=__webpack_require__("../../node_modules/core-js/internals/function-bind-context.js"),call=__webpack_require__("../../node_modules/core-js/internals/function-call.js"),anObject=__webpack_require__("../../node_modules/core-js/internals/an-object.js"),tryToString=__webpack_require__("../../node_modules/core-js/internals/try-to-string.js"),isArrayIteratorMethod=__webpack_require__("../../node_modules/core-js/internals/is-array-iterator-method.js"),lengthOfArrayLike=__webpack_require__("../../node_modules/core-js/internals/length-of-array-like.js"),isPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-is-prototype-of.js"),getIterator=__webpack_require__("../../node_modules/core-js/internals/get-iterator.js"),getIteratorMethod=__webpack_require__("../../node_modules/core-js/internals/get-iterator-method.js"),iteratorClose=__webpack_require__("../../node_modules/core-js/internals/iterator-close.js"),$TypeError=TypeError,Result=function(stopped,result){this.stopped=stopped,this.result=result},ResultPrototype=Result.prototype;module.exports=function(iterable,unboundFunction,options){var iterator,iterFn,index,length,result,next,step,that=options&&options.that,AS_ENTRIES=!(!options||!options.AS_ENTRIES),IS_RECORD=!(!options||!options.IS_RECORD),IS_ITERATOR=!(!options||!options.IS_ITERATOR),INTERRUPTED=!(!options||!options.INTERRUPTED),fn=bind(unboundFunction,that),stop=function(condition){return iterator&&iteratorClose(iterator,"normal",condition),new Result(!0,condition)},callFn=function(value){return AS_ENTRIES?(anObject(value),INTERRUPTED?fn(value[0],value[1],stop):fn(value[0],value[1])):INTERRUPTED?fn(value,stop):fn(value)};if(IS_RECORD)iterator=iterable.iterator;else if(IS_ITERATOR)iterator=iterable;else{if(!(iterFn=getIteratorMethod(iterable)))throw $TypeError(tryToString(iterable)+" is not iterable");if(isArrayIteratorMethod(iterFn)){for(index=0,length=lengthOfArrayLike(iterable);length>index;index++)if((result=callFn(iterable[index]))&&isPrototypeOf(ResultPrototype,result))return result;return new Result(!1)}iterator=getIterator(iterable,iterFn)}for(next=IS_RECORD?iterable.next:iterator.next;!(step=call(next,iterator)).done;){try{result=callFn(step.value)}catch(error){iteratorClose(iterator,"throw",error)}if("object"==typeof result&&result&&isPrototypeOf(ResultPrototype,result))return result}return new Result(!1)}},"../../node_modules/core-js/internals/iterator-close.js":(module,__unused_webpack_exports,__webpack_require__)=>{var call=__webpack_require__("../../node_modules/core-js/internals/function-call.js"),anObject=__webpack_require__("../../node_modules/core-js/internals/an-object.js"),getMethod=__webpack_require__("../../node_modules/core-js/internals/get-method.js");module.exports=function(iterator,kind,value){var innerResult,innerError;anObject(iterator);try{if(!(innerResult=getMethod(iterator,"return"))){if("throw"===kind)throw value;return value}innerResult=call(innerResult,iterator)}catch(error){innerError=!0,innerResult=error}if("throw"===kind)throw value;if(innerError)throw innerResult;return anObject(innerResult),value}},"../../node_modules/core-js/internals/iterator-create-constructor.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var IteratorPrototype=__webpack_require__("../../node_modules/core-js/internals/iterators-core.js").IteratorPrototype,create=__webpack_require__("../../node_modules/core-js/internals/object-create.js"),createPropertyDescriptor=__webpack_require__("../../node_modules/core-js/internals/create-property-descriptor.js"),setToStringTag=__webpack_require__("../../node_modules/core-js/internals/set-to-string-tag.js"),Iterators=__webpack_require__("../../node_modules/core-js/internals/iterators.js"),returnThis=function(){return this};module.exports=function(IteratorConstructor,NAME,next,ENUMERABLE_NEXT){var TO_STRING_TAG=NAME+" Iterator";return IteratorConstructor.prototype=create(IteratorPrototype,{next:createPropertyDescriptor(+!ENUMERABLE_NEXT,next)}),setToStringTag(IteratorConstructor,TO_STRING_TAG,!1,!0),Iterators[TO_STRING_TAG]=returnThis,IteratorConstructor}},"../../node_modules/core-js/internals/iterator-define.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/core-js/internals/export.js"),call=__webpack_require__("../../node_modules/core-js/internals/function-call.js"),IS_PURE=__webpack_require__("../../node_modules/core-js/internals/is-pure.js"),FunctionName=__webpack_require__("../../node_modules/core-js/internals/function-name.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),createIteratorConstructor=__webpack_require__("../../node_modules/core-js/internals/iterator-create-constructor.js"),getPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-set-prototype-of.js"),setToStringTag=__webpack_require__("../../node_modules/core-js/internals/set-to-string-tag.js"),createNonEnumerableProperty=__webpack_require__("../../node_modules/core-js/internals/create-non-enumerable-property.js"),defineBuiltIn=__webpack_require__("../../node_modules/core-js/internals/define-built-in.js"),wellKnownSymbol=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js"),Iterators=__webpack_require__("../../node_modules/core-js/internals/iterators.js"),IteratorsCore=__webpack_require__("../../node_modules/core-js/internals/iterators-core.js"),PROPER_FUNCTION_NAME=FunctionName.PROPER,CONFIGURABLE_FUNCTION_NAME=FunctionName.CONFIGURABLE,IteratorPrototype=IteratorsCore.IteratorPrototype,BUGGY_SAFARI_ITERATORS=IteratorsCore.BUGGY_SAFARI_ITERATORS,ITERATOR=wellKnownSymbol("iterator"),returnThis=function(){return this};module.exports=function(Iterable,NAME,IteratorConstructor,next,DEFAULT,IS_SET,FORCED){createIteratorConstructor(IteratorConstructor,NAME,next);var CurrentIteratorPrototype,methods,KEY,getIterationMethod=function(KIND){if(KIND===DEFAULT&&defaultIterator)return defaultIterator;if(!BUGGY_SAFARI_ITERATORS&&KIND in IterablePrototype)return IterablePrototype[KIND];switch(KIND){case"keys":return function keys(){return new IteratorConstructor(this,KIND)};case"values":return function values(){return new IteratorConstructor(this,KIND)};case"entries":return function entries(){return new IteratorConstructor(this,KIND)}}return function(){return new IteratorConstructor(this)}},TO_STRING_TAG=NAME+" Iterator",INCORRECT_VALUES_NAME=!1,IterablePrototype=Iterable.prototype,nativeIterator=IterablePrototype[ITERATOR]||IterablePrototype["@@iterator"]||DEFAULT&&IterablePrototype[DEFAULT],defaultIterator=!BUGGY_SAFARI_ITERATORS&&nativeIterator||getIterationMethod(DEFAULT),anyNativeIterator="Array"==NAME&&IterablePrototype.entries||nativeIterator;if(anyNativeIterator&&(CurrentIteratorPrototype=getPrototypeOf(anyNativeIterator.call(new Iterable)))!==Object.prototype&&CurrentIteratorPrototype.next&&(IS_PURE||getPrototypeOf(CurrentIteratorPrototype)===IteratorPrototype||(setPrototypeOf?setPrototypeOf(CurrentIteratorPrototype,IteratorPrototype):isCallable(CurrentIteratorPrototype[ITERATOR])||defineBuiltIn(CurrentIteratorPrototype,ITERATOR,returnThis)),setToStringTag(CurrentIteratorPrototype,TO_STRING_TAG,!0,!0),IS_PURE&&(Iterators[TO_STRING_TAG]=returnThis)),PROPER_FUNCTION_NAME&&"values"==DEFAULT&&nativeIterator&&"values"!==nativeIterator.name&&(!IS_PURE&&CONFIGURABLE_FUNCTION_NAME?createNonEnumerableProperty(IterablePrototype,"name","values"):(INCORRECT_VALUES_NAME=!0,defaultIterator=function values(){return call(nativeIterator,this)})),DEFAULT)if(methods={values:getIterationMethod("values"),keys:IS_SET?defaultIterator:getIterationMethod("keys"),entries:getIterationMethod("entries")},FORCED)for(KEY in methods)(BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME||!(KEY in IterablePrototype))&&defineBuiltIn(IterablePrototype,KEY,methods[KEY]);else $({target:NAME,proto:!0,forced:BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME},methods);return IS_PURE&&!FORCED||IterablePrototype[ITERATOR]===defaultIterator||defineBuiltIn(IterablePrototype,ITERATOR,defaultIterator,{name:DEFAULT}),Iterators[NAME]=defaultIterator,methods}},"../../node_modules/core-js/internals/iterators-core.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var IteratorPrototype,PrototypeOfArrayIteratorPrototype,arrayIterator,fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),isObject=__webpack_require__("../../node_modules/core-js/internals/is-object.js"),create=__webpack_require__("../../node_modules/core-js/internals/object-create.js"),getPrototypeOf=__webpack_require__("../../node_modules/core-js/internals/object-get-prototype-of.js"),defineBuiltIn=__webpack_require__("../../node_modules/core-js/internals/define-built-in.js"),wellKnownSymbol=__webpack_require__("../../node_modules/core-js/internals/well-known-symbol.js"),IS_PURE=__webpack_require__("../../node_modules/core-js/internals/is-pure.js"),ITERATOR=wellKnownSymbol("iterator"),BUGGY_SAFARI_ITERATORS=!1;[].keys&&("next"in(arrayIterator=[].keys())?(PrototypeOfArrayIteratorPrototype=getPrototypeOf(getPrototypeOf(arrayIterator)))!==Object.prototype&&(IteratorPrototype=PrototypeOfArrayIteratorPrototype):BUGGY_SAFARI_ITERATORS=!0),!isObject(IteratorPrototype)||fails((function(){var test={};return IteratorPrototype[ITERATOR].call(test)!==test}))?IteratorPrototype={}:IS_PURE&&(IteratorPrototype=create(IteratorPrototype)),isCallable(IteratorPrototype[ITERATOR])||defineBuiltIn(IteratorPrototype,ITERATOR,(function(){return this})),module.exports={IteratorPrototype,BUGGY_SAFARI_ITERATORS}},"../../node_modules/core-js/internals/iterators.js":module=>{module.exports={}},"../../node_modules/core-js/internals/length-of-array-like.js":(module,__unused_webpack_exports,__webpack_require__)=>{var toLength=__webpack_require__("../../node_modules/core-js/internals/to-length.js");module.exports=function(obj){return toLength(obj.length)}},"../../node_modules/core-js/internals/make-built-in.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("../../node_modules/core-js/internals/is-callable.js"),hasOwn=__webpack_require__("../../node_modules/core-js/internals/has-own-property.js"),DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),CONFIGURABLE_FUNCTION_NAME=__webpack_require__("../../node_modules/core-js/internals/function-name.js").CONFIGURABLE,inspectSource=__webpack_require__("../../node_modules/core-js/internals/inspect-source.js"),InternalStateModule=__webpack_require__("../../node_modules/core-js/internals/internal-state.js"),enforceInternalState=InternalStateModule.enforce,getInternalState=InternalStateModule.get,$String=String,defineProperty=Object.defineProperty,stringSlice=uncurryThis("".slice),replace=uncurryThis("".replace),join=uncurryThis([].join),CONFIGURABLE_LENGTH=DESCRIPTORS&&!fails((function(){return 8!==defineProperty((function(){}),"length",{value:8}).length})),TEMPLATE=String(String).split("String"),makeBuiltIn=module.exports=function(value,name,options){"Symbol("===stringSlice($String(name),0,7)&&(name="["+replace($String(name),/^Symbol\(([^)]*)\)/,"$1")+"]"),options&&options.getter&&(name="get "+name),options&&options.setter&&(name="set "+name),(!hasOwn(value,"name")||CONFIGURABLE_FUNCTION_NAME&&value.name!==name)&&(DESCRIPTORS?defineProperty(value,"name",{value:name,configurable:!0}):value.name=name),CONFIGURABLE_LENGTH&&options&&hasOwn(options,"arity")&&value.length!==options.arity&&defineProperty(value,"length",{value:options.arity});try{options&&hasOwn(options,"constructor")&&options.constructor?DESCRIPTORS&&defineProperty(value,"prototype",{writable:!1}):value.prototype&&(value.prototype=void 0)}catch(error){}var state=enforceInternalState(value);return hasOwn(state,"source")||(state.source=join(TEMPLATE,"string"==typeof name?name:"")),value};Function.prototype.toString=makeBuiltIn((function toString(){return isCallable(this)&&getInternalState(this).source||inspectSource(this)}),"toString")},"../../node_modules/core-js/internals/math-trunc.js":module=>{var ceil=Math.ceil,floor=Math.floor;module.exports=Math.trunc||function trunc(x){var n=+x;return(n>0?floor:ceil)(n)}},"../../node_modules/core-js/internals/microtask.js":(module,__unused_webpack_exports,__webpack_require__)=>{var notify,toggle,node,promise,then,global=__webpack_require__("../../node_modules/core-js/internals/global.js"),bind=__webpack_require__("../../node_modules/core-js/internals/function-bind-context.js"),getOwnPropertyDescriptor=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-descriptor.js").f,macrotask=__webpack_require__("../../node_modules/core-js/internals/task.js").set,Queue=__webpack_require__("../../node_modules/core-js/internals/queue.js"),IS_IOS=__webpack_require__("../../node_modules/core-js/internals/engine-is-ios.js"),IS_IOS_PEBBLE=__webpack_require__("../../node_modules/core-js/internals/engine-is-ios-pebble.js"),IS_WEBOS_WEBKIT=__webpack_require__("../../node_modules/core-js/internals/engine-is-webos-webkit.js"),IS_NODE=__webpack_require__("../../node_modules/core-js/internals/engine-is-node.js"),MutationObserver=global.MutationObserver||global.WebKitMutationObserver,document=global.document,process=global.process,Promise=global.Promise,queueMicrotaskDescriptor=getOwnPropertyDescriptor(global,"queueMicrotask"),microtask=queueMicrotaskDescriptor&&queueMicrotaskDescriptor.value;if(!microtask){var queue=new Queue,flush=function(){var parent,fn;for(IS_NODE&&(parent=process.domain)&&parent.exit();fn=queue.get();)try{fn()}catch(error){throw queue.head&¬ify(),error}parent&&parent.enter()};IS_IOS||IS_NODE||IS_WEBOS_WEBKIT||!MutationObserver||!document?!IS_IOS_PEBBLE&&Promise&&Promise.resolve?((promise=Promise.resolve(void 0)).constructor=Promise,then=bind(promise.then,promise),notify=function(){then(flush)}):IS_NODE?notify=function(){process.nextTick(flush)}:(macrotask=bind(macrotask,global),notify=function(){macrotask(flush)}):(toggle=!0,node=document.createTextNode(""),new MutationObserver(flush).observe(node,{characterData:!0}),notify=function(){node.data=toggle=!toggle}),microtask=function(fn){queue.head||notify(),queue.add(fn)}}module.exports=microtask},"../../node_modules/core-js/internals/new-promise-capability.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var aCallable=__webpack_require__("../../node_modules/core-js/internals/a-callable.js"),$TypeError=TypeError,PromiseCapability=function(C){var resolve,reject;this.promise=new C((function($$resolve,$$reject){if(void 0!==resolve||void 0!==reject)throw $TypeError("Bad Promise constructor");resolve=$$resolve,reject=$$reject})),this.resolve=aCallable(resolve),this.reject=aCallable(reject)};module.exports.f=function(C){return new PromiseCapability(C)}},"../../node_modules/core-js/internals/not-a-regexp.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isRegExp=__webpack_require__("../../node_modules/core-js/internals/is-regexp.js"),$TypeError=TypeError;module.exports=function(it){if(isRegExp(it))throw $TypeError("The method doesn't accept regular expressions");return it}},"../../node_modules/core-js/internals/object-assign.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var DESCRIPTORS=__webpack_require__("../../node_modules/core-js/internals/descriptors.js"),uncurryThis=__webpack_require__("../../node_modules/core-js/internals/function-uncurry-this.js"),call=__webpack_require__("../../node_modules/core-js/internals/function-call.js"),fails=__webpack_require__("../../node_modules/core-js/internals/fails.js"),objectKeys=__webpack_require__("../../node_modules/core-js/internals/object-keys.js"),getOwnPropertySymbolsModule=__webpack_require__("../../node_modules/core-js/internals/object-get-own-property-symbols.js"),propertyIsEnumerableModule=__webpack_require__("../../node_modules/core-js/internals/object-property-is-enumerable.js"),toObject=__webpack_require__("../../node_modules/core-js/internals/to-object.js"),IndexedObject=__webpack_require__("../../node_modules/core-js/internals/indexed-object.js"),$assign=Object.assign,defineProperty=Object.defineProperty,concat=uncurryThis([].concat);module.exports=!$assign||fails((function(){if(DESCRIPTORS&&1!==$assign({b:1},$assign(defineProperty({},"a",{enumerable:!0,get:function(){defineProperty(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var A={},B={},symbol=Symbol();return A[symbol]=7,"abcdefghijklmnopqrst".split("").forEach((function(chr){B[chr]=chr})),7!=$assign({},A)[symbol]||"abcdefghijklmnopqrst"!=objectKeys($assign({},B)).join("")}))?function assign(target,source){for(var T=toObject(target),argumentsLength=arguments.length,index=1,getOwnPropertySymbols=getOwnPropertySymbolsModule.f,propertyIsEnumerable=propertyIsEnumerableModule.f;argumentsLength>index;)for(var key,S=IndexedObject(arguments[index++]),keys=getOwnPropertySymbols?concat(objectKeys(S),getOwnPropertySymbols(S)):objectKeys(S),length=keys.length,j=0;length>j;)key=keys[j++],DESCRIPTORS&&!call(propertyIsEnumerable,S,key)||(T[key]=S[key]);return T}:$assign},"../../node_modules/core-js/internals/object-create.js":(module,__unused_webpack_exports,__webpack_require__)=>{var activeXDocument,anObject=__webpack_require__("../../node_modules/core-js/internals/an-object.js"),definePropertiesModule=__webpack_require__("../../node_modules/core-js/internals/object-define-properties.js"),enumBugKeys=__webpack_require__("../../node_modules/core-js/internals/enum-bug-keys.js"),hiddenKeys=__webpack_require__("../../node_modules/core-js/internals/hidden-keys.js"),html=__webpack_require__("../../node_modules/core-js/internals/html.js"),documentCreateElement=__webpack_require__("../../node_modules/core-js/internals/document-create-element.js"),sharedKey=__webpack_require__("../../node_modules/core-js/internals/shared-key.js"),IE_PROTO=sharedKey("IE_PROTO"),EmptyConstructor=function(){},scriptTag=function(content){return"

\ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/index.html b/docs/HDS-1752-remove-open-menu-on-hover/index.html new file mode 100644 index 0000000000..a2f31225ec --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/index.html @@ -0,0 +1,59 @@ +Webpack App
\ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/main.4ef22571d9308a1e496e.manager.bundle.js b/docs/HDS-1752-remove-open-menu-on-hover/main.4ef22571d9308a1e496e.manager.bundle.js new file mode 100644 index 0000000000..833cdfb31b --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/main.4ef22571d9308a1e496e.manager.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkhds_react=self.webpackChunkhds_react||[]).push([[179],{53260:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[709],(()=>(__webpack_exec__(1695),__webpack_exec__(21863),__webpack_exec__(58300),__webpack_exec__(71947),__webpack_exec__(22755),__webpack_exec__(30180),__webpack_exec__(57821),__webpack_exec__(34583),__webpack_exec__(77555))));__webpack_require__.O()}]); \ No newline at end of file diff --git a/docs/HDS-1752-remove-open-menu-on-hover/main.7776b828.iframe.bundle.js b/docs/HDS-1752-remove-open-menu-on-hover/main.7776b828.iframe.bundle.js new file mode 100644 index 0000000000..98589f7e71 --- /dev/null +++ b/docs/HDS-1752-remove-open-menu-on-hover/main.7776b828.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkhds_react=self.webpackChunkhds_react||[]).push([[179],{"./src/styles/base.css":()=>{},"./src/components/notification/Notification.module.css":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={notification:"Notification_notification__Zuc-r notification_hds-notification__ZgXga",noBorder:"Notification_noBorder__6v-BE",close:"Notification_close__Uj-0o notification_hds-notification__close-button__2XyVn",autoClose:"Notification_autoClose__SIU7s",content:"Notification_content__swbQ0 notification_hds-notification__content__yCEr0",icon:"Notification_icon__sKc0H notification_hds-icon__PyzTl",label:"Notification_label__zis0p notification_hds-notification__label__zgT9l",body:"Notification_body__qZKZ8 notification_hds-notification__body__n-eFK",small:"Notification_small__6cboU notification_hds-notification--small__m-k4q",large:"Notification_large__2EHsG notification_hds-notification--large__Hwu44","top-left":"Notification_top-left__RZ0CA notification_hds-notification--top-left__zFjhP","top-center":"Notification_top-center__kynAQ notification_hds-notification--top-center__6gsXD","top-right":"Notification_top-right__Si+U6 notification_hds-notification--top-right__E0Em3","bottom-left":"Notification_bottom-left__W9Ipq notification_hds-notification--bottom-left__DpGP1","bottom-center":"Notification_bottom-center__ciCaI notification_hds-notification--bottom-center__rCKF6","bottom-right":"Notification_bottom-right__FYZQg notification_hds-notification--bottom-right__3qbGw",success:"Notification_success__MLFyR notification_hds-notification--success__cZu-O",alert:"Notification_alert__DYJ2b notification_hds-notification--alert__CV54F",error:"Notification_error__q92R2 notification_hds-notification--error__whd0e",boxShadow:"Notification_boxShadow__4YrXF notification_hds-notification--box-shadow__JSXLe"}},"./src/components/textInput/TextInput.module.css":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={root:"TextInput_root__fZJvR text-input_hds-text-input__bGIHw",inputWrapper:"TextInput_inputWrapper__RgiU6 text-input_hds-text-input__input-wrapper__x8lA3",input:"TextInput_input__E0L-6 text-input_hds-text-input__input__SiRCc",hasButton:"TextInput_hasButton__MIrdA",errorText:"TextInput_errorText__GDa4q text-input_hds-text-input__error-text__fwthK",helperText:"TextInput_helperText__A4sXt text-input_hds-text-input__helper-text__ZLXwx",invalidText:"TextInput_invalidText__pDlzc text-input_hds-text-input__helper-text__ZLXwx",successText:"TextInput_successText__tuxnc text-input_hds-text-input__success-text__t+kuJ",infoText:"TextInput_infoText__6VBx- text-input_hds-text-input__info-text__d7RM3",invalid:"TextInput_invalid__1b8AB text-input_hds-text-input--invalid__kHljF",success:"TextInput_success__8nbvd text-input_hds-text-input--success__Q-osf",readOnly:"TextInput_readOnly__05s7L undefined",buttonWrapper:"TextInput_buttonWrapper__QPGPG text-input_hds-text-input__buttons__k5xRn",button:"TextInput_button__GOseP text-input_hds-text-input__button__PsgWB"}},"./src/icons/Icon.module.css":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={icon:"Icon_icon__yDoQg icon_hds-icon__V1cmv",xs:"Icon_xs__zXJ-b icon_hds-icon--size-xs__9qPAT",s:"Icon_s__SP2Gv icon_hds-icon--size-s__QYhRm",m:"Icon_m__cBK0U icon_hds-icon--size-m__dwumc",l:"Icon_l__Il0P+ icon_hds-icon--size-l__OnmJG",xl:"Icon_xl__q4ExW icon_hds-icon--size-xl__fGLjY"}},"./src/examples/forms/validation.scss":()=>{},"./src/components/navigation/navigationItem/NavigationItem.module.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={"x-small-down":"only screen and (max-width: 575.98px)","small-down":"only screen and (max-width: 767.98px)","small-only":"only screen and (min-width: 576px) and (max-width: 767.98px)","medium-only":"only screen and (min-width: 768px) and (max-width: 991.98px)","medium-up":"only screen and (min-width: 768px)","large-only":"only screen and (min-width: 992px) and (max-width: 1247.98px)","large-up":"only screen and (min-width: 992px)","x-large-only":"only screen and (min-width: 1248px)","x-large-up":"only screen and (min-width: 1248px)",rowItem:"NavigationItem_rowItem__lFbPQ",supplementary:"NavigationItem_supplementary__DxTp+ button_hds-button__0Xq-p button_hds-button--fullwidth__iALSM button_hds-button--small__Dzlfw button_hds-button--supplementary__Xz03B",secondary:"NavigationItem_secondary__X786x button_hds-button__0Xq-p button_hds-button--fullwidth__iALSM button_hds-button--small__Dzlfw button_hds-button--secondary__OO96T",primary:"NavigationItem_primary__gOj8L button_hds-button__0Xq-p button_hds-button--fullwidth__iALSM button_hds-button--small__Dzlfw button_hds-button--primary__49TcJ",item:"NavigationItem_item__6nfyE button_hds-button__0Xq-p button_hds-button--fullwidth__iALSM button_hds-button--small__Dzlfw",label:"NavigationItem_label__BIacI button_hds-button__label__uGz5c",icon:"NavigationItem_icon__CA7iv button_hds-icon__dmvEa",dropdownLinkItem:"NavigationItem_dropdownLinkItem__o8OM0",dropdownItem:"NavigationItem_dropdownItem__grvtV",active:"NavigationItem_active__puz0W"}},"./src/components/accordion/Accordion.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CardAccordion:()=>CardAccordion,CustomAccordion:()=>CustomAccordion,CustomTheme:()=>CustomTheme,Default:()=>Default,InitiallyOpen:()=>InitiallyOpen,Large:()=>Large,Medium:()=>Medium,Small:()=>Small,StackedAccordionCards:()=>StackedAccordionCards,WithoutCloseButton:()=>WithoutCloseButton,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_icons__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/icons/IconAngleUp.tsx")),_icons__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icons/IconAngleDown.tsx"),_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/button/Button.tsx"),_card__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/card/Card.tsx"),_dropdown_select__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/dropdown/select/Select.tsx"),_Accordion__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/accordion/Accordion.tsx"),_useAccordion__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/accordion/useAccordion.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,title:"Components/Accordion",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"480px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\n\nimport { IconAngleDown, IconAngleUp } from '../../icons';\nimport { Button } from '../button';\nimport { Card } from '../card';\nimport { Select } from '../dropdown/select';\nimport { Accordion } from './Accordion';\nimport { useAccordion } from './useAccordion';\n\nexport default {\n component: Accordion,\n title: 'Components/Accordion',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n args: {\n heading: 'How to publish data?',\n language: 'en',\n children: 'To publish your data, open your profile settings and click button \"Publish\".',\n style: { maxWidth: '360px' },\n },\n};\n\nexport const Default = (args) => ;\n\nexport const Small = (args) => ;\n\nexport const Medium = (args) => ;\n\nexport const Large = (args) => ;\n\nexport const WithoutCloseButton = (args) => ;\nWithoutCloseButton.storyName = 'Without close button';\n\nexport const StackedAccordionCards = (args) => (\n <>\n

Stacked Accordions in Cards

\n \n \n \n \n);\n\nStackedAccordionCards.storyName = 'Stacked cards';\n\nexport const InitiallyOpen = (args) => ;\nInitiallyOpen.storyName = 'Initially open';\n\nexport const CardAccordion = (args) => (\n <>\n

Card

\n \n

Small card with border

\n \n

Medium card with border

\n \n

Large card with border

\n \n \n);\nCardAccordion.storyName = 'Card';\nCardAccordion.args = {\n style: { marginBottom: 'var(--spacing-m)', maxWidth: '360px' },\n};\n\nexport const CustomTheme = (args) => (\n <>\n \n \n \n);\nCustomTheme.storyName = 'Custom theme';\nCustomTheme.args = {\n style: { marginBottom: 'var(--spacing-m)', maxWidth: '480px' },\n};\n\nexport const CustomAccordion = () => {\n const { isOpen, buttonProps, contentProps } = useAccordion({ initiallyOpen: false });\n const icon = isOpen ? : ;\n return (\n <>\n \n \n \n \n \n \n );\n};\nCustomAccordion.storyName = 'Custom accordion';\nCustomAccordion.args = {};\n",locationsMap:{default:{startLoc:{col:23,line:25},endLoc:{col:56,line:25},startBody:{col:23,line:25},endBody:{col:56,line:25}},small:{startLoc:{col:21,line:27},endLoc:{col:63,line:27},startBody:{col:21,line:27},endBody:{col:63,line:27}},medium:{startLoc:{col:22,line:29},endLoc:{col:64,line:29},startBody:{col:22,line:29},endBody:{col:64,line:29}},large:{startLoc:{col:21,line:31},endLoc:{col:63,line:31},startBody:{col:21,line:31},endBody:{col:63,line:31}},"without-close-button":{startLoc:{col:34,line:33},endLoc:{col:87,line:33},startBody:{col:34,line:33},endBody:{col:87,line:33}},"stacked-accordion-cards":{startLoc:{col:37,line:36},endLoc:{col:1,line:43},startBody:{col:37,line:36},endBody:{col:1,line:43}},"initially-open":{startLoc:{col:29,line:47},endLoc:{col:76,line:47},startBody:{col:29,line:47},endBody:{col:76,line:47}},"card-accordion":{startLoc:{col:29,line:50},endLoc:{col:1,line:61},startBody:{col:29,line:50},endBody:{col:1,line:61}},"custom-theme":{startLoc:{col:27,line:67},endLoc:{col:1,line:111},startBody:{col:27,line:67},endBody:{col:1,line:111}},"custom-accordion":{startLoc:{col:31,line:117},endLoc:{col:1,line:155},startBody:{col:31,line:117},endBody:{col:1,line:155}}}},controls:{hideNoControlsWarning:!0}},args:{heading:"How to publish data?",language:"en",children:'To publish your data, open your profile settings and click button "Publish".',style:{maxWidth:"360px"}}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))},Small=function Small(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{size:"s"}))},Medium=function Medium(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{size:"m"}))},Large=function Large(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{size:"l"}))},WithoutCloseButton=function WithoutCloseButton(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{closeButton:!1}))};WithoutCloseButton.storyName="Without close button";var StackedAccordionCards=function StackedAccordionCards(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1",{children:"Stacked Accordions in Cards"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,style:{maxWidth:"360px"}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,style:{maxWidth:"360px",borderTop:0}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,style:{maxWidth:"360px",borderTop:0}}))]})};StackedAccordionCards.storyName="Stacked cards";var InitiallyOpen=function InitiallyOpen(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{initiallyOpen:!0}))};InitiallyOpen.storyName="Initially open";var CardAccordion=function CardAccordion(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h2",{children:"Card"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h2",{children:"Small card with border"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,size:"s"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h2",{children:"Medium card with border"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,size:"m"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h2",{children:"Large card with border"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,size:"l"}))]})};CardAccordion.storyName="Card",CardAccordion.args={style:{marginBottom:"var(--spacing-m)",maxWidth:"360px"}};var CustomTheme=function CustomTheme(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,border:!0,theme:{"--background-color":"var(--color-white)","--border-color":"var(--color-brick)","--padding-horizontal":"var(--spacing-m)","--padding-vertical":"var(--spacing-m)","--header-font-color":"var(--color-black-90)","--header-font-size":"var(--fontsize-heading-l)","--header-font-weight":"400","--header-line-height":"var(--lineheight-s)","--header-letter-spacing":"-0.4px","--button-size":"28px","--button-border-color-hover":"var(--color-coat-of-arms)","--content-font-color":"var(--color-black-90)","--content-font-size":"var(--fontsize-body-m)","--content-line-height":"var(--lineheight-l)"}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Accordion__WEBPACK_IMPORTED_MODULE_2__.U,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{card:!0,style:{maxWidth:"360px",marginTop:"var(--spacing-s)"},theme:{"--background-color":"var(--color-bus)","--padding-horizontal":"var(--spacing-m)","--padding-vertical":"20px","--header-font-color":"var(--color-white)","--header-font-size":"var(--fontsize-heading-s)","--header-font-weight":"500","--header-letter-spacing":"0.2px","--header-line-height":"1.4","--button-size":"28px","--button-border-color-hover":"var(--color-white)","--content-font-color":"var(--color-white)","--content-font-size":"var(--fontsize-body-m)","--content-line-height":"var(--lineheight-l)"}}))]})};CustomTheme.storyName="Custom theme",CustomTheme.args={style:{marginBottom:"var(--spacing-m)",maxWidth:"480px"}};var CustomAccordion=function CustomAccordion(){var _useAccordion=(0,_useAccordion__WEBPACK_IMPORTED_MODULE_4__.A)({initiallyOpen:!1}),isOpen=_useAccordion.isOpen,buttonProps=_useAccordion.buttonProps,contentProps=_useAccordion.contentProps,icon=isOpen?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_5__.IconAngleUp,{"aria-hidden":!0}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_6__.IconAngleDown,{"aria-hidden":!0});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_7__.z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({iconLeft:icon},buttonProps),{},{children:"Advanced filters"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_card__WEBPACK_IMPORTED_MODULE_8__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({border:!0,"aria-label":"Advanced filters",style:{marginTop:"var(--spacing-m)"}},contentProps),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_dropdown_select__WEBPACK_IMPORTED_MODULE_9__.Ph,{multiselect:!0,label:"Filter by event category",placeholder:"No selected categories",options:[{label:"Culture & arts"},{label:"Sports"},{label:"Museums"},{label:"Music"}],clearButtonAriaLabel:"Clear all selections",selectedItemRemoveButtonAriaLabel:"Remove"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_dropdown_select__WEBPACK_IMPORTED_MODULE_9__.Ph,{multiselect:!0,label:"Filter by event location",placeholder:"No selected locations",options:[{label:"Haaga"},{label:"Herttoniemi"},{label:"Kallio"},{label:"Kamppi"},{label:"Laajasalo"},{label:"Lauttasaari"},{label:"Mellunkylä"},{label:"Pasila"}],clearButtonAriaLabel:"Clear all selections",selectedItemRemoveButtonAriaLabel:"Remove",style:{marginTop:"var(--spacing-s)"}})]}))]})};CustomAccordion.storyName="Custom accordion",CustomAccordion.args={},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Default.parameters),Small.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => '}},Small.parameters),Medium.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => '}},Medium.parameters),Large.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => '}},Large.parameters),WithoutCloseButton.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},WithoutCloseButton.parameters),StackedAccordionCards.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n <>\n

Stacked Accordions in Cards

\n \n \n \n \n)"}},StackedAccordionCards.parameters),InitiallyOpen.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},InitiallyOpen.parameters),CardAccordion.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => (\n <>\n

Card

\n \n

Small card with border

\n \n

Medium card with border

\n \n

Large card with border

\n \n \n)'}},CardAccordion.parameters),CustomTheme.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n <>\n \n \n \n)"}},CustomTheme.parameters),CustomAccordion.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => {\n const { isOpen, buttonProps, contentProps } = useAccordion({ initiallyOpen: false });\n const icon = isOpen ? : ;\n return (\n <>\n \n \n \n \n \n \n );\n}"}},CustomAccordion.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/accordion/Accordion.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Small.displayName="Small",Small.__docgenInfo={description:"",displayName:"Small",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#Small"]={docgenInfo:Small.__docgenInfo,name:"Small",path:"src/components/accordion/Accordion.stories.tsx#Small"})}catch(__react_docgen_typescript_loader_error){}try{Medium.displayName="Medium",Medium.__docgenInfo={description:"",displayName:"Medium",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#Medium"]={docgenInfo:Medium.__docgenInfo,name:"Medium",path:"src/components/accordion/Accordion.stories.tsx#Medium"})}catch(__react_docgen_typescript_loader_error){}try{Large.displayName="Large",Large.__docgenInfo={description:"",displayName:"Large",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#Large"]={docgenInfo:Large.__docgenInfo,name:"Large",path:"src/components/accordion/Accordion.stories.tsx#Large"})}catch(__react_docgen_typescript_loader_error){}try{WithoutCloseButton.displayName="WithoutCloseButton",WithoutCloseButton.__docgenInfo={description:"",displayName:"WithoutCloseButton",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#WithoutCloseButton"]={docgenInfo:WithoutCloseButton.__docgenInfo,name:"WithoutCloseButton",path:"src/components/accordion/Accordion.stories.tsx#WithoutCloseButton"})}catch(__react_docgen_typescript_loader_error){}try{StackedAccordionCards.displayName="StackedAccordionCards",StackedAccordionCards.__docgenInfo={description:"",displayName:"StackedAccordionCards",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#StackedAccordionCards"]={docgenInfo:StackedAccordionCards.__docgenInfo,name:"StackedAccordionCards",path:"src/components/accordion/Accordion.stories.tsx#StackedAccordionCards"})}catch(__react_docgen_typescript_loader_error){}try{InitiallyOpen.displayName="InitiallyOpen",InitiallyOpen.__docgenInfo={description:"",displayName:"InitiallyOpen",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#InitiallyOpen"]={docgenInfo:InitiallyOpen.__docgenInfo,name:"InitiallyOpen",path:"src/components/accordion/Accordion.stories.tsx#InitiallyOpen"})}catch(__react_docgen_typescript_loader_error){}try{CardAccordion.displayName="CardAccordion",CardAccordion.__docgenInfo={description:"",displayName:"CardAccordion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#CardAccordion"]={docgenInfo:CardAccordion.__docgenInfo,name:"CardAccordion",path:"src/components/accordion/Accordion.stories.tsx#CardAccordion"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/accordion/Accordion.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/breadcrumb/Breadcrumb.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,ExampleInHeader:()=>ExampleInHeader,LastItemIsLink:()=>LastItemIsLink,WithCustomTheme:()=>WithCustomTheme,default:()=>Breadcrumb_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),Header=__webpack_require__("./src/components/header/Header.tsx");__webpack_require__("./src/styles/base.css");const Breadcrumb_module_breadcrumb="Breadcrumb_breadcrumb__NEAtt breadcrumb_hds-breadcrumb__BNF6h",Breadcrumb_module_list="Breadcrumb_list__pqona breadcrumb_hds-breadcrumb__list__nNYQO",Breadcrumb_module_mobileList="Breadcrumb_mobileList__SHEas breadcrumb_hds-breadcrumb__list--mobile__2nBYy",Breadcrumb_module_desktopList="Breadcrumb_desktopList__cTrSq breadcrumb_hds-breadcrumb__list--desktop__qOClY",Breadcrumb_module_listItem="Breadcrumb_listItem__PEj7D breadcrumb_hds-breadcrumb__list-item__sW6ea",Breadcrumb_module_activeListItem="Breadcrumb_activeListItem__KFhJD breadcrumb_hds-breadcrumb__list-item--active__1MDtT",Breadcrumb_module_link="Breadcrumb_link__xYu7s breadcrumb_hds-breadcrumb__link__fQvLu",Breadcrumb_module_backArrow="Breadcrumb_backArrow__YGO5y breadcrumb_hds-breadcrumb__back-arrow__O69Ux",Breadcrumb_module_separator="Breadcrumb_separator__CX0dM breadcrumb_hds-breadcrumb__separator__7os0V";var Link=__webpack_require__("./src/components/link/Link.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),LinkItem=function LinkItem(_ref){var item=_ref.item;return(0,jsx_runtime.jsx)(Link.r,{href:item.path,className:Breadcrumb_module_link,children:item.title})},Separator=function Separator(_ref2){var _ref2$direction=_ref2.direction,isRightArrow="right"===(void 0===_ref2$direction?"right":_ref2$direction),IconComponent=isRightArrow?IconAngleRight.IconAngleRight:IconAngleLeft.IconAngleLeft,classList=isRightArrow?Breadcrumb_module_separator:Breadcrumb_module_backArrow,size=isRightArrow?"xs":"s";return(0,jsx_runtime.jsx)("span",{className:classList,"aria-hidden":!0,children:(0,jsx_runtime.jsx)(IconComponent,{size})})},BreadcrumbItem=function BreadcrumbItem(_ref3){var item=_ref3.item,showSeparator=_ref3.showSeparator,hasPath=null!==item.path;return(0,jsx_runtime.jsxs)("li",{className:Breadcrumb_module_listItem,children:[hasPath?(0,jsx_runtime.jsx)(LinkItem,{item}):(0,jsx_runtime.jsx)("span",{"aria-current":!0,className:Breadcrumb_module_activeListItem,children:item.title}),showSeparator&&(0,jsx_runtime.jsx)(Separator,{},"separator-".concat(item.title))]})},MobileView=function MobileView(_ref4){var item=_ref4.item;return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Breadcrumb_module_list,Breadcrumb_module_mobileList),children:[(0,jsx_runtime.jsx)(Separator,{direction:"left"}),(0,jsx_runtime.jsx)(LinkItem,{item})]})},DesktopListView=function DesktopListView(_ref5){var list=_ref5.list;return(0,jsx_runtime.jsx)("ol",{className:(0,classNames.Z)(Breadcrumb_module_list,Breadcrumb_module_desktopList),children:list.map((function(item,index){return(0,jsx_runtime.jsx)(react.Fragment,{children:(0,jsx_runtime.jsx)(BreadcrumbItem,{item,showSeparator:index element",name:"ariaLabel",required:!0,type:{name:"string"}},list:{defaultValue:null,description:"Array of items that should be shown in the breadcrumb.",name:"list",required:!0,type:{name:"BreadcrumbListItem[]"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"BreadcrumbCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/breadcrumb/Breadcrumb.tsx#Breadcrumb"]={docgenInfo:Breadcrumb.__docgenInfo,name:"Breadcrumb",path:"src/components/breadcrumb/Breadcrumb.tsx#Breadcrumb"})}catch(__react_docgen_typescript_loader_error){}const Breadcrumb_stories={component:Breadcrumb,title:"Components/Breadcrumb",parameters:{storySource:{source:"import React from 'react';\n\nimport { Header } from '../header/Header';\nimport { Breadcrumb } from './Breadcrumb';\n\nexport default {\n component: Breadcrumb,\n title: 'Components/Breadcrumb',\n parameters: {\n controls: { expanded: true },\n },\n args: {\n ariaLabel: 'Breadcrumb',\n list: [\n { title: 'Front page', path: '/' },\n { title: 'Health and social services', path: '/path' },\n { title: 'Senior services ', path: '/path/2ndLevelPath' },\n { title: 'Informal care', path: '/path/2ndLevelPath/3rdLevelPath' },\n { title: 'Care options', path: null },\n ],\n },\n};\n\nexport const Example = (args) => ;\n\nexport const ExampleInHeader = (args) => {\n return (\n
\n \n \n event.preventDefault()}\n active\n dropdownLinks={[\n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n \n \n \n
\n );\n};\n\nExampleInHeader.storyName = 'Breadcrumb in header';\n\nexport const LastItemIsLink = (args) => (\n \n);\n\nLastItemIsLink.storyName = 'Last item a link';\n\nexport const WithCustomTheme = (args) => (\n \n);\n\nWithCustomTheme.storyName = 'With custom theme';\n",locationsMap:{example:{startLoc:{col:23,line:24},endLoc:{col:57,line:24},startBody:{col:23,line:24},endBody:{col:57,line:24}},"example-in-header":{startLoc:{col:31,line:26},endLoc:{col:1,line:70},startBody:{col:31,line:26},endBody:{col:1,line:70}},"last-item-is-link":{startLoc:{col:30,line:74},endLoc:{col:1,line:85},startBody:{col:30,line:74},endBody:{col:1,line:85}},"with-custom-theme":{startLoc:{col:31,line:89},endLoc:{col:1,line:99},startBody:{col:31,line:89},endBody:{col:1,line:99}}}},controls:{expanded:!0}},args:{ariaLabel:"Breadcrumb",list:[{title:"Front page",path:"/"},{title:"Health and social services",path:"/path"},{title:"Senior services ",path:"/path/2ndLevelPath"},{title:"Informal care",path:"/path/2ndLevelPath/3rdLevelPath"},{title:"Care options",path:null}]}};var Example=function Example(args){return(0,jsx_runtime.jsx)(Breadcrumb,(0,objectSpread2.Z)({},args))},ExampleInHeader=function ExampleInHeader(args){return(0,jsx_runtime.jsxs)(Header.h,{children:[(0,jsx_runtime.jsx)(Header.h.UniversalBar,{primaryLinkText:"Helsingin kaupunki",primaryLinkHref:"#"}),(0,jsx_runtime.jsxs)(Header.h.NavigationMenu,{children:[(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Health and social services",onClick:function onClick(event){return event.preventDefault()},active:!0,dropdownLinks:[(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Senior services",active:!0,dropdownLinks:[(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Informal care",active:!0}),(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Senior centres"}),(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Home care"})]}),(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Data and the rights of the client",dropdownLinks:[(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Requesting client data"}),(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Fees"})]})]}),(0,jsx_runtime.jsx)(Header.h.NavigationLink,{href:"#",label:"Child and family services"})]}),(0,jsx_runtime.jsx)(Breadcrumb,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{theme:{"--horizontal-margin-small":"0","--horizontal-margin-medium":"var(--spacing-m)","--horizontal-margin-large":"var(--spacing-xs)","--horizontal-margin-x-large":"var(--spacing-xs)"}}))]})};ExampleInHeader.storyName="Breadcrumb in header";var LastItemIsLink=function LastItemIsLink(args){return(0,jsx_runtime.jsx)(Breadcrumb,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{list:[{title:"Front page",path:"/"},{title:"Health and social services",path:"/path"},{title:"Senior services ",path:"/path/2ndLevelPath"},{title:"Informal care",path:"/path/2ndLevelPath/3rdLevelPath"},{title:"Care options",path:"/path/2ndLevelPath/3rdLevelPath/currentPage"}]}))};LastItemIsLink.storyName="Last item a link";var WithCustomTheme=function WithCustomTheme(args){return(0,jsx_runtime.jsx)(Breadcrumb,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{theme:{"--horizontal-margin-small":"var(--spacing-layout-s)","--horizontal-margin-medium":"var(--spacing-layout-m)","--horizontal-margin-large":"var(--spacing-layout-l)","--horizontal-margin-x-large":"var(--spacing-layout-xl)"}}))};WithCustomTheme.storyName="With custom theme",Example.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},Example.parameters),ExampleInHeader.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n event.preventDefault()}\n active\n dropdownLinks={[\n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n \n \n \n
\n );\n}'}},ExampleInHeader.parameters),LastItemIsLink.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => (\n \n)"}},LastItemIsLink.parameters),WithCustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => (\n \n)"}},WithCustomTheme.parameters);try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/breadcrumb/Breadcrumb.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"src/components/breadcrumb/Breadcrumb.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}try{ExampleInHeader.displayName="ExampleInHeader",ExampleInHeader.__docgenInfo={description:"",displayName:"ExampleInHeader",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/breadcrumb/Breadcrumb.stories.tsx#ExampleInHeader"]={docgenInfo:ExampleInHeader.__docgenInfo,name:"ExampleInHeader",path:"src/components/breadcrumb/Breadcrumb.stories.tsx#ExampleInHeader"})}catch(__react_docgen_typescript_loader_error){}try{LastItemIsLink.displayName="LastItemIsLink",LastItemIsLink.__docgenInfo={description:"",displayName:"LastItemIsLink",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/breadcrumb/Breadcrumb.stories.tsx#LastItemIsLink"]={docgenInfo:LastItemIsLink.__docgenInfo,name:"LastItemIsLink",path:"src/components/breadcrumb/Breadcrumb.stories.tsx#LastItemIsLink"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomTheme.displayName="WithCustomTheme",WithCustomTheme.__docgenInfo={description:"",displayName:"WithCustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/breadcrumb/Breadcrumb.stories.tsx#WithCustomTheme"]={docgenInfo:WithCustomTheme.__docgenInfo,name:"WithCustomTheme",path:"src/components/breadcrumb/Breadcrumb.stories.tsx#WithCustomTheme"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/button/Button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FullWidth:()=>FullWidth,Icons:()=>Icons,LinkButton:()=>LinkButton,Loading:()=>Loading,LoadingOnClick:()=>LoadingOnClick,Playground:()=>Playground,Primary:()=>Primary,Secondary:()=>Secondary,Small:()=>Small,Supplementary:()=>Supplementary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/icons/IconTrash.tsx"),_icons__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icons/IconShare.tsx"),_icons__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/IconAngleRight.tsx"),_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/icons/IconFaceSmile.tsx"),_Button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["label","variant","theme","size","disabled","fullWidth","iconLeft","iconRight","isLoading","loadingText"],onClick=(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("button-click");const __WEBPACK_DEFAULT_EXPORT__={component:_Button__WEBPACK_IMPORTED_MODULE_4__.z,title:"Components/Button",parameters:{storySource:{source:"import React, { useEffect, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { IconShare, IconAngleRight, IconFaceSmile, IconTrash } from '../../icons';\nimport { Button } from './Button';\n\nconst onClick = action('button-click');\n\nexport default {\n component: Button,\n title: 'Components/Button',\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props\n \n \n \n ),\n },\n },\n};\n\nexport const Primary = () => ;\n\nexport const Secondary = () => (\n \n);\n\nexport const Supplementary = () => (\n \n);\n\nexport const Small = () => (\n \n);\n\nexport const FullWidth = () => (\n \n);\nFullWidth.storyName = 'Full width';\n\nexport const Icons = () => (\n <>\n \n\n
\n
\n\n \n\n
\n
\n\n \n \n);\n\nexport const Loading = () => (\n \n);\n\nexport const LoadingOnClick = (args) => {\n const [isLoading, setIsLoading] = useState(false);\n const onButtonClick: React.MouseEventHandler = () => {\n setIsLoading(true);\n };\n useEffect(() => {\n let timeout;\n if (isLoading) {\n timeout = setTimeout(() => {\n setIsLoading(false);\n }, 5000);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [isLoading]);\n return (\n : undefined }}\n onClick={onButtonClick}\n isLoading={isLoading}\n loadingText=\"Saving your changes\"\n >\n Button\n \n );\n};\nLoadingOnClick.args = {\n variant: 'primary',\n};\n\nexport const Playground = ({\n label,\n variant,\n theme,\n size,\n disabled,\n fullWidth,\n iconLeft,\n iconRight,\n isLoading,\n loadingText,\n ...args\n}) => {\n return (\n : null}\n iconRight={iconRight ? : null}\n isLoading={isLoading}\n loadingText={loadingText}\n {...args}\n >\n {label}\n \n );\n};\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n label: 'Button',\n variant: 'primary',\n theme: 'default',\n size: 'default',\n disabled: false,\n fullWidth: false,\n iconLeft: false,\n iconRight: false,\n isLoading: false,\n loadingText: 'Saving your changes',\n};\n\nPlayground.argTypes = {\n variant: {\n options: ['primary', 'secondary', 'supplementary', 'success', 'danger'],\n control: { type: 'radio' },\n },\n theme: {\n options: ['default', 'coat', 'black'],\n control: { type: 'radio' },\n },\n size: {\n options: ['default', 'small'],\n control: { type: 'radio' },\n },\n};\n\nexport const LinkButton = () => (\n {\n window.open('/');\n }}\n role=\"link\"\n >\n Button used as a link\n \n);\n",locationsMap:{primary:{startLoc:{col:23,line:27},endLoc:{col:70,line:27},startBody:{col:23,line:27},endBody:{col:70,line:27}},secondary:{startLoc:{col:25,line:29},endLoc:{col:1,line:33},startBody:{col:25,line:29},endBody:{col:1,line:33}},supplementary:{startLoc:{col:29,line:35},endLoc:{col:1,line:39},startBody:{col:29,line:35},endBody:{col:1,line:39}},small:{startLoc:{col:21,line:41},endLoc:{col:1,line:45},startBody:{col:21,line:41},endBody:{col:1,line:45}},"full-width":{startLoc:{col:25,line:47},endLoc:{col:1,line:51},startBody:{col:25,line:47},endBody:{col:1,line:51}},icons:{startLoc:{col:21,line:54},endLoc:{col:1,line:74},startBody:{col:21,line:54},endBody:{col:1,line:74}},loading:{startLoc:{col:23,line:76},endLoc:{col:1,line:80},startBody:{col:23,line:76},endBody:{col:1,line:80}},"loading-on-click":{startLoc:{col:30,line:82},endLoc:{col:1,line:108},startBody:{col:30,line:82},endBody:{col:1,line:108}},playground:{startLoc:{col:26,line:113},endLoc:{col:1,line:142},startBody:{col:26,line:113},endBody:{col:1,line:142}},"link-button":{startLoc:{col:26,line:182},endLoc:{col:1,line:191},startBody:{col:26,line:182},endBody:{col:1,line:191}}}},controls:{hideNoControlsWarning:!0},docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Examples",includePrimary:!0})]})}}}};var Primary=function Primary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,children:"Button"})},Secondary=function Secondary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,variant:"secondary",children:"Button"})},Supplementary=function Supplementary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,variant:"supplementary",iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_5__.IconTrash,{}),children:"Button"})},Small=function Small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,size:"small",children:"Button"})},FullWidth=function FullWidth(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,fullWidth:!0,children:"Button"})};FullWidth.storyName="Full width";var Icons=function Icons(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_6__.IconShare,{}),children:"Button"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,iconRight:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_7__.IconAngleRight,{}),children:"Button"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick,iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_6__.IconShare,{}),iconRight:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_7__.IconAngleRight,{}),children:"Button"})]})},Loading=function Loading(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{isLoading:!0,loadingText:"Saving your changes",children:"Button"})},LoadingOnClick=function LoadingOnClick(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState,2),isLoading=_useState2[0],setIsLoading=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var timeout;return isLoading&&(timeout=setTimeout((function(){setIsLoading(!1)}),5e3)),function(){clearTimeout(timeout)}}),[isLoading]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},args),{},{iconLeft:"supplementary"===args.variant?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_5__.IconTrash,{}):void 0})),{},{onClick:function onButtonClick(){setIsLoading(!0)},isLoading,loadingText:"Saving your changes",children:"Button"}))};LoadingOnClick.args={variant:"primary"};var Playground=function Playground(_ref){var label=_ref.label,variant=_ref.variant,theme=_ref.theme,size=_ref.size,disabled=_ref.disabled,fullWidth=_ref.fullWidth,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,isLoading=_ref.isLoading,loadingText=_ref.loadingText,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_10__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({variant,theme,disabled,fullWidth,size,iconLeft:iconLeft?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconFaceSmile,{}):null,iconRight:iconRight?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconFaceSmile,{}):null,isLoading,loadingText},args),{},{children:label}))};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={label:"Button",variant:"primary",theme:"default",size:"default",disabled:!1,fullWidth:!1,iconLeft:!1,iconRight:!1,isLoading:!1,loadingText:"Saving your changes"},Playground.argTypes={variant:{options:["primary","secondary","supplementary","success","danger"],control:{type:"radio"}},theme:{options:["default","coat","black"],control:{type:"radio"}},size:{options:["default","small"],control:{type:"radio"}}};var LinkButton=function LinkButton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_4__.z,{onClick:function onClick(){window.open("/")},role:"link",children:"Button used as a link"})};Primary.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:"() => "}},Primary.parameters),Secondary.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:'() => (\n \n)'}},Secondary.parameters),Supplementary.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:'() => (\n \n)'}},Supplementary.parameters),Small.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:'() => (\n \n)'}},Small.parameters),FullWidth.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:"() => (\n \n)"}},FullWidth.parameters),Icons.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:"() => (\n <>\n \n\n
\n
\n\n \n\n
\n
\n\n \n \n)"}},Icons.parameters),Loading.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:'() => (\n \n)'}},Loading.parameters),LoadingOnClick.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:"(args) => {\n const [isLoading, setIsLoading] = useState(false);\n const onButtonClick: React.MouseEventHandler = () => {\n setIsLoading(true);\n };\n useEffect(() => {\n let timeout;\n if (isLoading) {\n timeout = setTimeout(() => {\n setIsLoading(false);\n }, 5000);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [isLoading]);\n return (\n : undefined }}\n onClick={onButtonClick}\n isLoading={isLoading}\n loadingText=\"Saving your changes\"\n >\n Button\n \n );\n}"}},LoadingOnClick.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:"({\n label,\n variant,\n theme,\n size,\n disabled,\n fullWidth,\n iconLeft,\n iconRight,\n isLoading,\n loadingText,\n ...args\n}) => {\n return (\n : null}\n iconRight={iconRight ? : null}\n isLoading={isLoading}\n loadingText={loadingText}\n {...args}\n >\n {label}\n \n );\n}"}},Playground.parameters),LinkButton.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_9__.Z)({storySource:{source:"() => (\n {\n window.open('/');\n }}\n role=\"link\"\n >\n Button used as a link\n \n)"}},LinkButton.parameters);try{LoadingOnClick.displayName="LoadingOnClick",LoadingOnClick.__docgenInfo={description:"",displayName:"LoadingOnClick",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/Button.stories.tsx#LoadingOnClick"]={docgenInfo:LoadingOnClick.__docgenInfo,name:"LoadingOnClick",path:"src/components/button/Button.stories.tsx#LoadingOnClick"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"any"}},variant:{defaultValue:null,description:"",name:"variant",required:!0,type:{name:"any"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"any"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"any"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"any"}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!0,type:{name:"any"}},iconLeft:{defaultValue:null,description:"",name:"iconLeft",required:!0,type:{name:"any"}},iconRight:{defaultValue:null,description:"",name:"iconRight",required:!0,type:{name:"any"}},isLoading:{defaultValue:null,description:"",name:"isLoading",required:!0,type:{name:"any"}},loadingText:{defaultValue:null,description:"",name:"loadingText",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/Button.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/button/Button.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/card/Card.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Empty:()=>Empty,TextHeading:()=>TextHeading,WithBorder:()=>WithBorder,WithBoxShadow:()=>WithBoxShadow,WithCustomTheme:()=>WithCustomTheme,WithOtherComponents:()=>WithOtherComponents,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Card__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/card/Card.tsx")),_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Card__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Components/Card",parameters:{storySource:{source:"import React from 'react';\n\nimport { Card } from './Card';\nimport { Button } from '../button';\n\nexport default {\n component: Card,\n title: 'Components/Card',\n parameters: {\n controls: { expanded: true },\n },\n};\n\nexport const Empty = (args) => ;\n\nexport const WithBorder = (args) => ;\nWithBorder.storyName = 'With border';\nWithBorder.args = {\n border: true,\n};\n\nexport const WithBoxShadow = (args) => ;\nWithBoxShadow.storyName = 'With box shadow';\nWithBoxShadow.args = {\n boxShadow: true,\n};\n\nexport const TextHeading = (args) => ;\nTextHeading.storyName = 'With text & heading';\nTextHeading.args = {\n heading: 'Card',\n text:\n 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n};\n\nexport const WithOtherComponents = (args) => (\n \n \n \n);\nWithOtherComponents.storyName = 'With other components';\nWithOtherComponents.args = {\n heading: 'Card',\n text:\n 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n};\n\nexport const WithCustomTheme = (args) => ;\nWithCustomTheme.storyName = 'With custom theme';\nWithCustomTheme.args = {\n border: true,\n heading: 'Card',\n text:\n 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n theme: {\n '--background-color': 'var(--color-white)',\n '--border-color': 'var(--color-black-90)',\n '--border-width': '2px',\n '--color': 'var(--color-black-90)',\n '--padding-horizontal': 'var(--spacing-l)',\n '--padding-vertical': 'var(--spacing-m)',\n },\n};\n",locationsMap:{empty:{startLoc:{col:21,line:14},endLoc:{col:49,line:14},startBody:{col:21,line:14},endBody:{col:49,line:14}},"with-border":{startLoc:{col:26,line:16},endLoc:{col:54,line:16},startBody:{col:26,line:16},endBody:{col:54,line:16}},"with-box-shadow":{startLoc:{col:29,line:22},endLoc:{col:57,line:22},startBody:{col:29,line:22},endBody:{col:57,line:22}},"text-heading":{startLoc:{col:27,line:28},endLoc:{col:55,line:28},startBody:{col:27,line:28},endBody:{col:55,line:28}},"with-other-components":{startLoc:{col:35,line:36},endLoc:{col:1,line:42},startBody:{col:35,line:36},endBody:{col:1,line:42}},"with-custom-theme":{startLoc:{col:31,line:50},endLoc:{col:59,line:50},startBody:{col:31,line:50},endBody:{col:59,line:50}}}},controls:{expanded:!0}}};var Empty=function Empty(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))},WithBorder=function WithBorder(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithBorder.storyName="With border",WithBorder.args={border:!0};var WithBoxShadow=function WithBoxShadow(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithBoxShadow.storyName="With box shadow",WithBoxShadow.args={boxShadow:!0};var TextHeading=function TextHeading(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};TextHeading.storyName="With text & heading",TextHeading.args={heading:"Card",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."};var WithOtherComponents=function WithOtherComponents(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_4__.z,{variant:"secondary",theme:"black",role:"link",children:"Button"})}))};WithOtherComponents.storyName="With other components",WithOtherComponents.args={heading:"Card",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."};var WithCustomTheme=function WithCustomTheme(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithCustomTheme.storyName="With custom theme",WithCustomTheme.args={border:!0,heading:"Card",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",theme:{"--background-color":"var(--color-white)","--border-color":"var(--color-black-90)","--border-width":"2px","--color":"var(--color-black-90)","--padding-horizontal":"var(--spacing-l)","--padding-vertical":"var(--spacing-m)"}},Empty.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Empty.parameters),WithBorder.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},WithBorder.parameters),WithBoxShadow.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},WithBoxShadow.parameters),TextHeading.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},TextHeading.parameters),WithOtherComponents.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => (\n \n \n \n)'}},WithOtherComponents.parameters),WithCustomTheme.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},WithCustomTheme.parameters);try{Empty.displayName="Empty",Empty.__docgenInfo={description:"",displayName:"Empty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.stories.tsx#Empty"]={docgenInfo:Empty.__docgenInfo,name:"Empty",path:"src/components/card/Card.stories.tsx#Empty"})}catch(__react_docgen_typescript_loader_error){}try{WithBorder.displayName="WithBorder",WithBorder.__docgenInfo={description:"",displayName:"WithBorder",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.stories.tsx#WithBorder"]={docgenInfo:WithBorder.__docgenInfo,name:"WithBorder",path:"src/components/card/Card.stories.tsx#WithBorder"})}catch(__react_docgen_typescript_loader_error){}try{WithBoxShadow.displayName="WithBoxShadow",WithBoxShadow.__docgenInfo={description:"",displayName:"WithBoxShadow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.stories.tsx#WithBoxShadow"]={docgenInfo:WithBoxShadow.__docgenInfo,name:"WithBoxShadow",path:"src/components/card/Card.stories.tsx#WithBoxShadow"})}catch(__react_docgen_typescript_loader_error){}try{TextHeading.displayName="TextHeading",TextHeading.__docgenInfo={description:"",displayName:"TextHeading",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.stories.tsx#TextHeading"]={docgenInfo:TextHeading.__docgenInfo,name:"TextHeading",path:"src/components/card/Card.stories.tsx#TextHeading"})}catch(__react_docgen_typescript_loader_error){}try{WithOtherComponents.displayName="WithOtherComponents",WithOtherComponents.__docgenInfo={description:"",displayName:"WithOtherComponents",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.stories.tsx#WithOtherComponents"]={docgenInfo:WithOtherComponents.__docgenInfo,name:"WithOtherComponents",path:"src/components/card/Card.stories.tsx#WithOtherComponents"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomTheme.displayName="WithCustomTheme",WithCustomTheme.__docgenInfo={description:"",displayName:"WithCustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.stories.tsx#WithCustomTheme"]={docgenInfo:WithCustomTheme.__docgenInfo,name:"WithCustomTheme",path:"src/components/card/Card.stories.tsx#WithCustomTheme"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/checkbox/Checkbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Custom:()=>Custom,Default:()=>Default,Disabled:()=>Disabled,GroupWithParent:()=>GroupWithParent,Indeterminate:()=>Indeterminate,Invalid:()=>Invalid,Playground:()=>Playground,Selected:()=>Selected,SelectedDisabled:()=>SelectedDisabled,WithHelperText:()=>WithHelperText,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Checkbox__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/checkbox/Checkbox.tsx"),_fieldset__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/fieldset/Fieldset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,title:"Components/Checkbox",parameters:{storySource:{source:"import React, { useReducer, useState } from 'react';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { Checkbox } from './Checkbox';\nimport { Fieldset } from '../fieldset';\n\nexport default {\n component: Checkbox,\n title: 'Components/Checkbox',\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props\n \n \n \n ),\n },\n },\n};\n\nexport const Default = () => ;\n\nexport const Selected = () => ;\n\nexport const Indeterminate = () => (\n event.preventDefault()} />\n);\n\nexport const Disabled = () => ;\n\nexport const Invalid = () => ;\n\nexport const WithHelperText = () => ;\n\nexport const WithTooltip = (args) => ;\nWithTooltip.args = {\n label: 'label',\n tooltipText: 'tooltip text',\n tooltipLabel: 'tooltip text aria label',\n tooltipButtonLabel: 'tooltip button aria label',\n};\n\nexport const SelectedDisabled = () => ;\nSelectedDisabled.storyName = 'Selected & disabled';\n\nexport const Custom = () => {\n const [checked, setChecked] = useState(false);\n const customStyles = {\n '--size': '40px',\n '--icon-scale': 0.6,\n '--border-width': '3px',\n '--outline-width': '4px',\n '--background-selected': 'var(--color-success)',\n '--background-hover': 'var(--color-success-dark)',\n '--border-color-selected': 'var(--color-success)',\n '--border-color-selected-hover': 'var(--color-success-dark)',\n '--border-color-selected-focus': 'var(--color-success)',\n '--focus-outline-color': 'var(--color-black-20)',\n } as React.CSSProperties;\n return (\n setChecked(!checked)}\n />\n );\n};\nCustom.storyName = 'With custom styles';\n\nexport const GroupWithParent = () => {\n enum CheckboxState {\n checked,\n unchecked,\n indeterminate,\n }\n\n const areAllChecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 4;\n };\n\n const areAllUnchecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 1;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'check': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.checked,\n checkbox1: CheckboxState.checked,\n checkbox2: CheckboxState.checked,\n checkbox3: CheckboxState.checked,\n checkbox4: CheckboxState.checked,\n checkbox5: CheckboxState.checked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.checked,\n controllerCheckbox: areAllChecked(state) ? CheckboxState.checked : CheckboxState.indeterminate,\n };\n }\n case 'uncheck': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.unchecked,\n controllerCheckbox: areAllUnchecked(state) ? CheckboxState.unchecked : CheckboxState.indeterminate,\n };\n }\n default:\n throw new Error();\n }\n };\n\n const initialState = {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return (\n
\n {\n if (\n state.controllerCheckbox === CheckboxState.unchecked ||\n state.controllerCheckbox === CheckboxState.indeterminate\n ) {\n dispatch({ type: 'check', payload: 'controllerCheckbox' });\n } else {\n dispatch({ type: 'uncheck', payload: 'controllerCheckbox' });\n }\n }}\n />\n
    \n {Object.entries(state).map((entry) => {\n if (entry[0] === 'controllerCheckbox') {\n return null;\n }\n return (\n
  • \n {\n if (entry[1] === CheckboxState.unchecked) {\n dispatch({ type: 'check', payload: entry[0] });\n } else {\n dispatch({ type: 'uncheck', payload: entry[0] });\n }\n }}\n />\n
  • \n );\n })}\n
\n
\n );\n};\n\nGroupWithParent.storyName = 'Group with a parent';\n\nexport const Playground = (args) => {\n const [checkedItems, setCheckedItems] = useState({});\n const options = ['Option 1', 'Option 2', 'Option 3'];\n\n const handleChange = (e) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n\n const [indeterminateState, setIndeterminateState] = useState('indeterminate');\n\n const handleIndeterminateChange = () => {\n if (indeterminateState === 'indeterminate') {\n setIndeterminateState('checked');\n } else if (indeterminateState === 'checked') {\n setIndeterminateState('unchecked');\n } else {\n setIndeterminateState('indeterminate');\n }\n };\n\n const styles = {\n '--size': `${args.size}px`,\n '--icon-scale': args.iconScale,\n '--border-width': `${args.borderWidth}px`,\n '--outline-width': `${args.outlineWidth}px`,\n '--label-font-size': `${args.labelFontSize}px`,\n '--label-padding': `${args.labelPadding}px`,\n '--background-unselected': args.backgroundUnselected,\n '--background-selected': args.backgroundSelected,\n '--background-hover': args.backgroundHover,\n '--background-disabled': args.backgroundDisabled,\n '--border-color-selected': args.borderColorSelected,\n '--border-color-selected-hover': args.borderColorSelectedHover,\n '--border-color-selected-focus': args.borderColorSelectedFocus,\n '--border-color-unselected': args.borderColorUnselected,\n '--border-color-unselected-hover': args.borderColorUnselectedHover,\n '--border-color-unselected-focus': args.borderColorUnselectedFocus,\n '--border-color-disabled': args.borderColorDisabled,\n '--focus-outline-color': args.focusOutlineColor,\n '--icon-color-unselected': args.iconColorUnselected,\n '--icon-color-selected': args.iconColorSelected,\n '--icon-color-disabled': args.iconColorDisabled,\n '--label-color': args.labelColorDefault,\n '--label-color-disabled': args.labelColorDisabled,\n } as React.CSSProperties;\n\n return (\n <>\n {options.map((item) => (\n \n ))}\n \n \n \n \n );\n};\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n size: 24,\n iconScale: 1,\n borderWidth: 2,\n outlineWidth: 3,\n labelFontSize: 16,\n labelPadding: 8,\n backgroundUnselected: 'rgba(0, 0, 0, 0)',\n backgroundSelected: '#0000bf',\n backgroundHover: '#000098',\n backgroundDisabled: '#e5e5e5',\n borderColorSelected: '#0000bf',\n borderColorSelectedHover: '#000098',\n borderColorSelectedFocus: '#0000bf',\n borderColorUnselected: '#808080',\n borderColorUnselectedHover: '#1a1a1a',\n borderColorUnselectedFocus: '#000000',\n borderColorDisabled: '#e5e5e5',\n focusOutlineColor: '#0072c6',\n iconColorUnselected: 'rgba(0, 0, 0, 0)',\n iconColorSelected: '#ffffff',\n iconColorDisabled: '#ffffff',\n labelColorDefault: '#1a1a1a',\n labelColorDisabled: '#999898',\n};\n\nPlayground.argTypes = {\n size: {\n control: {\n type: 'range',\n min: 10,\n max: 100,\n step: 1,\n },\n },\n iconScale: {\n control: {\n type: 'range',\n min: 0.1,\n max: 1,\n step: 0.05,\n },\n },\n borderWidth: {\n control: {\n type: 'range',\n min: 1,\n max: 10,\n step: 1,\n },\n },\n outlineWidth: {\n control: {\n type: 'range',\n min: 1,\n max: 10,\n step: 1,\n },\n },\n labelFontSize: {\n control: {\n type: 'range',\n min: 12,\n max: 32,\n step: 1,\n },\n },\n labelPadding: {\n control: {\n type: 'range',\n min: 4,\n max: 32,\n step: 2,\n },\n },\n backgroundUnselected: { control: { type: 'color' } },\n backgroundSelected: { control: { type: 'color' } },\n backgroundHover: { control: { type: 'color' } },\n backgroundDisabled: { control: { type: 'color' } },\n borderColorSelected: { control: { type: 'color' } },\n borderColorSelectedHover: { control: { type: 'color' } },\n borderColorSelectedFocus: { control: { type: 'color' } },\n borderColorUnselected: { control: { type: 'color' } },\n borderColorUnselectedHover: { control: { type: 'color' } },\n borderColorUnselectedFocus: { control: { type: 'color' } },\n borderColorDisabled: { control: { type: 'color' } },\n focusOutlineColor: { control: { type: 'color' } },\n iconColorUnselected: { control: { type: 'color' } },\n iconColorSelected: { control: { type: 'color' } },\n iconColorDisabled: { control: { type: 'color' } },\n labelColorDefault: { control: { type: 'color' } },\n labelColorDisabled: { control: { type: 'color' } },\n};\n",locationsMap:{default:{startLoc:{col:23,line:24},endLoc:{col:68,line:24},startBody:{col:23,line:24},endBody:{col:68,line:24}},selected:{startLoc:{col:24,line:26},endLoc:{col:78,line:26},startBody:{col:24,line:26},endBody:{col:78,line:26}},indeterminate:{startLoc:{col:29,line:28},endLoc:{col:1,line:30},startBody:{col:29,line:28},endBody:{col:1,line:30}},disabled:{startLoc:{col:24,line:32},endLoc:{col:79,line:32},startBody:{col:24,line:32},endBody:{col:79,line:32}},invalid:{startLoc:{col:23,line:34},endLoc:{col:91,line:34},startBody:{col:23,line:34},endBody:{col:91,line:34}},"with-helper-text":{startLoc:{col:30,line:36},endLoc:{col:107,line:36},startBody:{col:30,line:36},endBody:{col:107,line:36}},"with-tooltip":{startLoc:{col:27,line:38},endLoc:{col:77,line:38},startBody:{col:27,line:38},endBody:{col:77,line:38}},"selected-disabled":{startLoc:{col:32,line:46},endLoc:{col:104,line:46},startBody:{col:32,line:46},endBody:{col:104,line:46}},custom:{startLoc:{col:22,line:49},endLoc:{col:1,line:72},startBody:{col:22,line:49},endBody:{col:1,line:72}},"group-with-parent":{startLoc:{col:31,line:75},endLoc:{col:1,line:207},startBody:{col:31,line:75},endBody:{col:1,line:207}},playground:{startLoc:{col:26,line:211},endLoc:{col:1,line:284},startBody:{col:26,line:211},endBody:{col:1,line:284}}}},controls:{hideNoControlsWarning:!0},docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Examples",includePrimary:!0})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"default",label:"Label"})},Selected=function Selected(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"selected",label:"Label",checked:!0})},Indeterminate=function Indeterminate(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"indeterminate",label:"Label",indeterminate:!0,onChange:function onChange(event){return event.preventDefault()}})},Disabled=function Disabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"disabled",label:"Label",disabled:!0})},Invalid=function Invalid(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"invalid",label:"Label",errorText:"Error text"})},WithHelperText=function WithHelperText(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"helper-text",label:"Label",helperText:"Assistive text"})},WithTooltip=function WithTooltip(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({id:"with-tooltip"},args))};WithTooltip.args={label:"label",tooltipText:"tooltip text",tooltipLabel:"tooltip text aria label",tooltipButtonLabel:"tooltip button aria label"};var SelectedDisabled=function SelectedDisabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"selected-disabled",label:"Label",checked:!0,disabled:!0})};SelectedDisabled.storyName="Selected & disabled";var Custom=function Custom(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState,2),checked=_useState2[0],setChecked=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"checkbox5",label:"Label",style:{"--size":"40px","--icon-scale":.6,"--border-width":"3px","--outline-width":"4px","--background-selected":"var(--color-success)","--background-hover":"var(--color-success-dark)","--border-color-selected":"var(--color-success)","--border-color-selected-hover":"var(--color-success-dark)","--border-color-selected-focus":"var(--color-success)","--focus-outline-color":"var(--color-black-20)"},checked,onChange:function onChange(){return setChecked(!checked)}})};Custom.storyName="With custom styles";var GroupWithParent=function GroupWithParent(){var CheckboxState=function(CheckboxState){return CheckboxState[CheckboxState.checked=0]="checked",CheckboxState[CheckboxState.unchecked=1]="unchecked",CheckboxState[CheckboxState.indeterminate=2]="indeterminate",CheckboxState}({}),initialState={controllerCheckbox:CheckboxState.unchecked,checkbox1:CheckboxState.unchecked,checkbox2:CheckboxState.unchecked,checkbox3:CheckboxState.unchecked,checkbox4:CheckboxState.unchecked,checkbox5:CheckboxState.unchecked},_useReducer=(0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)((function reducer(state,action){switch(action.type){case"check":var _objectSpread2;return"controllerCheckbox"===action.payload?{controllerCheckbox:CheckboxState.checked,checkbox1:CheckboxState.checked,checkbox2:CheckboxState.checked,checkbox3:CheckboxState.checked,checkbox4:CheckboxState.checked,checkbox5:CheckboxState.checked}:(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},state),{},(_objectSpread2={},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_objectSpread2,action.payload,CheckboxState.checked),(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_objectSpread2,"controllerCheckbox",function areAllChecked(state){var checkedCount=0;return Object.keys(state).forEach((function(key){"controllerCheckbox"!==key&&state[key]===CheckboxState.checked&&(checkedCount+=1)})),4===checkedCount}(state)?CheckboxState.checked:CheckboxState.indeterminate),_objectSpread2));case"uncheck":var _objectSpread3;return"controllerCheckbox"===action.payload?{controllerCheckbox:CheckboxState.unchecked,checkbox1:CheckboxState.unchecked,checkbox2:CheckboxState.unchecked,checkbox3:CheckboxState.unchecked,checkbox4:CheckboxState.unchecked,checkbox5:CheckboxState.unchecked}:(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},state),{},(_objectSpread3={},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_objectSpread3,action.payload,CheckboxState.unchecked),(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_objectSpread3,"controllerCheckbox",function areAllUnchecked(state){var checkedCount=0;return Object.keys(state).forEach((function(key){"controllerCheckbox"!==key&&state[key]===CheckboxState.checked&&(checkedCount+=1)})),1===checkedCount}(state)?CheckboxState.unchecked:CheckboxState.indeterminate),_objectSpread3));default:throw new Error}}),initialState),_useReducer2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_fieldset__WEBPACK_IMPORTED_MODULE_7__.p,{heading:"Group label *",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{"aria-controls":"checkbox1 checkbox2 checkbox3 checkbox4 checkbox5",id:"controllerCheckbox",label:"Label",indeterminate:state.controllerCheckbox===CheckboxState.indeterminate,checked:state.controllerCheckbox===CheckboxState.checked,style:{marginTop:"var(--spacing-xs)"},onChange:function onChange(){state.controllerCheckbox===CheckboxState.unchecked||state.controllerCheckbox===CheckboxState.indeterminate?dispatch({type:"check",payload:"controllerCheckbox"}):dispatch({type:"uncheck",payload:"controllerCheckbox"})}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("ul",{style:{marginLeft:"var(--spacing-s)",paddingInlineStart:"0"},children:Object.entries(state).map((function(entry){return"controllerCheckbox"===entry[0]?null:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li",{style:{marginTop:"var(--spacing-s)",listStyle:"none"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:entry[0],label:"Label",checked:entry[1]===CheckboxState.checked,onChange:function onChange(){entry[1]===CheckboxState.unchecked?dispatch({type:"check",payload:entry[0]}):dispatch({type:"uncheck",payload:entry[0]})}})},entry[0])}))})]})};GroupWithParent.storyName="Group with a parent";var Playground=function Playground(args){var _useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState3,2),checkedItems=_useState4[0],setCheckedItems=_useState4[1],handleChange=function handleChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},item,isChecked)))},_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("indeterminate"),_useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState5,2),indeterminateState=_useState6[0],setIndeterminateState=_useState6[1],styles={"--size":"".concat(args.size,"px"),"--icon-scale":args.iconScale,"--border-width":"".concat(args.borderWidth,"px"),"--outline-width":"".concat(args.outlineWidth,"px"),"--label-font-size":"".concat(args.labelFontSize,"px"),"--label-padding":"".concat(args.labelPadding,"px"),"--background-unselected":args.backgroundUnselected,"--background-selected":args.backgroundSelected,"--background-hover":args.backgroundHover,"--background-disabled":args.backgroundDisabled,"--border-color-selected":args.borderColorSelected,"--border-color-selected-hover":args.borderColorSelectedHover,"--border-color-selected-focus":args.borderColorSelectedFocus,"--border-color-unselected":args.borderColorUnselected,"--border-color-unselected-hover":args.borderColorUnselectedHover,"--border-color-unselected-focus":args.borderColorUnselectedFocus,"--border-color-disabled":args.borderColorDisabled,"--focus-outline-color":args.focusOutlineColor,"--icon-color-unselected":args.iconColorUnselected,"--icon-color-selected":args.iconColorSelected,"--icon-color-disabled":args.iconColorDisabled,"--label-color":args.labelColorDefault,"--label-color-disabled":args.labelColorDisabled};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[["Option 1","Option 2","Option 3"].map((function(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"checkbox-".concat(item),label:item,name:item,checked:checkedItems[item],onChange:handleChange,style:styles},"checkbox-".concat(item))})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"indeterminate-playground",label:"Option 4",style:styles,checked:"checked"===indeterminateState,indeterminate:"indeterminate"===indeterminateState,onChange:function handleIndeterminateChange(){setIndeterminateState("indeterminate"===indeterminateState?"checked":"checked"===indeterminateState?"unchecked":"indeterminate")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"checkbox7",label:"Option 5",style:styles,disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Checkbox__WEBPACK_IMPORTED_MODULE_3__.X,{id:"checkbox8",label:"Option 6",style:styles,checked:!0,disabled:!0})]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={size:24,iconScale:1,borderWidth:2,outlineWidth:3,labelFontSize:16,labelPadding:8,backgroundUnselected:"rgba(0, 0, 0, 0)",backgroundSelected:"#0000bf",backgroundHover:"#000098",backgroundDisabled:"#e5e5e5",borderColorSelected:"#0000bf",borderColorSelectedHover:"#000098",borderColorSelectedFocus:"#0000bf",borderColorUnselected:"#808080",borderColorUnselectedHover:"#1a1a1a",borderColorUnselectedFocus:"#000000",borderColorDisabled:"#e5e5e5",focusOutlineColor:"#0072c6",iconColorUnselected:"rgba(0, 0, 0, 0)",iconColorSelected:"#ffffff",iconColorDisabled:"#ffffff",labelColorDefault:"#1a1a1a",labelColorDisabled:"#999898"},Playground.argTypes={size:{control:{type:"range",min:10,max:100,step:1}},iconScale:{control:{type:"range",min:.1,max:1,step:.05}},borderWidth:{control:{type:"range",min:1,max:10,step:1}},outlineWidth:{control:{type:"range",min:1,max:10,step:1}},labelFontSize:{control:{type:"range",min:12,max:32,step:1}},labelPadding:{control:{type:"range",min:4,max:32,step:2}},backgroundUnselected:{control:{type:"color"}},backgroundSelected:{control:{type:"color"}},backgroundHover:{control:{type:"color"}},backgroundDisabled:{control:{type:"color"}},borderColorSelected:{control:{type:"color"}},borderColorSelectedHover:{control:{type:"color"}},borderColorSelectedFocus:{control:{type:"color"}},borderColorUnselected:{control:{type:"color"}},borderColorUnselectedHover:{control:{type:"color"}},borderColorUnselectedFocus:{control:{type:"color"}},borderColorDisabled:{control:{type:"color"}},focusOutlineColor:{control:{type:"color"}},iconColorUnselected:{control:{type:"color"}},iconColorSelected:{control:{type:"color"}},iconColorDisabled:{control:{type:"color"}},labelColorDefault:{control:{type:"color"}},labelColorDisabled:{control:{type:"color"}}},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Default.parameters),Selected.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Selected.parameters),Indeterminate.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => (\n event.preventDefault()} />\n)'}},Indeterminate.parameters),Disabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Disabled.parameters),Invalid.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Invalid.parameters),WithHelperText.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},WithHelperText.parameters),WithTooltip.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'(args) => '}},WithTooltip.parameters),SelectedDisabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},SelectedDisabled.parameters),Custom.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => {\n const [checked, setChecked] = useState(false);\n const customStyles = {\n '--size': '40px',\n '--icon-scale': 0.6,\n '--border-width': '3px',\n '--outline-width': '4px',\n '--background-selected': 'var(--color-success)',\n '--background-hover': 'var(--color-success-dark)',\n '--border-color-selected': 'var(--color-success)',\n '--border-color-selected-hover': 'var(--color-success-dark)',\n '--border-color-selected-focus': 'var(--color-success)',\n '--focus-outline-color': 'var(--color-black-20)',\n } as React.CSSProperties;\n return (\n setChecked(!checked)}\n />\n );\n}"}},Custom.parameters),GroupWithParent.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => {\n enum CheckboxState {\n checked,\n unchecked,\n indeterminate,\n }\n\n const areAllChecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 4;\n };\n\n const areAllUnchecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 1;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'check': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.checked,\n checkbox1: CheckboxState.checked,\n checkbox2: CheckboxState.checked,\n checkbox3: CheckboxState.checked,\n checkbox4: CheckboxState.checked,\n checkbox5: CheckboxState.checked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.checked,\n controllerCheckbox: areAllChecked(state) ? CheckboxState.checked : CheckboxState.indeterminate,\n };\n }\n case 'uncheck': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.unchecked,\n controllerCheckbox: areAllUnchecked(state) ? CheckboxState.unchecked : CheckboxState.indeterminate,\n };\n }\n default:\n throw new Error();\n }\n };\n\n const initialState = {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return (\n
\n {\n if (\n state.controllerCheckbox === CheckboxState.unchecked ||\n state.controllerCheckbox === CheckboxState.indeterminate\n ) {\n dispatch({ type: 'check', payload: 'controllerCheckbox' });\n } else {\n dispatch({ type: 'uncheck', payload: 'controllerCheckbox' });\n }\n }}\n />\n
    \n {Object.entries(state).map((entry) => {\n if (entry[0] === 'controllerCheckbox') {\n return null;\n }\n return (\n
  • \n {\n if (entry[1] === CheckboxState.unchecked) {\n dispatch({ type: 'check', payload: entry[0] });\n } else {\n dispatch({ type: 'uncheck', payload: entry[0] });\n }\n }}\n />\n
  • \n );\n })}\n
\n
\n );\n}"}},GroupWithParent.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => {\n const [checkedItems, setCheckedItems] = useState({});\n const options = ['Option 1', 'Option 2', 'Option 3'];\n\n const handleChange = (e) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n\n const [indeterminateState, setIndeterminateState] = useState('indeterminate');\n\n const handleIndeterminateChange = () => {\n if (indeterminateState === 'indeterminate') {\n setIndeterminateState('checked');\n } else if (indeterminateState === 'checked') {\n setIndeterminateState('unchecked');\n } else {\n setIndeterminateState('indeterminate');\n }\n };\n\n const styles = {\n '--size': `${args.size}px`,\n '--icon-scale': args.iconScale,\n '--border-width': `${args.borderWidth}px`,\n '--outline-width': `${args.outlineWidth}px`,\n '--label-font-size': `${args.labelFontSize}px`,\n '--label-padding': `${args.labelPadding}px`,\n '--background-unselected': args.backgroundUnselected,\n '--background-selected': args.backgroundSelected,\n '--background-hover': args.backgroundHover,\n '--background-disabled': args.backgroundDisabled,\n '--border-color-selected': args.borderColorSelected,\n '--border-color-selected-hover': args.borderColorSelectedHover,\n '--border-color-selected-focus': args.borderColorSelectedFocus,\n '--border-color-unselected': args.borderColorUnselected,\n '--border-color-unselected-hover': args.borderColorUnselectedHover,\n '--border-color-unselected-focus': args.borderColorUnselectedFocus,\n '--border-color-disabled': args.borderColorDisabled,\n '--focus-outline-color': args.focusOutlineColor,\n '--icon-color-unselected': args.iconColorUnselected,\n '--icon-color-selected': args.iconColorSelected,\n '--icon-color-disabled': args.iconColorDisabled,\n '--label-color': args.labelColorDefault,\n '--label-color-disabled': args.labelColorDisabled,\n } as React.CSSProperties;\n\n return (\n <>\n {options.map((item) => (\n \n ))}\n \n \n \n \n );\n}"}},Playground.parameters);try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"",displayName:"WithTooltip",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/checkbox/Checkbox.stories.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"src/components/checkbox/Checkbox.stories.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/checkbox/Checkbox.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/checkbox/Checkbox.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/container/Container.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,default:()=>Container_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));__webpack_require__("./src/styles/base.css");const Container_module_container="Container_container__T6j24 container_hds-container__1LLqG";var classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","className"],Container=function Container(_ref){var children=_ref.children,className=_ref.className,rest=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(Container_module_container,className)},rest),{},{children}))};try{Container.displayName="Container",Container.__docgenInfo={description:"",displayName:"Container",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/container/Container.tsx#Container"]={docgenInfo:Container.__docgenInfo,name:"Container",path:"src/components/container/Container.tsx#Container"})}catch(__react_docgen_typescript_loader_error){}const Container_stories={parameters:{storySource:{source:"import React from 'react';\n\nimport { Container } from './Container';\n\nexport default {\n component: Container,\n title: 'Components/Container',\n};\n\nexport const Example = (args) => (\n \n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n

\n
\n);\n",locationsMap:{example:{startLoc:{col:23,line:10},endLoc:{col:1,line:19},startBody:{col:23,line:10},endBody:{col:1,line:19}}}}},component:Container,title:"Components/Container"};var Example=function Example(args){return(0,jsx_runtime.jsx)(Container,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."})}))};Example.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => (\n \n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n

\n
\n)"}},Example.parameters);try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/container/Container.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"src/components/container/Container.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/cookieConsent/CookieConsent.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomContentVersion:()=>CustomContentVersion,DebugVersion:()=>DebugVersion,EnglishModalVersion:()=>EnglishModalVersion,FinnishModalVersion:()=>FinnishModalVersion,PageVersion:()=>PageVersion,SimpleModalVersion:()=>SimpleModalVersion,TunnistamoLoginCookies:()=>TunnistamoLoginCookies,default:()=>CookieConsent_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),lodash_pick=__webpack_require__("../../node_modules/lodash.pick/index.js"),lodash_pick_default=__webpack_require__.n(lodash_pick),lodash_isobject=__webpack_require__("../../node_modules/lodash.isobject/index.js"),lodash_isobject_default=__webpack_require__.n(lodash_isobject),lodash_isundefined=__webpack_require__("../../node_modules/lodash.isundefined/index.js"),lodash_isundefined_default=__webpack_require__.n(lodash_isundefined),cookie=__webpack_require__("../../node_modules/cookie/index.js");function getNamedCookie(name){return function getAll(){return cookie.parse(document.cookie)}()[name]}function cookieController_createCookieController(options,cookieName){var defaultCookieSetOptions={path:"/",secure:!1,sameSite:"strict",maxAge:void 0},cookieOptions=(0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultCookieSetOptions),options);if("undefined"==typeof window)return{get:function get(){return""},set:function set(){return""}};return{get:function getCookie(){return getNamedCookie(cookieName)||""},set:function setCookie(data){!function setNamedCookie(name,value,options){document.cookie=cookie.serialize(name,value,options)}(cookieName,data,cookieOptions)}}}var COOKIE_NAME="city-of-helsinki-cookie-consents";function convertStringArrayToKeyConsentObject(array){return array.reduce((function(current,key){return current[key]=!1,current}),{})}function mergeConsents(set1,set2,set3){return(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},set1),set2),set3)}function parseConsents(jsonString){if(!jsonString||jsonString.length<2||"{"!==jsonString.charAt(0))return{};try{return JSON.parse(jsonString)}catch(e){return{}}}var getCookieDomainFromUrl=function getCookieDomainFromUrl(){return"undefined"==typeof window?"":window.location.hostname.split(".").slice(-2).join(".")};function createStorage(initialValues){var storage=(0,objectSpread2.Z)({},initialValues),getStorage=function getStorage(){return storage},findConsentSource=function findConsentSource(consentName,targetStorage){return lodash_isundefined_default()(targetStorage.required[consentName])?lodash_isundefined_default()(targetStorage.optional[consentName])?void 0:targetStorage.optional:targetStorage.required},setConsents=function setConsents(keys,value){var copiedStorage=function copyStorage(){return{optional:(0,objectSpread2.Z)({},storage.optional),required:(0,objectSpread2.Z)({},storage.required),unknown:(0,objectSpread2.Z)({},storage.unknown)}}();return keys.forEach((function(key){!function updateConsent(targetStorage,consentName,value){var target=findConsentSource(consentName,targetStorage);if(!target)throw new Error("Unknown consent ".concat(consentName));target[consentName]=value}(copiedStorage,key,value)})),function updateStorage(newStorage){storage=newStorage}(copiedStorage),copiedStorage};return{getAll:function getAll(){return getStorage()},getConsentByName:function getConsentByName(consentName){var target=findConsentSource(consentName,getStorage());return!!target&&target[consentName]},approve:function approve(keys){return setConsents(keys,!0)},reject:function reject(keys){return setConsents(keys,!1)}}}function createConsentController(props){!function verifyConsentProps(_ref){var optionalConsents=_ref.optionalConsents,requiredConsents=_ref.requiredConsents;requiredConsents&&optionalConsents&&requiredConsents.forEach((function(consent){if(optionalConsents.includes(consent))throw new Error("optional consent '".concat(consent,"' found in requiredConsents."))}))}(props);var _props$optionalConsen=props.optionalConsents,optionalConsents=void 0===_props$optionalConsen?[]:_props$optionalConsen,_props$requiredConsen=props.requiredConsents,requiredConsents=void 0===_props$requiredConsen?[]:_props$requiredConsen,allConsents=[].concat((0,toConsumableArray.Z)(optionalConsents),(0,toConsumableArray.Z)(requiredConsents)),cookieController=cookieController_createCookieController({maxAge:31536e3,domain:props.cookieDomain||getCookieDomainFromUrl()},COOKIE_NAME),currentConsentsInCookie=parseConsents(cookieController.get()),required=mergeConsents(convertStringArrayToKeyConsentObject(requiredConsents),lodash_pick_default()(currentConsentsInCookie,requiredConsents)),optional=mergeConsents(convertStringArrayToKeyConsentObject(optionalConsents),lodash_pick_default()(currentConsentsInCookie,optionalConsents)),unknownConsentKeys=Object.keys(currentConsentsInCookie).filter((function(key){return!allConsents.includes(key)})),storage=createStorage({required,optional,unknown:unknownConsentKeys.length?lodash_pick_default()(currentConsentsInCookie,unknownConsentKeys):void 0});return{getRequired:function getRequired(){return storage.getAll().required},getOptional:function getOptional(){return storage.getAll().optional},update:function update(consentName,value){var arr=[consentName];value?storage.approve(arr):storage.reject(arr)},approveAll:function approveAll(){storage.approve(allConsents)},approveRequired:function approveRequired(){storage.approve(requiredConsents)},getRequiredWithoutConsent:function getRequiredWithoutConsent(){return requiredConsents.filter((function(key){return!0!==storage.getConsentByName(key)}))},rejectAll:function rejectAll(){storage.reject(allConsents)},getUnhandledConsents:function getUnhandledConsents(){var storedCookies=parseConsents(cookieController.get());return allConsents.filter((function(key){return lodash_isundefined_default()(storedCookies[key])}))},save:function save(){var currentVersion=function getConsents(){return storage.getAll()}(),consents=mergeConsents(currentVersion.required,currentVersion.optional,currentVersion.unknown);return cookieController.set(function createConsentsString(consents){return lodash_isobject_default()(consents)?JSON.stringify(consents):"{}"}(consents)),consents}}}var objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),lodash_get=__webpack_require__("../../node_modules/lodash.get/index.js"),lodash_get_default=__webpack_require__.n(lodash_get);var _excluded=["commonGroup","groupId","commonCookie"],commonContent=function getCookieContent(){var commonLanguageTranslations={fi:{description:"Eväste vaaditaan jotta käyttäjän kielivalinta säilyisi.",expiration:"Istunto"},sv:{description:"Kakan krävs för att spara användarens språkval.",expiration:"Session"},en:{description:"Required to persist the user's chosen language.",expiration:"Session"}},commonLoginTranslations={fi:{description:"Tunnistautumisistunnon säilymiseksi vaadittu eväste.",expiration:"Istunto"},sv:{description:"Cookie som krävs för att bevara autentiseringssession.",expiration:"Session"},en:{description:"Required to persist the authentication session.",expiration:"Session"}},commonSecurityControlTranslations={fi:{description:"Tietoturvakontrolli",expiration:"365 päivää"},sv:{description:"Datasäkerhetskontroll",expiration:"365 dagar"},en:{description:"A security control",expiration:"365 days"}},commonLoginGroupTranslations={fi:{title:"Kirjautuminen",text:"Kirjautumisevästeitä käytetään käyttäjän kirjautuessa palveluun.",expandAriaLabel:"Näytä kirjautumiseen liittyvien evästeiden tiedot",checkboxAriaDescription:"Kirjautumisevästeitä käytetään käyttäjän kirjautuessa palveluun."},sv:{title:"Inloggning",text:"Inloggningskakor används när användaren loggar in på tjänsten.",expandAriaLabel:"Visa information om inloggningskakor",checkboxAriaDescription:"Inloggningskakor används när användaren loggar in på tjänsten."},en:{title:"Login",text:"Login cookies are used when the user logs in to the service.",expandAriaLabel:"Show cookie information related to login",checkboxAriaDescription:"Login cookies are used when the user logs in to the service."}},commonTrackingCookieDescription_fi="Eväste kerää tietoa kävijän liikkeistä sivustolla.",commonTrackingCookieDescription_sv="Statistiksystemets kaka samlar information om hur webbplatsen används.",commonTrackingCookieDescription_en="This cookie is used to store a few details about the user such as the unique visitor ID.",keycloakUrl="tunnistus.hel.fi";return{texts:{sections:{main:{fi:{title:"{{siteName}} käyttää evästeitä",text:"Tämä sivusto käyttää välttämättömiä evästeitä sivun perustoimintojen ja suorituskyvyn varmistamiseksi. Lisäksi käytämme kohdennusevästeitä käyttäjäkokemuksen parantamiseksi, analytiikkaan ja yksilöidyn sisällön näyttämiseen."},sv:{title:"{{siteName}} använder kakor",text:"Denna webbplats använder obligatoriska kakor för att säkerställa de grundläggande funktionerna och prestandan. Dessutom använder vi inriktningskakor för bättre användarupplevelse, analytik och individualiserat innehåll."},en:{title:"{{siteName}} uses cookies",text:"This website uses required cookies to ensure the basic functionality and performance. In addition, we use targeting cookies to improve the user experience, perform analytics and display personalised content."}},details:{fi:{title:"Tietoa sivustolla käytetyistä evästeistä",text:"Sivustolla käytetyt evästeet on luokiteltu käyttötarkoituksen mukaan. Alla voit lukea eri luokista ja sallia tai kieltää evästeiden käytön."},sv:{title:"Information om kakor som används på webbplatsen",text:"Kakorna som används på webbplatsen har klassificerats enligt användningsändamål. Du kan läsa om de olika klasserna och acceptera eller förbjuda användningen av kakor."},en:{title:"About the cookies used on the website",text:"The cookies used on the website have been classified according to their intended use. Below, you can read about the various categories and accept or reject the use of cookies."}}},ui:{fi:{showSettings:"Näytä evästeasetukset",hideSettings:"Piilota asetukset",approveAllConsents:"Hyväksy kaikki evästeet",approveRequiredAndSelectedConsents:"Hyväksy valitut evästeet",approveOnlyRequiredConsents:"Hyväksy vain välttämättömät evästeet",settingsSaved:"Asetukset tallennettu!",readMore:"Lue lisää"},sv:{showSettings:"Visa kakinställningarna",hideSettings:"Stänga kakinställningarna",approveAllConsents:"Acceptera alla kakor",approveRequiredAndSelectedConsents:"Acceptera valda kakor",approveOnlyRequiredConsents:"Acceptera endast nödvändiga",settingsSaved:"Inställningar sparade!",readMore:"Läs mer"},en:{showSettings:"Show cookie settings",hideSettings:"Hide cookie settings",approveAllConsents:"Accept all cookies",approveRequiredAndSelectedConsents:"Accept selected cookies",approveOnlyRequiredConsents:"Accept required cookies only",settingsSaved:"Settings saved!",readMore:"Read more"}},tableHeadings:{fi:{name:"Nimi",hostName:"Evästeen asettaja",description:"Käyttötarkoitus",expiration:"Voimassaoloaika"},sv:{name:"Namn",hostName:"Den som lagrat kakan",description:"Användning",expiration:"Giltighetstid"},en:{name:"Name",hostName:"Cookie set by",description:"Purpose of use",expiration:"Period of validity"}}},language:{languageOptions:[{code:"fi",label:"Suomeksi (FI)"},{code:"sv",label:"Svenska (SV)"},{code:"en",label:"English (EN)"}],languageSelectorAriaLabel:"Kieli: Suomi. Vaihda kieli. Change language. Ändra språk."},requiredCookies:{fi:{title:"Välttämättömät evästeet",text:"Välttämättömien evästeiden käyttöä ei voi kieltää. Ne mahdollistavat sivuston toiminnan ja vaikuttavat käytettävyyteen.",checkboxAriaDescription:"Välttämättömien evästeiden käyttöä ei voi kieltää. Ne mahdollistavat sivuston toiminnan ja vaikuttavat käytettävyyteen."},sv:{title:"Nödvändig kakor",text:"Du kan inte förbjuda användningen av nödvändiga kakorna. De möjliggör webbplatsens funktioner och påverkar användbarheten.",checkboxAriaDescription:"Du kan inte förbjuda användningen av nödvändiga kakorna. De möjliggör webbplatsens funktioner och påverkar användbarheten."},en:{title:"Necessary cookies",text:"Necessary cookies cannot be rejected. They enable the proper functioning of the website and affect the usability.",checkboxAriaDescription:"Necessary cookies cannot be rejected. They enable the proper functioning of the website and affect the usability."}},optionalCookies:{fi:{title:"Valinnaiset evästeet",text:"Voit hyväksyä tai kieltää valinnaiset evästeet.",checkboxAriaDescription:"Voit hyväksyä tai kieltää valinnaiset evästeet."},sv:{title:"Valfri kakor",text:"Du kan acceptera eller förbjuda de valfria kakorna.",checkboxAriaDescription:"Du kan acceptera eller förbjuda de valfria kakorna."},en:{title:"Optional cookies",text:"You can accept or reject optional cookies.",checkboxAriaDescription:"You can accept or reject optional cookies."}},commonGroups:{login:(0,objectSpread2.Z)({},commonLoginGroupTranslations),marketing:{fi:{title:"Mainonta ja markkinointi",text:"Markkinointievästeiden avulla sivuston käyttäjille voidaan kohdentaa sisältöjä.",expandAriaLabel:"Näytä mainontaan ja markkinointiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Markkinointievästeiden avulla sivuston käyttäjille voidaan kohdentaa sisältöjä."},sv:{title:"Reklam och marknadsföring",text:"Med hjälp av marknadsföringskakor kan innehåll riktas till webbplatsens användare.",expandAriaLabel:"Visa information om reklam- och marknadsföringskakor",checkboxAriaDescription:"Med hjälp av marknadsföringskakor kan innehåll riktas till webbplatsens användare."},en:{title:"Advertising and marketing",text:"Marketing cookies can be used to target content to users of the website.",expandAriaLabel:"Show cookie information related to advertising and marketing",checkboxAriaDescription:"Marketing cookies can be used to target content to users of the website."}},preferences:{fi:{title:"Mieltymykset",text:"Mieltymysevästeet mukauttavat sivuston ulkoasua ja toimintaa käyttäjän tekemien valintojen perusteella.",expandAriaLabel:"Näytä mieltymyksiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Mieltymysevästeet mukauttavat sivuston ulkoasua ja toimintaa käyttäjän tekemien valintojen perusteella."},sv:{title:"Preferenser",text:"Preferenskakor ändrar webbplatsens utseende och funktioner enligt användarens tidigare val.",expandAriaLabel:"Visa information om preferenskakor",checkboxAriaDetextscription:"Preferenskakor ändrar webbplatsens utseende och funktioner enligt användarens tidigare val."},en:{title:"Preferences",text:"Preference cookies customise the layout and operation of the website based on the choices made by the user.",expandAriaLabel:"Show cookie information related to preferences",checkboxAriaDescription:"Preference cookies customise the layout and operation of the website based on the choices made by the user."}},userInputs:{fi:{title:"Käyttäjän syötteet",text:"Syöte-evästeillä voidaan tallentaa käyttäjän palveluun syöttämiä tietoja.",expandAriaLabel:"Näytä käyttäjän syötteisiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Syöte-evästeillä voidaan tallentaa käyttäjän palveluun syöttämiä tietoja."},sv:{title:"Användarens input",text:"Med inputskakor kan man lagra information som användaren matar in i tjänsten.",expandAriaLabel:"Visa information om inputskakor",checkboxAriaDescription:"Med inputskakor kan man lagra information som användaren matar in i tjänsten."},en:{title:"User input",text:"User-input cookies can be used to store information entered by the user in the service.",expandAriaLabel:"Show cookie information related to the user's input",checkboxAriaDescription:"User-input cookies can be used to store information entered by the user in the service."}},informationSecurity:{fi:{title:"Tietoturva",text:"Tietoturvaevästeet mahdollistavat turvallisen tiedonsiirron käyttäjän ja palvelun välillä.",expandAriaLabel:"Näytä tietoturvaan liittyvien evästeiden tiedot",checkboxAriaDescription:"Tietoturvaevästeet mahdollistavat turvallisen tiedonsiirron käyttäjän ja palvelun välillä."},sv:{title:"Datasäkerhet",text:"Datasäkerhetskakor möjliggör en säker dataöverföring mellan användaren och tjänsten.",expandAriaLabel:"Visa information om datasäkerhetskakor",checkboxAriaDescription:"Datasäkerhetskakor möjliggör en säker dataöverföring mellan användaren och tjänsten."},en:{title:"Information security",text:"Security cookies enable secure data transfer between the user and the service.",expandAriaLabel:"Show cookie information related to information security",checkboxAriaDescription:"Security cookies enable secure data transfer between the user and the service."}},socialMedia:{fi:{title:"Sosiaalinen media",text:"Sosiaalisen median evästeet liittyvät erilaisten sosiaalisen median palveluiden ominaisuuksiin.",expandAriaLabel:"Näytä sosiaaliseen mediaan liittyvien evästeiden tiedot",checkboxAriaDescription:"Sosiaalisen median evästeet liittyvät erilaisten sosiaalisen median palveluiden ominaisuuksiin."},sv:{title:"Sociala medier",text:"Sociala medier-kakor förknippas med olika sociala medie-tjänsters egenskaper.",expandAriaLabel:"Visa information om kakor för sociala medier",checkboxAriaDescription:"Sociala medier-kakor förknippas med olika sociala medie-tjänsters egenskaper."},en:{title:"Social media",text:"Social media cookies are related to the characteristics of various social media services.",expandAriaLabel:"Show cookie information related to social media",checkboxAriaDescription:"Social media cookies are related to the characteristics of various social media services."}},accessibility:{fi:{title:"Saavutettavuus",text:"Saavutettavuusevästeet mahdollistavat palvelun joitakin saavutettavuusominaisuuksia.",expandAriaLabel:"Näytä saavutettavuuteen liittyvien evästeiden tiedot",checkboxAriaDescription:"Saavutettavuusevästeet mahdollistavat palvelun joitakin saavutettavuusominaisuuksia."},sv:{title:"Tillgänglighet",text:"Tillgänglighetskakor möjliggör vissa egenskaper för tjänstens tillgänglighet.",expandAriaLabel:"Visa information om tillgänglighetskakor",checkboxAriaDescription:"Tillgänglighetskakor möjliggör vissa egenskaper för tjänstens tillgänglighet."},en:{title:"Accessibility",text:"Accessibility cookies enable some of the service's accessibility features.",expandAriaLabel:"Show cookie information related to accessibility",checkboxAriaDescription:"Accessibility cookies enable some of the service's accessibility features."}},deviceInfo:{fi:{title:"Laitetiedot",text:"Laitetietoevästeet sisältävät sellaisia käyttäjän laitteelta kerättyjä tietoja, joilla varmistetaan palvelun toiminta.",expandAriaLabel:"Näytä laitetietoihin liittyvien evästeiden tiedot",checkboxAriaDescription:"Laitetietoevästeet sisältävät sellaisia käyttäjän laitteelta kerättyjä tietoja, joilla varmistetaan palvelun toiminta."},sv:{title:"Enhetsuppgifter",text:"Kakor för enhetsuppgifterna innehåller sådana uppgifter som samlats in från användarens enhet med vilka tjänstens funktioner säkerställs.",expandAriaLabel:"Visa information om kakor för enhetsuppgifterna",checkboxAriaDescription:"Kakor för enhetsuppgifterna innehåller sådana uppgifter som samlats in från användarens enhet med vilka tjänstens funktioner säkerställs."},en:{title:"Device information",text:"Device information cookies contain information collected from the user's device that ensures the functionality of the service.",expandAriaLabel:"Show cookie information related to device information",checkboxAriaDescription:"Device information cookies contain information collected from the user's device that ensures the functionality of the service."}},chat:{fi:{title:"Chat-palvelut",text:"Chat-palveluiden evästeet mahdollistavat yhteydenpidon käyttäjän ja palvelun välillä.",expandAriaLabel:"Näytä chat-palveluihin liittyvien evästeiden tiedot",checkboxAriaDescription:"Chat-palveluiden evästeet mahdollistavat yhteydenpidon käyttäjän ja palvelun välillä."},sv:{title:"Chattjänster",text:"Kakor för chattjänsterna möjliggör kontakten mellan användaren och tjänsten.",expandAriaLabel:"Visa information om kakor för chattjänsterna",checkboxAriaDescription:"Kakor för chattjänsterna möjliggör kontakten mellan användaren och tjänsten."},en:{title:"Chat services",text:"Chat service cookies enable communication between the user and the service.",expandAriaLabel:"Show cookie information related to chat services",checkboxAriaDescription:"Chat service cookies enable communication between the user and the service."}},thirdParty:{fi:{title:"Kolmannen osapuolen palvelut",text:"Evästeet mahdollistavat ulkopuolisten palvelujen (kuten sosiaalisen median alustojen) toiminnan tällä sivustolla.",expandAriaLabel:"Näytä kolmansiin osapuoliin liittyvien evästeiden tiedot",checkboxAriaDescription:"Evästeet mahdollistavat ulkopuolisten palvelujen (kuten sosiaalisen median alustojen) toiminnan tällä sivustolla."},sv:{title:"Tredje parts tjänster",text:"Kakor möjliggör utomstående tjänsters (såsom sociala medie-plattformar) funktioner på denna webbplats.",expandAriaLabel:"Visa information om tredjepartskakor",checkboxAriaDescription:"Kakor möjliggör utomstående tjänsters (såsom sociala medie-plattformar) funktioner på denna webbplats."},en:{title:"Third-party services",text:"Cookies allow external services (such as social media platforms) to operate on this website.",expandAriaLabel:"Show cookie information related to third parties",checkboxAriaDescription:"Cookies allow external services (such as social media platforms) to operate on this website."}},content:{fi:{title:"Sisällön esittäminen",text:"Evästeitä hyödynnetään erilaisten sisältöjen näyttämiseen käyttäjälle.",expandAriaLabel:"Näytä sisällön esittämiseen liittyvien evästeiden tiedot",checkboxAriaDescription:"Evästeitä hyödynnetään erilaisten sisältöjen näyttämiseen käyttäjälle."},sv:{title:"Visning av innehåll",text:"Kakor utnyttjas för att visa olika innehåll för användaren.",expandAriaLabel:"Visa information om kakor för visning av innehåll",checkboxAriaDescription:"Kakor utnyttjas för att visa olika innehåll för användaren."},en:{title:"Content presentation",text:"Cookies are used to display various types of content to the user.",expandAriaLabel:"Show cookie information related to content presentation",checkboxAriaDescription:"Cookies are used to display various types of content to the user."}},location:{fi:{title:"Sijainti",text:"Sijaintievästeiden avulla voidaan hyödyntää käyttäjän laitteelta saatua sijaintitietoa (GPS).",expandAriaLabel:"Näytä sijaintiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Sijaintievästeiden avulla voidaan hyödyntää käyttäjän laitteelta saatua sijaintitietoa (GPS)."},sv:{title:"Läge",text:"Med hjälp av lägeskakor kan man utnyttja lägesdata som fåtts från användarens enhet (GPS).",expandAriaLabel:"Visa information om lägeskakor",checkboxAriaDescription:"Med hjälp av lägeskakor kan man utnyttja lägesdata som fåtts från användarens enhet (GPS)."},en:{title:"Location",text:"Location cookies can be used to utilise location information (GPS) received from the user's device.",expandAriaLabel:"Show cookie information related to location",checkboxAriaDescription:"Location cookies can be used to utilise location information (GPS) received from the user’s device."}},loadBalancing:{fi:{title:"Kuormantasaus",text:"Kuormantasausevästeiden avulla varmistetaan, että palvelu latautuu ja toimii nopeasti ja tehokkaasti.",expandAriaLabel:"Näytä kuormantasaukseen liittyvien evästeiden tiedot",checkboxAriaDescription:"Kuormantasausevästeiden avulla varmistetaan, että palvelu latautuu ja toimii nopeasti ja tehokkaasti."},sv:{title:"Belastningsutjämning",text:"Med hjälp av belastningsutjämningskakor säkerställer man att tjänsten laddas och fungerar snabbt och effektivt.",expandAriaLabel:"Visa information om belastningsutjämningskakor",checkboxAriaDescription:"Med hjälp av belastningsutjämningskakor säkerställer man att tjänsten laddas och fungerar snabbt och effektivt."},en:{title:"Load balancing",text:"Load-balancing cookies ensure that the service loads and works quickly and efficiently.",expandAriaLabel:"Show cookie information related to load-balancing",checkboxAriaDescription:"Load-balancing cookies ensure that the service loads and works quickly and efficiently."}},essential:{fi:{title:"Perustoimintoihin liittyvät evästeet",text:"Perustoimintoihin liittyviä evästeitä ei voi hylätä. Ne mahdollistavat sivuston kunnollisen toimivuuden ja vaikuttavat käytettävyyteen.",expandAriaLabel:"Näytä perustoimintoihin liittyvien evästeiden tiedot",checkboxAriaDescription:"Sivusto ei toimi ilman näitä"},sv:{title:"Kakor för grundläggande funktioner",text:"Du kan inte förbjuda användningen av kakor för grundläggande funktioner. De möjliggör webbplatsens funktioner och påverkar användbarheten.",expandAriaLabel:"Visa information om kakor för grundläggande funktioner",checkboxAriaDescription:"Du kan inte förbjuda användningen av kakor för grundläggande funktioner. De möjliggör webbplatsens funktioner och påverkar användbarheten."},en:{title:"Cookies related to basic functionalities",text:"Cookies related to basic functionalities cannot be rejected. They enable the proper functioning of the website and affect the usability.",expandAriaLabel:"Show cookie information related to basic functionalities",checkboxAriaDescription:"Cookies related to basic functionalities cannot be rejected. They enable the proper functioning of the website and affect the usability"}},statistics:{fi:{title:"Tilastointi",text:"Tilastointievästeiden keräämää tietoa käytetään verkkosivuston kehittämiseen.",expandAriaLabel:"Näytä tilastointiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Tilastointievästeiden keräämää tietoa käytetään verkkosivuston kehittämiseen."},sv:{title:"Statistik",text:"Data från statistikkakorna används för att utveckla webbplatsen.",expandAriaLabel:"Visa information om statistikkakor",checkboxAriaDescription:"Data från statistikkakorna används för att utveckla webbplatsen."},en:{title:"Statistics",text:"The information collected by statistics cookies is used to develop the website.",expandAriaLabel:"Show cookie information related to statistics",checkboxAriaDescription:"The information collected by statistics cookies is used to develop the website."}},sharedConsents:{fi:{title:"Yhteiset evästeet",text:"Helsingin kaupungin palvelut käyttävät yhteisiä evästeitä. Tallennamme nämä suostumukset, jottei sinun tarvitse hyväksyä samoja evästeitä uudelleen kaupungin muissa palveluissa.",expandAriaLabel:"Näytä yhteisiin evästesuostumuksiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Helsingin kaupungin palvelut käyttävät yhteisiä evästeitä. Tallennamme nämä suostumukset, jottei sinun tarvitse hyväksyä samoja evästeitä uudelleen muissa kaupungin palveluissa."},sv:{title:"Gemensamma kakor",text:"Helsingfors stads tjänster använder gemensamma kakor . Vi lagrar dessa samtycken så att du inte behöver godkänna samma kakor igen i stadens andra tjänster.",expandAriaLabel:"Visa information om kakor för gemensamt samtycke",checkboxAriaDescription:"Helsingfors stads tjänster använder gemensamma kakor . Vi lagrar dessa samtycken så att du inte behöver godkänna samma kakor igen i stadens andra tjänster."},en:{title:"Shared consent",text:"City of Helsinki services use shared consent. We will store these consents so that you do not have to accept the same cookies again on other City services.",expandAriaLabel:"Show cookie information related to shared cookie consent",checkboxAriaDescription:"City of Helsinki services use shared consent. We will store these consents so that you do not have to accept the same cookies again on other City services."}},language:{fi:{title:"Kielivalinnat",text:"Kielievästeisiin tallennetaan käyttäjän tekemät kielivalinnat, jotta valittu kieli säilyisi.",expandAriaLabel:"Näytä kielievästeisiin liittyvien evästeiden tiedot",checkboxAriaDescription:"Kielievästeisiin tallennetaan käyttäjän tekemät kielivalinnat, jotta valittu kieli säilyisi."},sv:{title:"Språkval",text:"I språkkakorna lagras användarens språkval för att minnas vilket språk som har valts.",expandAriaLabel:"Visa information om kakor för språkvalkakor",checkboxAriaDescription:"I språkkakorna lagras användarens språkval för att minnas vilket språk som har valts."},en:{title:"Language settings",text:"Language cookies store the language selections by the user to remember the preferred language.",expandAriaLabel:"Show cookie information related to language settings",checkboxAriaDescription:"Language cookies store the language selections by the user to remember the preferred language."}},tunnistamoLogin:(0,objectSpread2.Z)((0,objectSpread2.Z)({},commonLoginGroupTranslations),{},{cookies:[{commonCookie:"keycloak"},{commonCookie:"keycloak-legacy"},{commonCookie:"keycloak-generic"},{commonCookie:"tunnistamo"},{commonCookie:"tunnistamo-sessionid"},{commonCookie:"suomifi-session"},{commonCookie:"suomifi-saml"},{commonCookie:"suomifi-shibstate"},{commonCookie:"suomifi-shibsession"},{commonCookie:"suomifi-shib-idp-session"},{commonCookie:"suomifi-logtag"}]})},commonCookies:{helConsentCookie:{id:"SET_IN_CODE",hostName:"*.hel.fi",commonGroup:"SET_IN_CODE",fi:{name:"Evästesuostumukset",description:"Sivusto käyttää tätä evästettä tietojen tallentamiseen siitä, ovatko kävijät antaneet hyväksyntänsä tai kieltäytyneet evästeiden käytöstä.",expiration:"1 vuosi"},sv:{name:"Samtycken till kakor",description:"Webbplatsen använder denna kaka för att lagra information om huruvida besökare har godkänt användningen av kakor eller inte.",expiration:"Ett år"},en:{name:"Cookie consents",description:"Used by hel.fi to store information about whether visitors have given or declined the use of cookie categories used on the hel.fi site.",expiration:"1 year"}},cookiehub:{id:"cookiehub",hostName:"cookiehub.com",name:"cookiehub",fi:{description:"Mahdollistaa evästehallinnan hel.fi sivuilla.",expiration:"365 päivää"},sv:{description:"Möjliggör hantering av kakor på hel.fi webbplatsen.",expiration:"365 dagar"},en:{description:"Used by CookieHub to store information about whether visitors have given or declined the use of cookie categories used on the hel.fi site.",expiration:"365 days"}},keycloak:(0,objectSpread2.Z)({id:"keycloak",hostName:keycloakUrl,name:"AUTH_SESSION_ID"},commonLoginTranslations),matomo:{id:"matomo",hostName:"*.hel.fi",name:"_pk_id.*",fi:{description:commonTrackingCookieDescription_fi,expiration:"393 päivää"},sv:{description:commonTrackingCookieDescription_sv,expiration:"393 dagar"},en:{description:commonTrackingCookieDescription_en,expiration:"393 days"}},matomoSession:{id:"matomo-session",hostName:"*.hel.fi",name:"_pk_ses*",fi:{description:commonTrackingCookieDescription_fi,expiration:"30 minuuttia"},sv:{description:commonTrackingCookieDescription_sv,expiration:"30 minuter"},en:{description:commonTrackingCookieDescription_en,expiration:"30 minutes"}},matomoConsent:{id:"matomo-cookie-consent",hostName:"*.hel.fi",name:"mtm_.*",fi:{description:"Evästeeseen tallennetaan suostumus tilastointievästeisiin.",expiration:"400 päivää"},sv:{description:"Kakan lagrar samtycke för användning av statistikkakorna.",expiration:"400 dagar"},en:{description:"Cookie stores consent for using analytics cookies.",expiration:"400 days"}},"cms-session":{id:"cms-session",hostName:"hel.fi",name:"SSESS*",fi:{description:"Sisällönhallintajärjestelmän toimintaan liittyvä eväste.",expiration:"23 päivää"},sv:{description:"En kaka för driften av innehållshanteringssystemet.",expiration:"23 dagar"},en:{description:"A cookie related to the operation of the content management system.",expiration:"23 days"}},tunnistamo:(0,objectSpread2.Z)({id:"tunnistamo",hostName:"api.hel.fi",name:"sso-sessionid"},commonLoginTranslations),"suomifi-session":(0,objectSpread2.Z)({id:"suomifi-session",hostName:"suomi.fi",name:"JSESSIONID"},commonLoginTranslations),"suomifi-logtag":(0,objectSpread2.Z)({id:"suomifi-logtag",hostName:"suomi.fi",name:"E-Identification-LogTag"},commonLoginTranslations),"suomifi-saml":(0,objectSpread2.Z)({id:"suomifi-saml",hostName:"suomi.fi",name:"_opensaml_req_cookie*"},commonLoginTranslations),"suomifi-shibstate":(0,objectSpread2.Z)({id:"suomifi-shibstate",hostName:"suomi.fi",name:"_shibstate_*"},commonLoginTranslations),"suomifi-shibsession":(0,objectSpread2.Z)({id:"suomifi-shibsession",hostName:"suomi.fi",name:"_shibsession_*"},commonLoginTranslations),"suomifi-shib-idp-session":(0,objectSpread2.Z)({id:"suomifi-shib-idp-session",hostName:"suomi.fi",name:"shib_idp_session"},commonLoginTranslations),"tunnistamo-sessionid":(0,objectSpread2.Z)({id:"tunnistamo-sessionid",hostName:"api.hel.fi",name:"tunnistamo_prod-sessionid"},commonLoginTranslations),"keycloak-legacy":(0,objectSpread2.Z)({id:"keycloak-legacy",hostName:keycloakUrl,name:"AUTH_SESSION_ID_LEGACY"},commonLoginTranslations),"keycloak-generic":(0,objectSpread2.Z)({id:"keycloak-generic",hostName:keycloakUrl,name:"KC_*"},commonLoginTranslations),"tunnistamo-csrftoken":(0,objectSpread2.Z)({id:"tunnistamo-csrftoken",hostName:"api.hel.fi",name:"tunnistamo_prod-csrftoken"},commonSecurityControlTranslations),"profiili-csrftoken":(0,objectSpread2.Z)({id:"profiili-csrftoken",hostName:"api.hel.fi",name:"profiili-prod-csrftoken"},commonSecurityControlTranslations),"tunnistamo-login-loadbalancer":(0,objectSpread2.Z)({id:"tunnistamo-login-loadbalancer",hostName:"".concat("api.hel.fi",", ").concat(keycloakUrl)},{fi:{name:"Satunnainen 32 merkin pituinen merkkijono",description:"Verkkoliikenteen tekninen reititys.",expiration:"Istunto"},sv:{name:"En slumpmässig teckensträng med 32 tecken",description:"Teknisk routning av webbtrafiken.",expiration:"Session"},en:{name:"A random 32-character long string",description:"Technical routing of requests.",expiration:"Session"}}),"keycloak-language":(0,objectSpread2.Z)({id:"keycloak-language",name:"KEYCLOAK_LOCALE",hostName:keycloakUrl},commonLanguageTranslations),"suomifi-language":(0,objectSpread2.Z)({id:"suomifi-language",name:"E-Identification-Lang",hostName:"suomi.fi"},commonLanguageTranslations)}}}();function getTexts(language,siteName){var texts=commonContent.texts,textContent={sections:{main:(0,objectSpread2.Z)({},texts.sections.main[language]),details:(0,objectSpread2.Z)({},texts.sections.details[language])},ui:(0,objectSpread2.Z)({},texts.ui[language]),tableHeadings:(0,objectSpread2.Z)({},texts.tableHeadings[language])};return textContent.sections.main.title=textContent.sections.main.title.replace("{{siteName}}",siteName),textContent}function getLanguage(lang,overrides){var language=commonContent.language;return(0,objectSpread2.Z)((0,objectSpread2.Z)({},language),{},{current:lang,onLanguageChange:function onLanguageChange(){}},overrides)}function getCommonCookieGroup(id){var commonGroups=commonContent.commonGroups;if(!commonGroups[id])throw new Error("Unknown common consent group ".concat(id));return commonGroups[id]}function mergeCookieGroupCookieSources(groupSource){var cookiesFromCommonGroup=groupSource.commonGroup?function getCommonCookieGroupTextsCookies(id){return getCommonCookieGroup(id).cookies||[]}(groupSource.commonGroup):[],cookiesFromSource=groupSource.cookies||[];return[].concat((0,toConsumableArray.Z)(cookiesFromCommonGroup),(0,toConsumableArray.Z)(cookiesFromSource))}function getCommonCookie(language,id){var commonCookies=commonContent.commonCookies;if(!commonCookies[id])throw new Error("Unknown common cookie ".concat(id));var dataWithTranslations=commonCookies[id];return(0,objectSpread2.Z)({id:dataWithTranslations.id,hostName:dataWithTranslations.hostName,name:dataWithTranslations.name},commonCookies[id][language])}function setPropsToObject(targetObject,path,value){if(path.includes("_"))throw new Error('String "_" is not allowed in the path to avoid prototype pollution');var splitPath=path.split("."),lastPath=splitPath.pop(),targetPointInObject=splitPath.reduce((function(currentObj,currentPath){return void 0===currentObj[currentPath]&&(currentObj[currentPath]=Object.create(null)),currentObj[currentPath]}),targetObject);return lastPath&&(targetPointInObject[lastPath]=value),targetObject}function mergeObjects(target,source,paths){paths.forEach((function(path){var pickedFromSource=lodash_get_default()(source,path);if(pickedFromSource){var pickedFromTarget=lodash_get_default()(target,path);setPropsToObject(target,path,"string"==typeof pickedFromSource?pickedFromSource||pickedFromTarget:(0,objectSpread2.Z)((0,objectSpread2.Z)({},pickedFromTarget),pickedFromSource))}}))}function buildCookieGroups(props){var _props$requiredCookie,_props$optionalCookie,_props$requiredCookie2,_props$optionalCookie2,requiredCookies=[],optionalCookies=[],groupMap=new Map,currentLanguage=props.currentLanguage,noCommonConsentCookie=props.noCommonConsentCookie,helConsentCookieFound=!1,parseGroup=function parseGroup(groupSource,isRequired){var consentGroup,mapId=groupSource.commonGroup||groupSource.id||groupSource.title;if(!(consentGroup=groupMap.get(mapId))){if(groupSource.commonGroup){["title","text","expandAriaLabel","checkboxAriaDescription"].forEach((function(key){if(groupSource[key])throw new Error("Common group texts cannot be overridden.")}));var groupTexts=function getCommonCookieGroupTexts(language,id){return getCommonCookieGroup(id)[language]}(currentLanguage,groupSource.commonGroup);consentGroup=(0,objectSpread2.Z)((0,objectSpread2.Z)({},groupTexts),{},{cookies:[]})}else consentGroup={title:groupSource.title,text:groupSource.text,expandAriaLabel:groupSource.expandAriaLabel,checkboxAriaDescription:groupSource.checkboxAriaDescription,cookies:[]};groupMap.set(mapId,consentGroup),isRequired?requiredCookies.push(consentGroup):optionalCookies.push(consentGroup)}var cookies=mergeCookieGroupCookieSources(groupSource);cookies.length&&cookies.forEach((function(cookieSource){var _ref=cookieSource,commonCookie=(_ref.commonGroup,_ref.groupId,_ref.commonCookie),cookieProps=(0,objectWithoutProperties.Z)(_ref,_excluded);commonCookie&&["id","name","hostName","description","expiration"].forEach((function(key){if(cookieProps[key])throw new Error("Common cookie properties cannot be overridden.")}));var cookieData=commonCookie?getCommonCookie(currentLanguage,commonCookie):cookieProps;consentGroup.cookies.push(cookieData)}))},parseCookie=function parseCookie(cookie,isRequired){var commonGroup=cookie.commonGroup,groupId=cookie.groupId;if(!(commonGroup||groupId))throw new Error("Cannot add single cookie without a group");parseGroup({commonGroup,id:groupId,cookies:[cookie]},isRequired)};if(null!==(_props$requiredCookie=props.requiredCookies)&&void 0!==_props$requiredCookie&&_props$requiredCookie.groups&&props.requiredCookies.groups.forEach((function(group){parseGroup(group,!0)})),null!==(_props$optionalCookie=props.optionalCookies)&&void 0!==_props$optionalCookie&&_props$optionalCookie.groups&&props.optionalCookies.groups.forEach((function(group){parseGroup(group,!1)})),null!==(_props$requiredCookie2=props.requiredCookies)&&void 0!==_props$requiredCookie2&&_props$requiredCookie2.cookies&&props.requiredCookies.cookies.forEach((function(cookie){parseCookie(cookie,!0),cookie.id===COOKIE_NAME&&(helConsentCookieFound=!0)})),null!==(_props$optionalCookie2=props.optionalCookies)&&void 0!==_props$optionalCookie2&&_props$optionalCookie2.cookies&&props.optionalCookies.cookies.forEach((function(cookie){parseCookie(cookie,!1),cookie.id===COOKIE_NAME&&(helConsentCookieFound=!0)})),!noCommonConsentCookie&&!helConsentCookieFound){var consentCookie=getCommonCookie(currentLanguage,"helConsentCookie");consentCookie.id=COOKIE_NAME,parseGroup({commonGroup:"sharedConsents",cookies:[consentCookie]},!0)}return{requiredCookies,optionalCookies}}function buildConsentCategories(description,overrides,groups){if(overrides||groups&&groups.length){var data=(0,objectSpread2.Z)({},description);return overrides&&mergeObjects(data,overrides,["title","text","checkboxAriaDescription"]),groups&&(data.groups=groups),data}}function createContent(props){var siteName=props.siteName,language=props.language,currentLanguage=props.currentLanguage,optionalCookies=props.optionalCookies,requiredCookies=props.requiredCookies,focusTargetSelector=props.focusTargetSelector,content={texts:getTexts(currentLanguage,siteName),language:getLanguage(currentLanguage,language),focusTargetSelector};props.texts&&mergeObjects(content.texts,props.texts,["sections.main","sections.details","ui","tableHeadings"]);var consentGroups=buildCookieGroups(props),categoryDescriptions=function getCategoryDescriptions(language){var requiredCookies=commonContent.requiredCookies,optionalCookies=commonContent.optionalCookies;return{requiredCookies:requiredCookies[language],optionalCookies:optionalCookies[language]}}(currentLanguage);return content.optionalCookies=buildConsentCategories(categoryDescriptions.optionalCookies,optionalCookies,consentGroups.optionalCookies),content.requiredCookies=buildConsentCategories(categoryDescriptions.requiredCookies,requiredCookies,consentGroups.requiredCookies),content}var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),ContentContext=(0,react.createContext)((0,objectSpread2.Z)((0,objectSpread2.Z)({},{language:{},texts:{}}),{},{callbacks:{}})),forceFocusToElement=function forceFocusToElement(elementSelector){var focusTarget=document.querySelector(elementSelector);focusTarget&&focusTarget.focus&&(focusTarget.focus(),document.activeElement!==focusTarget&&(focusTarget.setAttribute("tabindex","-1"),focusTarget.focus()))},Provider=function Provider(_ref){var children=_ref.children,contentSource=_ref.contentSource,language=contentSource.currentLanguage,contextData=(0,react.useMemo)((function(){var content=createContent(contentSource),callbacks={onAllConsentsGiven:contentSource.onAllConsentsGiven,onConsentsParsed:contentSource.onConsentsParsed};return(0,objectSpread2.Z)((0,objectSpread2.Z)({},content),{},{callbacks})}),[language]);return(0,jsx_runtime.jsx)(ContentContext.Provider,{value:contextData,children})},useCookieContentContext=function useCookieContentContext(){return(0,react.useContext)(ContentContext)},useUiTexts=function useUiTexts(){return useCookieContentContext().texts.ui},useSectionTexts=function useSectionTexts(section){return useCookieContentContext().texts.sections[section]},useTableData=function useTableData(){return useCookieContentContext().texts.tableHeadings},useContentLanguage=function useContentLanguage(){return useCookieContentContext().language};try{forceFocusToElement.displayName="forceFocusToElement",forceFocusToElement.__docgenInfo={description:"",displayName:"forceFocusToElement",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/contexts/ContentContext.tsx#forceFocusToElement"]={docgenInfo:forceFocusToElement.__docgenInfo,name:"forceFocusToElement",path:"src/components/cookieConsent/contexts/ContentContext.tsx#forceFocusToElement"})}catch(__react_docgen_typescript_loader_error){}try{Provider.displayName="Provider",Provider.__docgenInfo={description:"",displayName:"Provider",props:{cookieDomain:{defaultValue:null,description:"",name:"cookieDomain",required:!1,type:{name:"string"}},contentSource:{defaultValue:null,description:"",name:"contentSource",required:!0,type:{name:"CookieContentSource"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/contexts/ContentContext.tsx#Provider"]={docgenInfo:Provider.__docgenInfo,name:"Provider",path:"src/components/cookieConsent/contexts/ContentContext.tsx#Provider"})}catch(__react_docgen_typescript_loader_error){}try{useSectionTexts.displayName="useSectionTexts",useSectionTexts.__docgenInfo={description:"",displayName:"useSectionTexts",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/contexts/ContentContext.tsx#useSectionTexts"]={docgenInfo:useSectionTexts.__docgenInfo,name:"useSectionTexts",path:"src/components/cookieConsent/contexts/ContentContext.tsx#useSectionTexts"})}catch(__react_docgen_typescript_loader_error){}var ConsentContext=(0,react.createContext)({hasUserHandledAllConsents:function hasUserHandledAllConsents(){return!1},onAction:function onAction(){},getApprovalPercentageForOptional:function getApprovalPercentageForOptional(){return 0},areGroupConsentsApproved:function areGroupConsentsApproved(){return!1}}),getConsentsFromCookieGroup=function getConsentsFromCookieGroup(groups){return groups.reduce((function(ids,currentGroup){return currentGroup.cookies.forEach((function(consentData){ids.push(consentData.id)})),ids}),[])},ConsentContext_Provider=function Provider(_ref){var cookieDomain=_ref.cookieDomain,children=_ref.children,content=useCookieContentContext(),cookies=(0,react.useMemo)((function(){return{requiredCookies:content.requiredCookies,optionalCookies:content.optionalCookies}}),[]),requiredConsents=cookies.requiredCookies?getConsentsFromCookieGroup(cookies.requiredCookies.groups):void 0,optionalConsents=cookies.optionalCookies?getConsentsFromCookieGroup(cookies.optionalCookies.groups):void 0,consentController=(0,react.useMemo)((function(){return createConsentController({requiredConsents,optionalConsents,cookieDomain})}),[]),_useState=(0,react.useState)(0),forceUpdate=(0,slicedToArray.Z)(_useState,2)[1],reRender=(0,react.useCallback)((function(){forceUpdate((function(p){return p+1}))}),[forceUpdate]),consentControllerFunctions=(0,react.useMemo)((function(){var hasUserHandledAllConsents=function hasUserHandledAllConsents(){return 0===consentController.getRequiredWithoutConsent().length&&0===consentController.getUnhandledConsents().length},mergeConsents=function mergeConsents(){return(0,objectSpread2.Z)((0,objectSpread2.Z)({},consentController.getRequired()),consentController.getOptional())},notifyOnAllConsentsGiven=function notifyOnAllConsentsGiven(){content.callbacks.onAllConsentsGiven&&hasUserHandledAllConsents()&&content.callbacks.onAllConsentsGiven(mergeConsents()),content.focusTargetSelector&&forceFocusToElement(content.focusTargetSelector)},setOptional=function setOptional(approved){Object.keys(consentController.getOptional()).forEach((function(optionalConsent){consentController.update(optionalConsent,approved)}))},deselectOptional=function deselectOptional(){setOptional(!1)};return{setOptional,areGroupConsentsApproved:function areGroupConsentsApproved(consentData){var optionalConsentList=consentController.getOptional();return!consentData.reduce((function(hasUnApprovedConsent,consent){return hasUnApprovedConsent||!0!==optionalConsentList[consent.id]}),!1)},getApprovalPercentageForOptional:function getApprovalPercentageForOptional(){var counter=0,approved=0;return Object.values(consentController.getOptional()).forEach((function(isApproved){counter+=1,isApproved&&(approved+=1)})),approved/counter},onAction:function onAction(action,consents,value){"approveAll"===action?function approveAllAndSave(){consentController.approveAll(),consentController.save(),notifyOnAllConsentsGiven()}():"approveRequired"===action?function approveOnlyRequiredAndSave(){deselectOptional(),consentController.approveRequired(),consentController.save(),notifyOnAllConsentsGiven()}():"approveSelectedAndRequired"===action?function approveRequiredAndSaveAllGivenConsents(){consentController.approveRequired(),consentController.save(),notifyOnAllConsentsGiven()}():"changeCookieGroupConsents"===action&&consents?consents.forEach((function(consent){consentController.update(consent,!!value)})):"approveOptional"===action?function selectOptional(){setOptional(!0)}():"unapproveOptional"===action&&deselectOptional(),reRender()},hasUserHandledAllConsents,mergeConsents}}),[consentController,reRender]),contextData={hasUserHandledAllConsents:consentControllerFunctions.hasUserHandledAllConsents,onAction:consentControllerFunctions.onAction,getApprovalPercentageForOptional:consentControllerFunctions.getApprovalPercentageForOptional,areGroupConsentsApproved:consentControllerFunctions.areGroupConsentsApproved};return content.callbacks.onConsentsParsed&&(content.callbacks.onConsentsParsed(consentControllerFunctions.mergeConsents(),consentControllerFunctions.hasUserHandledAllConsents()),content.callbacks.onConsentsParsed=void 0),(0,jsx_runtime.jsx)(ConsentContext.Provider,{value:contextData,children})},useCookieConsentContext=function useCookieConsentContext(){return(0,react.useContext)(ConsentContext)},useConsentActions=function useConsentActions(){return(0,react.useContext)(ConsentContext).onAction},useFocusShift=function useFocusShift(){var focusTargetSelector=useCookieContentContext().focusTargetSelector;if(!focusTargetSelector)throw new Error("Cookie consent modal requires a content.focusTargetSelector to be set");return(0,react.useCallback)((function(){forceFocusToElement(focusTargetSelector)}),[focusTargetSelector])};try{getConsentsFromCookieGroup.displayName="getConsentsFromCookieGroup",getConsentsFromCookieGroup.__docgenInfo={description:"",displayName:"getConsentsFromCookieGroup",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/contexts/ConsentContext.tsx#getConsentsFromCookieGroup"]={docgenInfo:getConsentsFromCookieGroup.__docgenInfo,name:"getConsentsFromCookieGroup",path:"src/components/cookieConsent/contexts/ConsentContext.tsx#getConsentsFromCookieGroup"})}catch(__react_docgen_typescript_loader_error){}try{ConsentContext_Provider.displayName="Provider",ConsentContext_Provider.__docgenInfo={description:"",displayName:"Provider",props:{cookieDomain:{defaultValue:null,description:"",name:"cookieDomain",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/contexts/ConsentContext.tsx#Provider"]={docgenInfo:ConsentContext_Provider.__docgenInfo,name:"Provider",path:"src/components/cookieConsent/contexts/ConsentContext.tsx#Provider"})}catch(__react_docgen_typescript_loader_error){}function CookieConsentContext(props){var cookieDomain=props.cookieDomain,contentSource=props.contentSource,children=props.children;return(0,jsx_runtime.jsx)(Provider,{contentSource,children:(0,jsx_runtime.jsx)(ConsentContext_Provider,{cookieDomain,children})})}try{CookieConsentContext.displayName="CookieConsentContext",CookieConsentContext.__docgenInfo={description:"",displayName:"CookieConsentContext",props:{contentSource:{defaultValue:null,description:"",name:"contentSource",required:!0,type:{name:"CookieContentSource"}},cookieDomain:{defaultValue:null,description:"",name:"cookieDomain",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/contexts/ContextComponent.tsx#CookieConsentContext"]={docgenInfo:CookieConsentContext.__docgenInfo,name:"CookieConsentContext",path:"src/components/cookieConsent/contexts/ContextComponent.tsx#CookieConsentContext"})}catch(__react_docgen_typescript_loader_error){}const CookieConsent_module={accordionButton:"CookieConsent_accordionButton__xSVea",container:"CookieConsent_container__dsEn5",aligner:"CookieConsent_aligner__BpPTD",animateIn:"CookieConsent_animateIn__M+nBi",page:"CookieConsent_page__2AA1O",buttons:"CookieConsent_buttons__g7E1s",emulatedH1:"CookieConsent_emulatedH1__OLXR7 helpers_heading-l__ZCbCh",emulatedH2:"CookieConsent_emulatedH2__T4JhT helpers_heading-m__7mAiU",content:"CookieConsent_content__RLmY5",languageSwitcher:"CookieConsent_languageSwitcher__sYmnz",languageSelectorOverride:"CookieConsent_languageSelectorOverride__P+USi",mainContent:"CookieConsent_mainContent__ii5XZ",textContent:"CookieConsent_textContent__iwsea",list:"CookieConsent_list__imaJ6",detailsAccordionButton:"CookieConsent_detailsAccordionButton__YIPsP",accordionButtonSettingsClosed:"CookieConsent_accordionButtonSettingsClosed__mOY6L",consentCategory:"CookieConsent_consentCategory__eqNHR",consentGroup:"CookieConsent_consentGroup__tB53y",consentGroupContent:"CookieConsent_consentGroupContent__MJ36h",titleWithCheckbox:"CookieConsent_titleWithCheckbox__YRs6y",dataTableContainer:"CookieConsent_dataTableContainer__2eIGW",saveNotification:"CookieConsent_saveNotification__y0AGx",readMoreButton:"CookieConsent_readMoreButton__YYUGw",shrinkOnBlur:"CookieConsent_shrinkOnBlur__ZB-Xt",visuallyHiddenWithoutFocus:"CookieConsent_visuallyHiddenWithoutFocus__Inl2e",hiddenWithoutFocus:"CookieConsent_hiddenWithoutFocus__Sn3EG"};var dist_import=__webpack_require__("../../node_modules/@react-aria/visually-hidden/dist/import.mjs"),Checkbox=__webpack_require__("./src/components/checkbox/Checkbox.tsx"),useAccordion=__webpack_require__("./src/components/accordion/useAccordion.ts"),IconAngleUp=__webpack_require__("./src/icons/IconAngleUp.tsx"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),Card=__webpack_require__("./src/components/card/Card.tsx"),Table=__webpack_require__("./src/components/table/Table.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts");function ConsentGroupDataTable(props){var tableHeadings=useTableData(),consents=props.consents,id=props.id,cols=(0,react.useMemo)((function(){return Object.entries(tableHeadings).map((function(entry){var _entry=(0,slicedToArray.Z)(entry,2);return{key:_entry[0],headerName:_entry[1]}}))}),[tableHeadings]),rows=(0,react.useMemo)((function(){return consents.map((function(consent){return consent}))}),[consents]);return(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(CookieConsent_module.dataTableContainer),children:(0,jsx_runtime.jsx)(Table.i,{id,"data-testid":id,cols,rows,indexKey:"id",renderIndexCol:!1,theme:{"--header-background-color":"var(--color-black-90)"},dense:!0})})}try{ConsentGroupDataTable.displayName="ConsentGroupDataTable",ConsentGroupDataTable.__docgenInfo={description:"",displayName:"ConsentGroupDataTable",props:{consents:{defaultValue:null,description:"",name:"consents",required:!0,type:{name:"CookieData[]"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/consentGroupDataTable/ConsentGroupDataTable.tsx#ConsentGroupDataTable"]={docgenInfo:ConsentGroupDataTable.__docgenInfo,name:"ConsentGroupDataTable",path:"src/components/cookieConsent/consentGroupDataTable/ConsentGroupDataTable.tsx#ConsentGroupDataTable"})}catch(__react_docgen_typescript_loader_error){}function ConsentGroup(props){var group=props.group,isRequired=props.isRequired,id=props.id,_useAccordion=(0,useAccordion.A)({initiallyOpen:!1}),isOpen=_useAccordion.isOpen,buttonProps=_useAccordion.buttonProps,contentProps=_useAccordion.contentProps,groupConsents=group.cookies,cookieConsentContext=useCookieConsentContext(),triggerAction=useConsentActions(),areAllApproved=isRequired||cookieConsentContext.areGroupConsentsApproved(groupConsents),title=group.title,text=group.text,checkboxAriaDescription=group.checkboxAriaDescription,expandAriaLabel=group.expandAriaLabel,Icon=isOpen?IconAngleUp.IconAngleUp:IconAngleDown.IconAngleDown,getGroupIdentifier=function getGroupIdentifier(suffix){return"".concat(id,"-").concat(suffix)},checkboxId=getGroupIdentifier("checkbox"),descriptionElementId=getGroupIdentifier("description"),checkboxProps={onChange:isRequired?function(){}:function(){return triggerAction("changeCookieGroupConsents",groupConsents.map((function(consent){return consent.id})),!areAllApproved)},disabled:isRequired,checked:areAllApproved,id:checkboxId,"data-testid":checkboxId,name:checkboxId,label:title,"aria-describedby":descriptionElementId,style:{"--label-font-size":"var(--fontsize-heading-s)"}};return(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.consentGroup,children:[(0,jsx_runtime.jsx)("div",{className:CookieConsent_module.titleWithCheckbox,children:(0,jsx_runtime.jsx)(Checkbox.X,(0,objectSpread2.Z)({},checkboxProps))}),(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.consentGroupContent,children:[(0,jsx_runtime.jsx)("p",{"aria-hidden":!0,children:text}),(0,jsx_runtime.jsx)(dist_import.T,{id:descriptionElementId,children:checkboxAriaDescription||text}),(0,jsx_runtime.jsx)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({type:"button",className:CookieConsent_module.accordionButton,"data-testid":getGroupIdentifier("details-toggler"),"aria-label":expandAriaLabel},buttonProps),{},{children:(0,jsx_runtime.jsx)(Icon,{"aria-hidden":!0})})),(0,jsx_runtime.jsx)(Card.Z,(0,objectSpread2.Z)((0,objectSpread2.Z)({},contentProps),{},{"aria-label":title,theme:{"--padding-horizontal":"0","--padding-vertical":"0"},children:(0,jsx_runtime.jsx)(ConsentGroupDataTable,{consents:groupConsents,id:getGroupIdentifier("table")})}))]})]})}try{ConsentGroup.displayName="ConsentGroup",ConsentGroup.__docgenInfo={description:"",displayName:"ConsentGroup",props:{group:{defaultValue:null,description:"",name:"group",required:!0,type:{name:"CookieGroup"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!0,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/consentGroup/ConsentGroup.tsx#ConsentGroup"]={docgenInfo:ConsentGroup.__docgenInfo,name:"ConsentGroup",path:"src/components/cookieConsent/consentGroup/ConsentGroup.tsx#ConsentGroup"})}catch(__react_docgen_typescript_loader_error){}function Category(props){var category=props.category,isRequired=props.isRequired,triggerAction=props.triggerAction,_props$selectPercenta=props.selectPercentage,selectPercentage=void 0===_props$selectPercenta?-1:_props$selectPercenta;if(!category)return null;var allApproved=isRequired||1===selectPercentage,title=category.title,text=category.text,groups=category.groups,checkboxAriaDescription=category.checkboxAriaDescription,checked=isRequired||allApproved,groupId=isRequired?"required":"optional",getConsentGroupIdentifier=function getConsentGroupIdentifier(suffix){return"".concat(groupId,"-consents-").concat(suffix)},checkboxId=getConsentGroupIdentifier("checkbox"),descriptionElementId=getConsentGroupIdentifier("description"),checkboxProps={onChange:triggerAction?function(){return triggerAction(checked?"unapproveOptional":"approveOptional")}:function(){},disabled:isRequired,checked,indeterminate:!isRequired&&!Number.isInteger(selectPercentage),id:checkboxId,"data-testid":checkboxId,name:checkboxId,label:title,"aria-describedby":descriptionElementId,style:{"--label-font-size":"var(--fontsize-heading-m)"}};return(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.consentCategory,children:[(0,jsx_runtime.jsx)("div",{className:CookieConsent_module.titleWithCheckbox,children:(0,jsx_runtime.jsx)(Checkbox.X,(0,objectSpread2.Z)({},checkboxProps))}),(0,jsx_runtime.jsx)("p",{"aria-hidden":!0,children:text}),(0,jsx_runtime.jsx)(dist_import.T,{id:descriptionElementId,children:checkboxAriaDescription||text}),(0,jsx_runtime.jsx)("ul",{className:CookieConsent_module.list,children:groups.map((function(group,index){return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(ConsentGroup,{group,isRequired,id:getConsentGroupIdentifier("group-".concat(index))})},group.title)}))})]})}var MemoizedCategory=react.memo(Category);try{Category.displayName="Category",Category.__docgenInfo={description:"",displayName:"Category",props:{category:{defaultValue:null,description:"",name:"category",required:!1,type:{name:"Category"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!1,type:{name:"boolean"}},triggerAction:{defaultValue:null,description:"",name:"triggerAction",required:!1,type:{name:"CookieConsentActionListener"}},selectPercentage:{defaultValue:null,description:"",name:"selectPercentage",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/category/Category.tsx#Category"]={docgenInfo:Category.__docgenInfo,name:"Category",path:"src/components/cookieConsent/category/Category.tsx#Category"})}catch(__react_docgen_typescript_loader_error){}try{MemoizedCategory.displayName="MemoizedCategory",MemoizedCategory.__docgenInfo={description:"",displayName:"MemoizedCategory",props:{category:{defaultValue:null,description:"",name:"category",required:!1,type:{name:"Category"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!1,type:{name:"boolean"}},triggerAction:{defaultValue:null,description:"",name:"triggerAction",required:!1,type:{name:"CookieConsentActionListener"}},selectPercentage:{defaultValue:null,description:"",name:"selectPercentage",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/category/Category.tsx#MemoizedCategory"]={docgenInfo:MemoizedCategory.__docgenInfo,name:"MemoizedCategory",path:"src/components/cookieConsent/category/Category.tsx#MemoizedCategory"})}catch(__react_docgen_typescript_loader_error){}function Details(){var content=useCookieContentContext(),consentContext=useCookieConsentContext(),triggerAction=useConsentActions(),selectPercentage=consentContext.getApprovalPercentageForOptional(),_useSectionTexts=useSectionTexts("details"),title=_useSectionTexts.title,text=_useSectionTexts.text,requiredCookies=content.requiredCookies,optionalCookies=content.optionalCookies;return(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.textContent,"data-testid":"cookie-consent-details",children:[(0,jsx_runtime.jsx)("span",{className:CookieConsent_module.emulatedH2,role:"heading","aria-level":2,children:title}),(0,jsx_runtime.jsx)("p",{children:text}),(0,jsx_runtime.jsx)(MemoizedCategory,{category:requiredCookies,isRequired:!0}),(0,jsx_runtime.jsx)(MemoizedCategory,{category:optionalCookies,triggerAction,selectPercentage})]})}var Button=__webpack_require__("./src/components/button/Button.tsx");function Buttons(_ref){var detailsAreShown=_ref.detailsAreShown,_ref$onClick=_ref.onClick,_onClick=void 0===_ref$onClick?function(){}:_ref$onClick,triggerAction=_ref.triggerAction,_useUiTexts=useUiTexts(),approveRequiredAndSelectedConsents=_useUiTexts.approveRequiredAndSelectedConsents,approveOnlyRequiredConsents=_useUiTexts.approveOnlyRequiredConsents,approveAllConsents=_useUiTexts.approveAllConsents,primaryButtonText=detailsAreShown?approveRequiredAndSelectedConsents:approveAllConsents,primaryButtonAction=detailsAreShown?"approveSelectedAndRequired":"approveAll";return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(CookieConsent_module.buttons,detailsAreShown?"":CookieConsent_module.visuallyHiddenWithoutFocus),children:[(0,jsx_runtime.jsx)(Button.z,{variant:"secondary",onClick:function onClick(){triggerAction(primaryButtonAction),_onClick()},"data-testid":"cookie-consent-approve-button",children:primaryButtonText}),(0,jsx_runtime.jsx)(Button.z,{variant:"secondary",onClick:function onClick(){triggerAction("approveRequired"),_onClick()},"data-testid":"cookie-consent-approve-required-button",children:approveOnlyRequiredConsents})]})}var MemoizedButtons=react.memo(Buttons);try{MemoizedButtons.displayName="MemoizedButtons",MemoizedButtons.__docgenInfo={description:"",displayName:"MemoizedButtons",props:{detailsAreShown:{defaultValue:null,description:"",name:"detailsAreShown",required:!0,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}},triggerAction:{defaultValue:null,description:"",name:"triggerAction",required:!0,type:{name:"CookieConsentActionListener"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/buttons/Buttons.tsx#MemoizedButtons"]={docgenInfo:MemoizedButtons.__docgenInfo,name:"MemoizedButtons",path:"src/components/cookieConsent/buttons/Buttons.tsx#MemoizedButtons"})}catch(__react_docgen_typescript_loader_error){}var Notification=__webpack_require__("./src/components/notification/Notification.tsx");function Page(){var content=useCookieContentContext(),triggerAction=useConsentActions(),_content$texts$sectio=content.texts.sections.main,title=_content$texts$sectio.title,text=_content$texts$sectio.text,settingsSaved=content.texts.ui.settingsSaved,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showSaveNotification=_useState2[0],setShowSaveNotification=_useState2[1],onButtonClick=(0,react.useCallback)((function(){setShowSaveNotification(!0)}),[setShowSaveNotification]);return(0,jsx_runtime.jsx)("div",{className:CookieConsent_module.page,"data-testid":"cookie-consent",children:(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.content,id:"cookie-consent-content",children:[(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.mainContent,"data-testid":"cookie-consent-information",children:[(0,jsx_runtime.jsx)("h1",{className:"heading-xl",children:title}),(0,jsx_runtime.jsx)("p",{children:text})]}),(0,jsx_runtime.jsx)(Details,{}),showSaveNotification&&(0,jsx_runtime.jsx)(Notification.P,{size:"small",type:"success",label:"Saved",dataTestId:"cookie-consent-save-notification",className:CookieConsent_module.saveNotification,children:settingsSaved}),(0,jsx_runtime.jsx)(MemoizedButtons,{detailsAreShown:!0,onClick:onButtonClick,triggerAction})]})})}function CookiePage(props){var cookieDomain=props.cookieDomain,contentSource=props.contentSource;return(0,jsx_runtime.jsx)(CookieConsentContext,{contentSource,cookieDomain,children:(0,jsx_runtime.jsx)(Page,{})})}try{CookiePage.displayName="CookiePage",CookiePage.__docgenInfo={description:"",displayName:"CookiePage",props:{contentSource:{defaultValue:null,description:"",name:"contentSource",required:!0,type:{name:"CookieContentSource"}},cookieDomain:{defaultValue:null,description:"",name:"cookieDomain",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/cookiePage/CookiePage.tsx#CookiePage"]={docgenInfo:CookiePage.__docgenInfo,name:"CookiePage",path:"src/components/cookieConsent/cookiePage/CookiePage.tsx#CookiePage"})}catch(__react_docgen_typescript_loader_error){}var Navigation=__webpack_require__("./src/components/navigation/Navigation.tsx");function LanguageSwitcher(){var _useContentLanguage=useContentLanguage(),current=_useContentLanguage.current,languageOptions=_useContentLanguage.languageOptions,languageSelectorAriaLabel=_useContentLanguage.languageSelectorAriaLabel,onLanguageChange=_useContentLanguage.onLanguageChange,currentOption=languageOptions.find((function(option){return option.code===current}));return(0,jsx_runtime.jsx)(Navigation.W.LanguageSelector,{label:currentOption.label,buttonAriaLabel:languageSelectorAriaLabel,className:CookieConsent_module.languageSelectorOverride,id:"cookie-consent-language-selector",children:languageOptions.map((function(option){return(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return function setLanguage(code,e){if(e.preventDefault(),code!==current)onLanguageChange(code);else{var languageMenuButton=document.getElementById("".concat("cookie-consent-language-selector","-button"));languageMenuButton&&languageMenuButton.focus()}}(option.code,e)},label:option.label,active:current===option.code,lang:option.code,"data-testid":"cookie-consent-language-option-".concat(option.code)},option.code)}))})}function useEscKey(callBack){(0,react.useEffect)((function(){var handleEscKey=function handleEscKey(event){var key=event.key||event.keyCode;"Escape"!==key&&"Esc"!==key&&27!==key||callBack(event)};return document.addEventListener("keyup",handleEscKey),function(){document.removeEventListener("keyup",handleEscKey)}}),[callBack])}function Content(){var _useAccordion=(0,useAccordion.A)({initiallyOpen:!1}),isOpen=_useAccordion.isOpen,buttonProps=_useAccordion.buttonProps,contentProps=_useAccordion.contentProps,closeAccordion=_useAccordion.closeAccordion,_useUiTexts=useUiTexts(),hideSettings=_useUiTexts.hideSettings,showSettings=_useUiTexts.showSettings,readMore=_useUiTexts.readMore,_useSectionTexts=useSectionTexts("main"),title=_useSectionTexts.title,text=_useSectionTexts.text,triggerAction=useConsentActions(),titleRef=(0,react.useRef)(),Icon=isOpen?IconAngleUp.IconAngleUp:IconAngleDown.IconAngleDown,settingsButtonText=isOpen?hideSettings:showSettings,detailsButtonClassName=isOpen?(0,classNames.Z)(CookieConsent_module.detailsAccordionButton,CookieConsent_module.accordionButton,CookieConsent_module.hiddenWithoutFocus):(0,classNames.Z)(CookieConsent_module.detailsAccordionButton,CookieConsent_module.accordionButton,CookieConsent_module.accordionButtonSettingsClosed,CookieConsent_module.hiddenWithoutFocus),setFocusToTitle=(0,react.useCallback)((function(){title&&titleRef.current&&titleRef.current.focus()}),[titleRef,title]);return(0,react.useEffect)((function(){setFocusToTitle()}),[setFocusToTitle]),useEscKey(closeAccordion),useEscKey(useFocusShift()),(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(CookieConsent_module.content,isOpen?"":CookieConsent_module.shrinkOnBlur),id:"cookie-consent-content",tabIndex:-1,children:[(0,jsx_runtime.jsxs)("div",{className:CookieConsent_module.mainContent,"data-testid":"cookie-consent-information",children:[(0,jsx_runtime.jsx)("span",{className:CookieConsent_module.emulatedH1,role:"heading","aria-level":1,tabIndex:-1,ref:titleRef,children:title}),(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(CookieConsent_module.languageSwitcher,CookieConsent_module.visuallyHiddenWithoutFocus),"data-testid":"cookie-consent-language-switcher",children:(0,jsx_runtime.jsx)(LanguageSwitcher,{})}),(0,jsx_runtime.jsx)("p",{className:CookieConsent_module.visuallyHiddenWithoutFocus,children:text}),(0,jsx_runtime.jsxs)("button",{type:"button",className:(0,classNames.Z)(CookieConsent_module.accordionButton,CookieConsent_module.readMoreButton),onMouseDown:function onMouseDown(e){e.preventDefault(),setFocusToTitle()},children:[(0,jsx_runtime.jsx)("span",{children:readMore}),(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0})]})]}),(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({type:"button",className:detailsButtonClassName,"data-testid":"cookie-consent-settings-toggler"},buttonProps),{},{children:[(0,jsx_runtime.jsx)(Icon,{"aria-hidden":!0}),(0,jsx_runtime.jsx)("span",{children:settingsButtonText})]})),(0,jsx_runtime.jsx)(Card.Z,(0,objectSpread2.Z)((0,objectSpread2.Z)({},contentProps),{},{theme:{"--padding-horizontal":"0","--padding-vertical":"0"},children:(0,jsx_runtime.jsx)(Details,{})})),(0,jsx_runtime.jsx)(MemoizedButtons,{detailsAreShown:isOpen,triggerAction})]})}function useModalRenderChecker(){var consentContext=useCookieConsentContext(),contentContext=useCookieContentContext();return!(!contentContext.optionalCookies||0===contentContext.optionalCookies.groups.length)&&!consentContext.hasUserHandledAllConsents()}function Modal(){var shouldShowModal=useModalRenderChecker(),_useState=(0,react.useState)(shouldShowModal),isModalInitiallyShown=(0,slicedToArray.Z)(_useState,1)[0],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),popupTimerComplete=_useState4[0],setPopupTimerComplete=_useState4[1],showScreenReaderSaveNotification=isModalInitiallyShown&&!shouldShowModal,settingsSaved=useUiTexts().settingsSaved,forwardedRef=function useModalPlaceHolder(){var placeHolderId="HdsCookieConsentModalPlaceholder",observedElementRef=(0,react.useRef)(null),placeHolderRef=(0,react.useRef)(null),contentObserver=(0,react.useRef)(null),createPlaceholderElement=(0,react.useCallback)((function(){var placeHolderElement=document.createElement("div");return placeHolderElement.setAttribute("data-testid","html-cookie-consent-placeholder"),placeHolderElement.setAttribute("aria-hidden","true"),placeHolderElement.setAttribute("id",placeHolderId),document.body.lastChild.after(placeHolderElement),placeHolderElement}),[]),updatePlaceHolder=(0,react.useCallback)((function(placeHolderElement,contentElement){if(placeHolderElement){var newHeight=contentElement?contentElement.getBoundingClientRect().height:0;placeHolderElement.style.height="".concat(newHeight,"px")}}),[]),setPlaceHolderTransitionDelay=(0,react.useCallback)((function(placeHolderElement){placeHolderElement&&(placeHolderElement.style.transition="height 0.1s ease 0.2s")}),[]),onObservedElementChange=(0,react.useCallback)((function(){updatePlaceHolder(placeHolderRef.current,observedElementRef.current)}),[updatePlaceHolder,placeHolderRef,observedElementRef]),getPlaceHolderElement=(0,react.useCallback)((function(){return document.getElementById(placeHolderId)}),[placeHolderId]),removeContentObserver=(0,react.useCallback)((function(){contentObserver.current&&(contentObserver.current.disconnect(),contentObserver.current=null)}),[contentObserver]),addContentObserver=(0,react.useCallback)((function(observedElement){removeContentObserver(),contentObserver.current=new ResizeObserver(onObservedElementChange),contentObserver.current.observe(observedElement)}),[removeContentObserver,contentObserver,onObservedElementChange]),removePlaceHolder=(0,react.useCallback)((function(){placeHolderRef.current&&(placeHolderRef.current.remove(),placeHolderRef.current=null)}),[placeHolderRef]),createAndStorePlaceHolderElement=(0,react.useCallback)((function(){placeHolderRef.current||(placeHolderRef.current=getPlaceHolderElement()||createPlaceholderElement(),setPlaceHolderTransitionDelay(placeHolderRef.current))}),[placeHolderRef,getPlaceHolderElement,createPlaceholderElement,setPlaceHolderTransitionDelay]),cleanUp=(0,react.useCallback)((function(){removeContentObserver(),removePlaceHolder()}),[removeContentObserver,removePlaceHolder]),refListener=(0,react.useCallback)((function(observedElement){return observedElement&&!placeHolderRef.current&&createAndStorePlaceHolderElement(),observedElementRef.current!==observedElement&&(observedElement?addContentObserver(observedElement):cleanUp(),observedElementRef.current=observedElement),observedElementRef}),[placeHolderRef,cleanUp,observedElementRef,addContentObserver,createAndStorePlaceHolderElement]);return(0,react.useEffect)((function(){return function(){cleanUp()}}),[cleanUp]),refListener}();return(0,react.useEffect)((function(){setTimeout((function(){return setPopupTimerComplete(!0)}),500)}),[]),showScreenReaderSaveNotification?(0,jsx_runtime.jsx)(dist_import.T,{children:(0,jsx_runtime.jsx)("div",{role:"alert","data-testid":"cookie-consent-screen-reader-notification",tabIndex:-1,children:settingsSaved})}):shouldShowModal?(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(CookieConsent_module.container,CookieConsent_module.modal,popupTimerComplete&&CookieConsent_module.animateIn),"data-testid":"cookie-consent",children:(0,jsx_runtime.jsx)("div",{className:CookieConsent_module.aligner,ref:forwardedRef,children:popupTimerComplete&&(0,jsx_runtime.jsx)(Content,{})})}):null}var Accordion=__webpack_require__("./src/components/accordion/Accordion.tsx");function useCookies(props){var _ref=props||{},cookieDomain=_ref.cookieDomain,cookieName=_ref.cookieName;return(0,react.useMemo)((function(){var cookieController=cookieController_createCookieController({domain:cookieDomain||getCookieDomainFromUrl()},cookieName||COOKIE_NAME),getCookie=function getCookie(){return cookieController.get()};return{getCookie,getAllConsents:function getAllConsents(){return parseConsents(getCookie())}}}),[cookieDomain,cookieName])}var react_dom=__webpack_require__("../../node_modules/react-dom/index.js");function Portal(_ref){var rootId=_ref.rootId,children=_ref.children,shouldShowModal=useModalRenderChecker(),containerElementRef=(0,react.useRef)(null),wasPortalCreated=(0,react.useRef)(!1),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),isDomReady=_useState2[0],setIsDomReady=_useState2[1],getContainerElement=(0,react.useCallback)((function(){return containerElementRef.current||document.getElementById(rootId)}),[rootId,containerElementRef]),getChildNodeCount=(0,react.useCallback)((function(){var container=getContainerElement();return container?container.childNodes.length:0}),[getContainerElement]),removePortal=(0,react.useCallback)((function(){var containerElement=containerElementRef.current||document.getElementById(rootId);containerElementRef.current=null,containerElement&&!getChildNodeCount()&&containerElement.remove()}),[rootId,getChildNodeCount]);return(0,react.useEffect)((function(){if(!shouldShowModal)return removePortal(),function(){};var containerElement=document.getElementById(rootId);return containerElement||((containerElement=document.createElement("div")).setAttribute("id",rootId),containerElement.setAttribute("data-testid","html-cookie-consent-container"),document.body.insertBefore(containerElement,document.body.firstChild)),containerElementRef.current=containerElement,setIsDomReady(!0),function(){removePortal()}}),[rootId,shouldShowModal,setIsDomReady,removePortal]),"undefined"==typeof document?null:0!==getChildNodeCount()||shouldShowModal&&isDomReady?getChildNodeCount()>0&&!wasPortalCreated.current?null:containerElementRef.current?(wasPortalCreated.current=!0,(0,react_dom.createPortal)((0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children}),containerElementRef.current)):null:null}try{Portal.displayName="Portal",Portal.__docgenInfo={description:"",displayName:"Portal",props:{rootId:{defaultValue:null,description:"",name:"rootId",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/cookieModal/Portal.tsx#Portal"]={docgenInfo:Portal.__docgenInfo,name:"Portal",path:"src/components/cookieConsent/cookieModal/Portal.tsx#Portal"})}catch(__react_docgen_typescript_loader_error){}function CookieModal(_ref){var contentSource=_ref.contentSource,cookieDomain=_ref.cookieDomain,_ref$rootId=_ref.rootId,rootId=void 0===_ref$rootId?"HdsCookieConsentContainer":_ref$rootId;return(0,jsx_runtime.jsx)(CookieConsentContext,{contentSource,cookieDomain,children:(0,jsx_runtime.jsx)(Portal,{rootId,children:(0,jsx_runtime.jsx)(Modal,{})})})}try{CookieModal.displayName="CookieModal",CookieModal.__docgenInfo={description:"",displayName:"CookieModal",props:{contentSource:{defaultValue:null,description:"",name:"contentSource",required:!0,type:{name:"CookieContentSource"}},cookieDomain:{defaultValue:null,description:"",name:"cookieDomain",required:!1,type:{name:"string"}},rootId:{defaultValue:{value:"HdsCookieConsentContainer"},description:"",name:"rootId",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/cookieModal/CookieModal.tsx#CookieModal"]={docgenInfo:CookieModal.__docgenInfo,name:"CookieModal",path:"src/components/cookieConsent/cookieModal/CookieModal.tsx#CookieModal"})}catch(__react_docgen_typescript_loader_error){}const CookieConsent_stories={component:CookieModal,title:"Components/CookieConsent",parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { useCookieConsentContext } from './contexts/ConsentContext';\nimport { Category, CookieData, SupportedLanguage, useCookieContentContext } from './contexts/ContentContext';\nimport { CookieConsentContext } from './contexts/ContextComponent';\nimport { CookiePage } from './cookiePage/CookiePage';\nimport { CookieContentSource } from './content.builder';\nimport { Modal } from './modal/Modal';\nimport { Accordion } from '../accordion';\nimport { useCookies } from './useCookies';\nimport { CookieModal } from './cookieModal/CookieModal';\n\nexport default {\n component: CookieModal,\n title: 'Components/CookieConsent',\n parameters: {\n controls: { expanded: true },\n docs: { disable: true },\n },\n args: {},\n};\n\nconst ForcePageScrollBarForModalTesting = () => {\n return (\n
\n
 
\n

Bottom page

\n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const EnglishModalVersion = (args) => {\n const [language, setLanguage] = useState('en');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: 'Test website',\n currentLanguage: language,\n requiredCookies: {\n groups: [\n {\n commonGroup: 'login',\n cookies: [\n {\n commonCookie: 'tunnistamo',\n },\n {\n commonCookie: 'keycloak',\n },\n ],\n },\n {\n commonGroup: 'essential',\n cookies: [\n {\n commonCookie: 'cms-session',\n },\n ],\n },\n {\n commonGroup: 'loadBalancing',\n cookies: [\n {\n id: 'loadbalancer',\n name: 'Loadbalancer Cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'accessibility',\n cookies: [\n {\n id: 'accessibility',\n name: 'Accessibility cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'userInputs',\n cookies: [\n {\n id: 'userInputs',\n name: 'User inputs cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n optionalCookies: {\n groups: [\n {\n commonGroup: 'marketing',\n cookies: [\n {\n id: 'marketing',\n name: 'Custom Marketing cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'preferences',\n cookies: [\n {\n id: 'preferences1',\n name: 'Preference 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n {\n id: 'preferences2',\n name: 'Preference 2',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1 years',\n },\n {\n id: 'preferences3',\n name: 'Preference 3',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '2h',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n commonCookie: 'matomo',\n },\n {\n commonCookie: 'matomoSession',\n },\n {\n commonCookie: 'matomoConsent',\n },\n {\n commonCookie: 'cookiehub',\n },\n {\n id: 'someOtherConsent',\n name: 'Other consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'location',\n cookies: [\n {\n id: 'location',\n name: 'Location consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'content',\n cookies: [\n {\n id: 'content',\n name: 'Content consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'thirdParty',\n cookies: [\n {\n id: 'thirdParty',\n name: 'ThirdParty consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'chat',\n cookies: [\n {\n id: 'chat',\n name: 'Chat consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'deviceInfo',\n cookies: [\n {\n id: 'deviceInfo',\n name: 'Device info consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'socialMedia',\n cookies: [\n {\n id: 'socialMedia',\n name: 'Social media consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'informationSecurity',\n cookies: [\n {\n id: 'informationSecurity',\n name: 'Information security consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n\n language: {\n onLanguageChange,\n },\n onAllConsentsGiven: (consents) => {\n if (consents.matomo) {\n // start tracking\n // window._paq.push(['setConsentGiven']);\n // window._paq.push(['setCookieConsentGiven']);\n }\n },\n onConsentsParsed: (consents, hasUserHandledAllConsents) => {\n if (consents.matomo === undefined) {\n // tell matomo to wait for consent:\n // window._paq.push(['requireConsent']);\n // window._paq.push(['requireCookieConsent']);\n } else if (consents.matomo === false) {\n // tell matomo to forget conset\n // window._paq.push(['forgetConsentGiven']);\n }\n if (hasUserHandledAllConsents) {\n // cookie consent modal will not be shown\n }\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const MatomoCookieTracker = () => {\n const { getAllConsents } = useCookies();\n const getConsentStatus = (cookieId: string) => {\n const consents = getAllConsents();\n return consents[cookieId];\n };\n const isMatomoCookieApproved = getConsentStatus('matomo');\n return (\n
\n

Example how to track single consent.

\n

Matomo onConsentsParsed is {!isMatomoCookieApproved && NOT} set.*

\n * This won't change in real time\n
\n );\n };\n\n const Application = () => {\n return (\n
\n {}\n

\n This is an example application with cookie consent modal\n

\n

The modal will be shown when required. If user has given consents, it will not be shown.

\n

If hidden, remove the cookie to see the modal again.

\n \n \n
\n );\n };\n\n return (\n <>\n \n \n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const FinnishModalVersion = (args) => {\n const [language, setLanguage] = useState('fi');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: 'Testisivusto',\n currentLanguage: language,\n requiredCookies: {\n groups: [\n {\n commonGroup: 'login',\n cookies: [\n {\n commonCookie: 'tunnistamo',\n },\n {\n commonCookie: 'keycloak',\n },\n ],\n },\n {\n commonGroup: 'essential',\n cookies: [\n {\n commonCookie: 'cms-session',\n },\n ],\n },\n {\n commonGroup: 'loadBalancing',\n cookies: [\n {\n id: 'loadbalancer',\n name: 'Loadbalancer Cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'accessibility',\n cookies: [\n {\n id: 'accessibility',\n name: 'Accessibility cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'userInputs',\n cookies: [\n {\n id: 'userInputs',\n name: 'User inputs cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n optionalCookies: {\n groups: [\n {\n commonGroup: 'marketing',\n cookies: [\n {\n id: 'marketing',\n name: 'Custom Marketing cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'preferences',\n cookies: [\n {\n id: 'preferences1',\n name: 'Preference 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n {\n id: 'preferences2',\n name: 'Preference 2',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1 years',\n },\n {\n id: 'preferences3',\n name: 'Preference 3',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '2h',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n commonCookie: 'matomo',\n },\n {\n commonCookie: 'matomoSession',\n },\n {\n commonCookie: 'matomoConsent',\n },\n {\n commonCookie: 'cookiehub',\n },\n {\n id: 'someOtherConsent',\n name: 'Other consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'location',\n cookies: [\n {\n id: 'location',\n name: 'Location consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'content',\n cookies: [\n {\n id: 'content',\n name: 'Content consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'thirdParty',\n cookies: [\n {\n id: 'thirdParty',\n name: 'ThirdParty consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'chat',\n cookies: [\n {\n id: 'chat',\n name: 'Chat consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'deviceInfo',\n cookies: [\n {\n id: 'deviceInfo',\n name: 'Device info consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'socialMedia',\n cookies: [\n {\n id: 'socialMedia',\n name: 'Social media consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'informationSecurity',\n cookies: [\n {\n id: 'informationSecurity',\n name: 'Information security consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n\n language: {\n onLanguageChange,\n },\n onAllConsentsGiven: (consents) => {\n if (consents.matomo) {\n // start tracking\n // window._paq.push(['setConsentGiven']);\n // window._paq.push(['setCookieConsentGiven']);\n }\n },\n onConsentsParsed: (consents, hasUserHandledAllConsents) => {\n if (consents.matomo === undefined) {\n // tell matomo to wait for consent:\n // window._paq.push(['requireConsent']);\n // window._paq.push(['requireCookieConsent']);\n } else if (consents.matomo === false) {\n // tell matomo to forget conset\n // window._paq.push(['forgetConsentGiven']);\n }\n if (hasUserHandledAllConsents) {\n // cookie consent modal will not be shown\n }\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const MatomoCookieTrackerFinnish = () => {\n const { getAllConsents } = useCookies();\n const getConsentStatus = (cookieId: string) => {\n const consents = getAllConsents();\n return consents[cookieId];\n };\n const isMatomoCookieApproved = getConsentStatus('matomo');\n return (\n
\n

Esimerkki kuinka seurata yhden keksin suostumusta

\n

Matomo suostumusta {isMatomoCookieApproved ? 'on' : EI OLE } asetettu.*

\n * Tämä ei päivity reaaliajassa\n
\n );\n };\n\n const Application = () => {\n return (\n
\n {}\n

\n Tämä on esimerkkisovellus CookieConsent-komponentin käytöstä\n

\n

\n Keksienhallintaikkuna näytetään tarpeen vaatiessa. Jos käyttäjä on suorittanut keksien hyväksymisprosessin,\n ikkunaa ei näytetä.\n

\n

Jos ikkuna on piilossa, poista keksit jotta se tulee taas näkyviin.

\n \n \n
\n );\n };\n\n return (\n <>\n \n \n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const SimpleModalVersion = (args) => {\n const [language, setLanguage] = useState('en');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: `Site title ${language}`,\n currentLanguage: language,\n optionalCookies: {\n cookies: [\n {\n commonGroup: 'essential',\n commonCookie: 'tunnistamo',\n },\n ],\n },\n language: {\n onLanguageChange,\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const Application = () => {\n return (\n
\n {}\n

\n Simplest cookie consent example\n

\n

This is an example how the modal is shown with minimal content parameters.

\n

If modal is not shown, remove the cookie to see the modal again.

\n

Note: it the cookie.required would be true, the modal would never be shown.

\n \n
\n );\n };\n\n return (\n <>\n \n \n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const PageVersion = (args) => {\n const contentSource: CookieContentSource = {\n siteName: 'Test website',\n currentLanguage: 'en',\n texts: {\n sections: {\n main: {\n title: 'Cookie consents as a page!',\n },\n },\n },\n requiredCookies: {\n groups: [\n {\n commonGroup: 'essential',\n cookies: [\n {\n commonCookie: 'tunnistamo',\n },\n {\n id: 'loadbalancer',\n name: 'loadbalancer cookie',\n hostName: 'CDN service',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n {\n commonCookie: 'keycloak',\n },\n ],\n },\n ],\n },\n optionalCookies: {\n groups: [\n {\n commonGroup: 'marketing',\n cookies: [\n {\n id: 'marketing',\n name: 'Marketing 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'preferences',\n cookies: [\n {\n id: 'preferences1',\n name: 'Setting 1',\n hostName: 'UserPreferences',\n description:\n 'Proin sodales maximus est, pulvinar tempus felis tempus quis. Aenean at vestibulum lectus. Aliquam erat volutpat. Nullam venenatis feugiat sem vitae cursus. ',\n expiration: '1 year',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n commonCookie: 'matomo',\n },\n {\n commonCookie: 'matomoSession',\n },\n {\n commonCookie: 'matomoConsent',\n },\n {\n id: 'someOtherConsent',\n name: 'Other analytics site',\n hostName: 'Other analytics',\n description: 'Vel est molestie Quisque vel dui vel est molestie con con',\n expiration: '1 year',\n },\n ],\n },\n ],\n },\n\n onAllConsentsGiven: (consents) => {\n // called when consents are saved\n // handle changes like:\n if (!consents.matomo) {\n // stop matomo tracking\n }\n },\n };\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomContentVersion = (args) => {\n const contentSource: CookieContentSource = {\n siteName: 'Not shown if main title is overridden',\n currentLanguage: 'en',\n texts: {\n sections: {\n main: {\n title: 'Custom main title',\n text: 'Custom main preferences',\n },\n details: {\n title: 'Custom details title',\n text: 'Custom details preferences',\n },\n },\n ui: {\n showSettings: 'Custom show settings',\n hideSettings: 'Custom hide settings',\n approveAllConsents: 'Custom approve all consents',\n approveRequiredAndSelectedConsents: 'Custom approve required and selected consents',\n approveOnlyRequiredConsents: 'Custom approve only required consents',\n settingsSaved: 'Custom settings saved text',\n },\n tableHeadings: {\n name: 'Cookie custom name',\n hostName: 'Host',\n description: 'Cookie purpose',\n expiration: 'Lifespan',\n },\n },\n requiredCookies: {\n title: 'Overridden title of required cookies',\n text: 'Overridden text of required cookies. The default text is not shown.',\n checkboxAriaDescription: 'This is the overridden checkbox aria description of required cookies',\n groups: [\n {\n id: 'my-cookie-group',\n title: 'My required cookie groupcustom title',\n text: 'My required cookie groupcustom text',\n checkboxAriaDescription: 'Custom checkbox aria description for My cookie group',\n expandAriaLabel: 'Custom expand button aria label for My cookie group',\n cookies: [\n {\n id: 'custom-cookie',\n name: 'Custom cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1000 years',\n },\n ],\n },\n {\n title: 'Custom cookie group title',\n text: 'Custom cookie group text',\n checkboxAriaDescription: 'Custom checkbox aria description for custom cookies group',\n expandAriaLabel: 'Custom expand button aria label for custom cookies group',\n cookies: [\n {\n id: 'marketing',\n name: 'Marketing 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n cookies: [\n {\n commonCookie: 'tunnistamo',\n groupId: 'my-cookie-group',\n },\n ],\n },\n optionalCookies: {\n title: 'Overridden title of optional cookies',\n text: 'Overridden text of optional cookies. The default text is not shown.',\n checkboxAriaDescription: 'This is the overridden checkbox aria description of optional cookies',\n groups: [\n {\n title: 'Custom cookies group title',\n text: 'Custom cookies group text',\n checkboxAriaDescription: 'Custom checkbox aria description for custom cookies group',\n expandAriaLabel: 'Custom expand button aria label for custom cookies group',\n cookies: [\n {\n id: 'some-cookie',\n name: 'Setting 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: 'Sessio',\n },\n {\n id: 'some-cookie2',\n name: 'Setting 2',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: 'Sessio',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n id: 'someOtherConsent',\n name: 'Other cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: 'Sessio',\n },\n ],\n },\n ],\n cookies: [\n {\n commonGroup: 'statistics',\n commonCookie: 'matomo',\n },\n ],\n },\n };\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const DebugVersion = (args) => {\n const contentSource: CookieContentSource = {\n siteName: 'Cookie consent debugging',\n currentLanguage: 'fi',\n requiredCookies: {\n cookies: [\n {\n commonGroup: 'statistics',\n commonCookie: 'matomo',\n },\n ],\n },\n optionalCookies: {\n cookies: [\n {\n commonCookie: 'tunnistamo',\n commonGroup: 'essential',\n },\n {\n id: `random-cookie-${Math.random()}-without-consent`,\n commonGroup: 'marketing',\n },\n ],\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const getCategoryCookies = (category?: Category): CookieData[] => {\n if (!category) {\n return [];\n }\n let allCookies: CookieData[] = [];\n category.groups.forEach((group) => {\n allCookies = [...allCookies, ...group.cookies];\n });\n return allCookies;\n };\n\n const Application = () => {\n const consentContext = useCookieConsentContext();\n const content = useCookieContentContext();\n const { hasUserHandledAllConsents } = consentContext;\n const { requiredCookies, optionalCookies } = content;\n const willRenderCookieConsentDialog = hasUserHandledAllConsents();\n const { getAllConsents } = useCookies();\n const storedConsents = getAllConsents();\n const getConsentStatus = (cookieId: string) => {\n return storedConsents[cookieId];\n };\n return (\n
\n

\n Debugging example\n

\n

This is an example how to get all data from the cookie consent context.

\n

\n The same contentSource can be passed to the context and it provides access to the content built from the\n source. There are multiple hooks for getting the context, content, texts, etc. You can also trigger actions to\n store consents.\n

\n

All consents have been given: {String(!willRenderCookieConsentDialog)}

\n

There is a random cookie, so modal is always shown.

\n

\n To see all consents in the cookie, open DevTools, goto Application tab and select Storage/Cookies from the\n side panel\n

\n \n
\n
{JSON.stringify(content, null, 2)}
\n
\n
\n \n

The consents are read from the stored cookie

\n
    \n {getCategoryCookies(requiredCookies).map((cookie) => {\n return (\n
  • \n {cookie.id} has consent stored in cookie: {String(getConsentStatus(cookie.id))}\n
  • \n );\n })}\n
\n
\n \n

The consents are read from the stored cookie

\n
    \n {getCategoryCookies(optionalCookies).map((cookie) => {\n return (\n
  • \n {cookie.id} has consent: {String(getConsentStatus(cookie.id))}\n
  • \n );\n })}\n
\n
\n \n

The stored cookie has these user given consents:

\n
    \n {Object.keys(storedConsents).map((cookieId) => {\n return (\n
  • \n {cookieId}: {String(getConsentStatus(cookieId))}\n
  • \n );\n })}\n
\n
\n
\n );\n };\n\n return (\n \n \n \n \n );\n};\n\nDebugVersion.parameters = {\n loki: { skip: true },\n};\n\n// args is required for docs tab to show source code\n\nexport const TunnistamoLoginCookies = (args) => {\n const [language, setLanguage] = useState('en');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: `Site title ${language}`,\n texts: {\n sections: {\n main: {\n title: 'List all cookies used in Tunnistamo login',\n text:\n 'This is an example how to get consents for all cookies when using Tunnistamo login flow. All used session, language, load balancer and csrf cookies are listed. Tunnistamo uses Tunnistus and Suomi.fi services and cookies of those services are also listed as they have no consent queries of their own.',\n },\n },\n },\n currentLanguage: language,\n requiredCookies: {\n groups: [\n { commonGroup: 'tunnistamoLogin' },\n { commonGroup: 'loadBalancing', cookies: [{ commonCookie: 'tunnistamo-login-loadbalancer' }] },\n {\n commonGroup: 'informationSecurity',\n cookies: [{ commonCookie: 'tunnistamo-csrftoken' }],\n },\n {\n commonGroup: 'language',\n cookies: [{ commonCookie: 'keycloak-language' }, { commonCookie: 'suomifi-language' }],\n },\n ],\n },\n language: {\n onLanguageChange,\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n return (\n <>\n \n \n );\n};\n\nTunnistamoLoginCookies.parameters = {\n loki: { skip: true },\n};\n",locationsMap:{"english-modal-version":{startLoc:{col:35,line:34},endLoc:{col:1,line:328},startBody:{col:35,line:34},endBody:{col:1,line:328}},"finnish-modal-version":{startLoc:{col:35,line:332},endLoc:{col:1,line:629},startBody:{col:35,line:332},endBody:{col:1,line:629}},"simple-modal-version":{startLoc:{col:34,line:633},endLoc:{col:1,line:674},startBody:{col:34,line:633},endBody:{col:1,line:674}},"page-version":{startLoc:{col:27,line:678},endLoc:{col:1,line:778},startBody:{col:27,line:678},endBody:{col:1,line:778}},"custom-content-version":{startLoc:{col:36,line:782},endLoc:{col:1,line:915},startBody:{col:36,line:782},endBody:{col:1,line:915}},"debug-version":{startLoc:{col:28,line:919},endLoc:{col:1,line:1036},startBody:{col:28,line:919},endBody:{col:1,line:1036}},"tunnistamo-login-cookies":{startLoc:{col:38,line:1044},endLoc:{col:1,line:1084},startBody:{col:38,line:1044},endBody:{col:1,line:1084}}}},controls:{expanded:!0},docs:{disable:!0}},args:{}};var ForcePageScrollBarForModalTesting=function ForcePageScrollBarForModalTesting(){return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("div",{style:{height:"100vh"},children:" "}),(0,jsx_runtime.jsx)("p",{children:"Bottom page"})]})},EnglishModalVersion=function EnglishModalVersion(args){var _useState=(0,react.useState)("en"),_useState2=(0,slicedToArray.Z)(_useState,2),language=_useState2[0],setLanguage=_useState2[1],contentSource={siteName:"Test website",currentLanguage:language,requiredCookies:{groups:[{commonGroup:"login",cookies:[{commonCookie:"tunnistamo"},{commonCookie:"keycloak"}]},{commonGroup:"essential",cookies:[{commonCookie:"cms-session"}]},{commonGroup:"loadBalancing",cookies:[{id:"loadbalancer",name:"Loadbalancer Cookie",hostName:"CDN site",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"accessibility",cookies:[{id:"accessibility",name:"Accessibility cookie",hostName:"CDN site",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"userInputs",cookies:[{id:"userInputs",name:"User inputs cookie",hostName:"CDN site",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]}]},optionalCookies:{groups:[{commonGroup:"marketing",cookies:[{id:"marketing",name:"Custom Marketing cookie",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"preferences",cookies:[{id:"preferences1",name:"Preference 1",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"},{id:"preferences2",name:"Preference 2",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1 years"},{id:"preferences3",name:"Preference 3",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"2h"}]},{commonGroup:"statistics",cookies:[{commonCookie:"matomo"},{commonCookie:"matomoSession"},{commonCookie:"matomoConsent"},{commonCookie:"cookiehub"},{id:"someOtherConsent",name:"Other consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"location",cookies:[{id:"location",name:"Location consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"content",cookies:[{id:"content",name:"Content consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"thirdParty",cookies:[{id:"thirdParty",name:"ThirdParty consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"chat",cookies:[{id:"chat",name:"Chat consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"deviceInfo",cookies:[{id:"deviceInfo",name:"Device info consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"socialMedia",cookies:[{id:"socialMedia",name:"Social media consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"informationSecurity",cookies:[{id:"informationSecurity",name:"Information security consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]}]},language:{onLanguageChange:function onLanguageChange(newLang){return setLanguage(newLang)}},onAllConsentsGiven:function onAllConsentsGiven(consents){consents.matomo},onConsentsParsed:function onConsentsParsed(consents,hasUserHandledAllConsents){void 0===consents.matomo||consents.matomo},focusTargetSelector:"#focused-element-after-cookie-consent-closed"},MatomoCookieTracker=function MatomoCookieTracker(){var getAllConsents=useCookies().getAllConsents,isMatomoCookieApproved=function getConsentStatus(cookieId){return getAllConsents()[cookieId]}("matomo");return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Example how to track single consent."}),(0,jsx_runtime.jsxs)("p",{children:["Matomo onConsentsParsed is ",!isMatomoCookieApproved&&(0,jsx_runtime.jsx)("strong",{children:"NOT"})," set.*"]}),(0,jsx_runtime.jsx)("small",{style:{fontSize:"80%"},children:"* This won't change in real time"})]})},Application=function Application(){var _contentSource$focusT;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{className:"heading-xl",id:null===(_contentSource$focusT=contentSource.focusTargetSelector)||void 0===_contentSource$focusT?void 0:_contentSource$focusT.replace("#",""),tabIndex:0,children:"This is an example application with cookie consent modal"}),(0,jsx_runtime.jsx)("p",{children:"The modal will be shown when required. If user has given consents, it will not be shown."}),(0,jsx_runtime.jsx)("p",{children:"If hidden, remove the cookie to see the modal again."}),(0,jsx_runtime.jsx)(MatomoCookieTracker,{}),(0,jsx_runtime.jsx)(ForcePageScrollBarForModalTesting,{})]})};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(CookieModal,{contentSource}),(0,jsx_runtime.jsx)(Application,{})]})},FinnishModalVersion=function FinnishModalVersion(args){var _useState3=(0,react.useState)("fi"),_useState4=(0,slicedToArray.Z)(_useState3,2),language=_useState4[0],setLanguage=_useState4[1],contentSource={siteName:"Testisivusto",currentLanguage:language,requiredCookies:{groups:[{commonGroup:"login",cookies:[{commonCookie:"tunnistamo"},{commonCookie:"keycloak"}]},{commonGroup:"essential",cookies:[{commonCookie:"cms-session"}]},{commonGroup:"loadBalancing",cookies:[{id:"loadbalancer",name:"Loadbalancer Cookie",hostName:"CDN site",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"accessibility",cookies:[{id:"accessibility",name:"Accessibility cookie",hostName:"CDN site",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"userInputs",cookies:[{id:"userInputs",name:"User inputs cookie",hostName:"CDN site",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]}]},optionalCookies:{groups:[{commonGroup:"marketing",cookies:[{id:"marketing",name:"Custom Marketing cookie",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"preferences",cookies:[{id:"preferences1",name:"Preference 1",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"},{id:"preferences2",name:"Preference 2",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1 years"},{id:"preferences3",name:"Preference 3",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"2h"}]},{commonGroup:"statistics",cookies:[{commonCookie:"matomo"},{commonCookie:"matomoSession"},{commonCookie:"matomoConsent"},{commonCookie:"cookiehub"},{id:"someOtherConsent",name:"Other consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"location",cookies:[{id:"location",name:"Location consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"content",cookies:[{id:"content",name:"Content consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"thirdParty",cookies:[{id:"thirdParty",name:"ThirdParty consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"chat",cookies:[{id:"chat",name:"Chat consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"deviceInfo",cookies:[{id:"deviceInfo",name:"Device info consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"socialMedia",cookies:[{id:"socialMedia",name:"Social media consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"informationSecurity",cookies:[{id:"informationSecurity",name:"Information security consent",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]}]},language:{onLanguageChange:function onLanguageChange(newLang){return setLanguage(newLang)}},onAllConsentsGiven:function onAllConsentsGiven(consents){consents.matomo},onConsentsParsed:function onConsentsParsed(consents,hasUserHandledAllConsents){void 0===consents.matomo||consents.matomo},focusTargetSelector:"#focused-element-after-cookie-consent-closed"},MatomoCookieTrackerFinnish=function MatomoCookieTrackerFinnish(){var getAllConsents=useCookies().getAllConsents,isMatomoCookieApproved=function getConsentStatus(cookieId){return getAllConsents()[cookieId]}("matomo");return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Esimerkki kuinka seurata yhden keksin suostumusta"}),(0,jsx_runtime.jsxs)("p",{children:["Matomo suostumusta ",isMatomoCookieApproved?"on":(0,jsx_runtime.jsx)("strong",{children:"EI OLE "})," asetettu.*"]}),(0,jsx_runtime.jsx)("small",{style:{fontSize:"80%"},children:"* Tämä ei päivity reaaliajassa"})]})},Application=function Application(){var _contentSource$focusT2;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{className:"heading-xl",id:null===(_contentSource$focusT2=contentSource.focusTargetSelector)||void 0===_contentSource$focusT2?void 0:_contentSource$focusT2.replace("#",""),tabIndex:0,children:"Tämä on esimerkkisovellus CookieConsent-komponentin käytöstä"}),(0,jsx_runtime.jsx)("p",{children:"Keksienhallintaikkuna näytetään tarpeen vaatiessa. Jos käyttäjä on suorittanut keksien hyväksymisprosessin, ikkunaa ei näytetä."}),(0,jsx_runtime.jsx)("p",{children:"Jos ikkuna on piilossa, poista keksit jotta se tulee taas näkyviin."}),(0,jsx_runtime.jsx)(MatomoCookieTrackerFinnish,{}),(0,jsx_runtime.jsx)(ForcePageScrollBarForModalTesting,{})]})};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(CookieModal,{contentSource}),(0,jsx_runtime.jsx)(Application,{})]})},SimpleModalVersion=function SimpleModalVersion(args){var _useState5=(0,react.useState)("en"),_useState6=(0,slicedToArray.Z)(_useState5,2),language=_useState6[0],setLanguage=_useState6[1],contentSource={siteName:"Site title ".concat(language),currentLanguage:language,optionalCookies:{cookies:[{commonGroup:"essential",commonCookie:"tunnistamo"}]},language:{onLanguageChange:function onLanguageChange(newLang){return setLanguage(newLang)}},focusTargetSelector:"#focused-element-after-cookie-consent-closed"},Application=function Application(){var _contentSource$focusT3;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{className:"heading-xl",id:null===(_contentSource$focusT3=contentSource.focusTargetSelector)||void 0===_contentSource$focusT3?void 0:_contentSource$focusT3.replace("#",""),tabIndex:0,children:"Simplest cookie consent example"}),(0,jsx_runtime.jsx)("p",{children:"This is an example how the modal is shown with minimal content parameters."}),(0,jsx_runtime.jsx)("p",{children:"If modal is not shown, remove the cookie to see the modal again."}),(0,jsx_runtime.jsx)("p",{children:"Note: it the cookie.required would be true, the modal would never be shown."}),(0,jsx_runtime.jsx)(ForcePageScrollBarForModalTesting,{})]})};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(CookieModal,{contentSource}),(0,jsx_runtime.jsx)(Application,{})]})},PageVersion=function PageVersion(args){return(0,jsx_runtime.jsx)("main",{children:(0,jsx_runtime.jsx)(CookiePage,{contentSource:{siteName:"Test website",currentLanguage:"en",texts:{sections:{main:{title:"Cookie consents as a page!"}}},requiredCookies:{groups:[{commonGroup:"essential",cookies:[{commonCookie:"tunnistamo"},{id:"loadbalancer",name:"loadbalancer cookie",hostName:"CDN service",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"},{commonCookie:"keycloak"}]}]},optionalCookies:{groups:[{commonGroup:"marketing",cookies:[{id:"marketing",name:"Marketing 1",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]},{commonGroup:"preferences",cookies:[{id:"preferences1",name:"Setting 1",hostName:"UserPreferences",description:"Proin sodales maximus est, pulvinar tempus felis tempus quis. Aenean at vestibulum lectus. Aliquam erat volutpat. Nullam venenatis feugiat sem vitae cursus. ",expiration:"1 year"}]},{commonGroup:"statistics",cookies:[{commonCookie:"matomo"},{commonCookie:"matomoSession"},{commonCookie:"matomoConsent"},{id:"someOtherConsent",name:"Other analytics site",hostName:"Other analytics",description:"Vel est molestie Quisque vel dui vel est molestie con con",expiration:"1 year"}]}]},onAllConsentsGiven:function onAllConsentsGiven(consents){consents.matomo}}})})},CustomContentVersion=function CustomContentVersion(args){return(0,jsx_runtime.jsx)("main",{children:(0,jsx_runtime.jsx)(CookiePage,{contentSource:{siteName:"Not shown if main title is overridden",currentLanguage:"en",texts:{sections:{main:{title:"Custom main title",text:"Custom main preferences"},details:{title:"Custom details title",text:"Custom details preferences"}},ui:{showSettings:"Custom show settings",hideSettings:"Custom hide settings",approveAllConsents:"Custom approve all consents",approveRequiredAndSelectedConsents:"Custom approve required and selected consents",approveOnlyRequiredConsents:"Custom approve only required consents",settingsSaved:"Custom settings saved text"},tableHeadings:{name:"Cookie custom name",hostName:"Host",description:"Cookie purpose",expiration:"Lifespan"}},requiredCookies:{title:"Overridden title of required cookies",text:"Overridden text of required cookies. The default text is not shown.",checkboxAriaDescription:"This is the overridden checkbox aria description of required cookies",groups:[{id:"my-cookie-group",title:"My required cookie groupcustom title",text:"My required cookie groupcustom text",checkboxAriaDescription:"Custom checkbox aria description for My cookie group",expandAriaLabel:"Custom expand button aria label for My cookie group",cookies:[{id:"custom-cookie",name:"Custom cookie",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1000 years"}]},{title:"Custom cookie group title",text:"Custom cookie group text",checkboxAriaDescription:"Custom checkbox aria description for custom cookies group",expandAriaLabel:"Custom expand button aria label for custom cookies group",cookies:[{id:"marketing",name:"Marketing 1",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"1h"}]}],cookies:[{commonCookie:"tunnistamo",groupId:"my-cookie-group"}]},optionalCookies:{title:"Overridden title of optional cookies",text:"Overridden text of optional cookies. The default text is not shown.",checkboxAriaDescription:"This is the overridden checkbox aria description of optional cookies",groups:[{title:"Custom cookies group title",text:"Custom cookies group text",checkboxAriaDescription:"Custom checkbox aria description for custom cookies group",expandAriaLabel:"Custom expand button aria label for custom cookies group",cookies:[{id:"some-cookie",name:"Setting 1",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"Sessio"},{id:"some-cookie2",name:"Setting 2",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"Sessio"}]},{commonGroup:"statistics",cookies:[{id:"someOtherConsent",name:"Other cookie",hostName:"Host name",description:"Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus",expiration:"Sessio"}]}],cookies:[{commonGroup:"statistics",commonCookie:"matomo"}]}}})})},DebugVersion=function DebugVersion(args){var contentSource={siteName:"Cookie consent debugging",currentLanguage:"fi",requiredCookies:{cookies:[{commonGroup:"statistics",commonCookie:"matomo"}]},optionalCookies:{cookies:[{commonCookie:"tunnistamo",commonGroup:"essential"},{id:"random-cookie-".concat(Math.random(),"-without-consent"),commonGroup:"marketing"}]},focusTargetSelector:"#focused-element-after-cookie-consent-closed"},getCategoryCookies=function getCategoryCookies(category){if(!category)return[];var allCookies=[];return category.groups.forEach((function(group){allCookies=[].concat((0,toConsumableArray.Z)(allCookies),(0,toConsumableArray.Z)(group.cookies))})),allCookies},Application=function Application(){var _contentSource$focusT4,consentContext=useCookieConsentContext(),content=useCookieContentContext(),hasUserHandledAllConsents=consentContext.hasUserHandledAllConsents,requiredCookies=content.requiredCookies,optionalCookies=content.optionalCookies,willRenderCookieConsentDialog=hasUserHandledAllConsents(),storedConsents=(0,useCookies().getAllConsents)(),getConsentStatus=function getConsentStatus(cookieId){return storedConsents[cookieId]};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{className:"heading-xl",id:null===(_contentSource$focusT4=contentSource.focusTargetSelector)||void 0===_contentSource$focusT4?void 0:_contentSource$focusT4.replace("#",""),children:"Debugging example"}),(0,jsx_runtime.jsx)("p",{children:"This is an example how to get all data from the cookie consent context."}),(0,jsx_runtime.jsx)("p",{children:"The same contentSource can be passed to the context and it provides access to the content built from the source. There are multiple hooks for getting the context, content, texts, etc. You can also trigger actions to store consents."}),(0,jsx_runtime.jsxs)("p",{children:["All consents have been given: ",String(!willRenderCookieConsentDialog)]}),(0,jsx_runtime.jsx)("p",{children:"There is a random cookie, so modal is always shown."}),(0,jsx_runtime.jsx)("p",{children:"To see all consents in the cookie, open DevTools, goto Application tab and select Storage/Cookies from the side panel"}),(0,jsx_runtime.jsx)(Accordion.U,{heading:"View full content",children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)("pre",{children:JSON.stringify(content,null,2)})})}),(0,jsx_runtime.jsxs)(Accordion.U,{heading:"View required cookies and their consets",children:[(0,jsx_runtime.jsx)("p",{children:"The consents are read from the stored cookie"}),(0,jsx_runtime.jsx)("ul",{children:getCategoryCookies(requiredCookies).map((function(cookie){return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("strong",{children:cookie.id})," has consent stored in cookie: ",String(getConsentStatus(cookie.id))]},cookie.id)}))})]}),(0,jsx_runtime.jsxs)(Accordion.U,{heading:"View optional cookies and their consents",children:[(0,jsx_runtime.jsx)("p",{children:"The consents are read from the stored cookie"}),(0,jsx_runtime.jsx)("ul",{children:getCategoryCookies(optionalCookies).map((function(cookie){return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("strong",{children:cookie.id})," has consent: ",String(getConsentStatus(cookie.id))]},cookie.id)}))})]}),(0,jsx_runtime.jsxs)(Accordion.U,{heading:"View consents in the stored cookie",children:[(0,jsx_runtime.jsx)("p",{children:"The stored cookie has these user given consents:"}),(0,jsx_runtime.jsx)("ul",{children:Object.keys(storedConsents).map((function(cookieId){return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("strong",{children:cookieId}),": ",String(getConsentStatus(cookieId))]},cookieId)}))})]})]})};return(0,jsx_runtime.jsxs)(CookieConsentContext,{contentSource,children:[(0,jsx_runtime.jsx)(Application,{}),(0,jsx_runtime.jsx)(Modal,{})]})};DebugVersion.parameters={loki:{skip:!0}};var TunnistamoLoginCookies=function TunnistamoLoginCookies(args){var _useState7=(0,react.useState)("en"),_useState8=(0,slicedToArray.Z)(_useState7,2),language=_useState8[0],setLanguage=_useState8[1],contentSource={siteName:"Site title ".concat(language),texts:{sections:{main:{title:"List all cookies used in Tunnistamo login",text:"This is an example how to get consents for all cookies when using Tunnistamo login flow. All used session, language, load balancer and csrf cookies are listed. Tunnistamo uses Tunnistus and Suomi.fi services and cookies of those services are also listed as they have no consent queries of their own."}}},currentLanguage:language,requiredCookies:{groups:[{commonGroup:"tunnistamoLogin"},{commonGroup:"loadBalancing",cookies:[{commonCookie:"tunnistamo-login-loadbalancer"}]},{commonGroup:"informationSecurity",cookies:[{commonCookie:"tunnistamo-csrftoken"}]},{commonGroup:"language",cookies:[{commonCookie:"keycloak-language"},{commonCookie:"suomifi-language"}]}]},language:{onLanguageChange:function onLanguageChange(newLang){return setLanguage(newLang)}},focusTargetSelector:"#focused-element-after-cookie-consent-closed"};return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(CookiePage,{contentSource})})};TunnistamoLoginCookies.parameters={loki:{skip:!0}},EnglishModalVersion.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [language, setLanguage] = useState('en');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: 'Test website',\n currentLanguage: language,\n requiredCookies: {\n groups: [\n {\n commonGroup: 'login',\n cookies: [\n {\n commonCookie: 'tunnistamo',\n },\n {\n commonCookie: 'keycloak',\n },\n ],\n },\n {\n commonGroup: 'essential',\n cookies: [\n {\n commonCookie: 'cms-session',\n },\n ],\n },\n {\n commonGroup: 'loadBalancing',\n cookies: [\n {\n id: 'loadbalancer',\n name: 'Loadbalancer Cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'accessibility',\n cookies: [\n {\n id: 'accessibility',\n name: 'Accessibility cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'userInputs',\n cookies: [\n {\n id: 'userInputs',\n name: 'User inputs cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n optionalCookies: {\n groups: [\n {\n commonGroup: 'marketing',\n cookies: [\n {\n id: 'marketing',\n name: 'Custom Marketing cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'preferences',\n cookies: [\n {\n id: 'preferences1',\n name: 'Preference 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n {\n id: 'preferences2',\n name: 'Preference 2',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1 years',\n },\n {\n id: 'preferences3',\n name: 'Preference 3',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '2h',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n commonCookie: 'matomo',\n },\n {\n commonCookie: 'matomoSession',\n },\n {\n commonCookie: 'matomoConsent',\n },\n {\n commonCookie: 'cookiehub',\n },\n {\n id: 'someOtherConsent',\n name: 'Other consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'location',\n cookies: [\n {\n id: 'location',\n name: 'Location consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'content',\n cookies: [\n {\n id: 'content',\n name: 'Content consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'thirdParty',\n cookies: [\n {\n id: 'thirdParty',\n name: 'ThirdParty consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'chat',\n cookies: [\n {\n id: 'chat',\n name: 'Chat consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'deviceInfo',\n cookies: [\n {\n id: 'deviceInfo',\n name: 'Device info consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'socialMedia',\n cookies: [\n {\n id: 'socialMedia',\n name: 'Social media consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'informationSecurity',\n cookies: [\n {\n id: 'informationSecurity',\n name: 'Information security consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n\n language: {\n onLanguageChange,\n },\n onAllConsentsGiven: (consents) => {\n if (consents.matomo) {\n // start tracking\n // window._paq.push(['setConsentGiven']);\n // window._paq.push(['setCookieConsentGiven']);\n }\n },\n onConsentsParsed: (consents, hasUserHandledAllConsents) => {\n if (consents.matomo === undefined) {\n // tell matomo to wait for consent:\n // window._paq.push(['requireConsent']);\n // window._paq.push(['requireCookieConsent']);\n } else if (consents.matomo === false) {\n // tell matomo to forget conset\n // window._paq.push(['forgetConsentGiven']);\n }\n if (hasUserHandledAllConsents) {\n // cookie consent modal will not be shown\n }\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const MatomoCookieTracker = () => {\n const { getAllConsents } = useCookies();\n const getConsentStatus = (cookieId: string) => {\n const consents = getAllConsents();\n return consents[cookieId];\n };\n const isMatomoCookieApproved = getConsentStatus('matomo');\n return (\n
\n

Example how to track single consent.

\n

Matomo onConsentsParsed is {!isMatomoCookieApproved && NOT} set.*

\n * This won't change in real time\n
\n );\n };\n\n const Application = () => {\n return (\n
\n {}\n

\n This is an example application with cookie consent modal\n

\n

The modal will be shown when required. If user has given consents, it will not be shown.

\n

If hidden, remove the cookie to see the modal again.

\n \n \n
\n );\n };\n\n return (\n <>\n \n \n \n );\n}"}},EnglishModalVersion.parameters),FinnishModalVersion.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [language, setLanguage] = useState('fi');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: 'Testisivusto',\n currentLanguage: language,\n requiredCookies: {\n groups: [\n {\n commonGroup: 'login',\n cookies: [\n {\n commonCookie: 'tunnistamo',\n },\n {\n commonCookie: 'keycloak',\n },\n ],\n },\n {\n commonGroup: 'essential',\n cookies: [\n {\n commonCookie: 'cms-session',\n },\n ],\n },\n {\n commonGroup: 'loadBalancing',\n cookies: [\n {\n id: 'loadbalancer',\n name: 'Loadbalancer Cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'accessibility',\n cookies: [\n {\n id: 'accessibility',\n name: 'Accessibility cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'userInputs',\n cookies: [\n {\n id: 'userInputs',\n name: 'User inputs cookie',\n hostName: 'CDN site',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n optionalCookies: {\n groups: [\n {\n commonGroup: 'marketing',\n cookies: [\n {\n id: 'marketing',\n name: 'Custom Marketing cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'preferences',\n cookies: [\n {\n id: 'preferences1',\n name: 'Preference 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n {\n id: 'preferences2',\n name: 'Preference 2',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1 years',\n },\n {\n id: 'preferences3',\n name: 'Preference 3',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '2h',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n commonCookie: 'matomo',\n },\n {\n commonCookie: 'matomoSession',\n },\n {\n commonCookie: 'matomoConsent',\n },\n {\n commonCookie: 'cookiehub',\n },\n {\n id: 'someOtherConsent',\n name: 'Other consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'location',\n cookies: [\n {\n id: 'location',\n name: 'Location consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'content',\n cookies: [\n {\n id: 'content',\n name: 'Content consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'thirdParty',\n cookies: [\n {\n id: 'thirdParty',\n name: 'ThirdParty consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'chat',\n cookies: [\n {\n id: 'chat',\n name: 'Chat consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'deviceInfo',\n cookies: [\n {\n id: 'deviceInfo',\n name: 'Device info consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'socialMedia',\n cookies: [\n {\n id: 'socialMedia',\n name: 'Social media consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'informationSecurity',\n cookies: [\n {\n id: 'informationSecurity',\n name: 'Information security consent',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n },\n\n language: {\n onLanguageChange,\n },\n onAllConsentsGiven: (consents) => {\n if (consents.matomo) {\n // start tracking\n // window._paq.push(['setConsentGiven']);\n // window._paq.push(['setCookieConsentGiven']);\n }\n },\n onConsentsParsed: (consents, hasUserHandledAllConsents) => {\n if (consents.matomo === undefined) {\n // tell matomo to wait for consent:\n // window._paq.push(['requireConsent']);\n // window._paq.push(['requireCookieConsent']);\n } else if (consents.matomo === false) {\n // tell matomo to forget conset\n // window._paq.push(['forgetConsentGiven']);\n }\n if (hasUserHandledAllConsents) {\n // cookie consent modal will not be shown\n }\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const MatomoCookieTrackerFinnish = () => {\n const { getAllConsents } = useCookies();\n const getConsentStatus = (cookieId: string) => {\n const consents = getAllConsents();\n return consents[cookieId];\n };\n const isMatomoCookieApproved = getConsentStatus('matomo');\n return (\n
\n

Esimerkki kuinka seurata yhden keksin suostumusta

\n

Matomo suostumusta {isMatomoCookieApproved ? 'on' : EI OLE } asetettu.*

\n * Tämä ei päivity reaaliajassa\n
\n );\n };\n\n const Application = () => {\n return (\n
\n {}\n

\n Tämä on esimerkkisovellus CookieConsent-komponentin käytöstä\n

\n

\n Keksienhallintaikkuna näytetään tarpeen vaatiessa. Jos käyttäjä on suorittanut keksien hyväksymisprosessin,\n ikkunaa ei näytetä.\n

\n

Jos ikkuna on piilossa, poista keksit jotta se tulee taas näkyviin.

\n \n \n
\n );\n };\n\n return (\n <>\n \n \n \n );\n}"}},FinnishModalVersion.parameters),SimpleModalVersion.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [language, setLanguage] = useState('en');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: `Site title ${language}`,\n currentLanguage: language,\n optionalCookies: {\n cookies: [\n {\n commonGroup: 'essential',\n commonCookie: 'tunnistamo',\n },\n ],\n },\n language: {\n onLanguageChange,\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const Application = () => {\n return (\n
\n {}\n

\n Simplest cookie consent example\n

\n

This is an example how the modal is shown with minimal content parameters.

\n

If modal is not shown, remove the cookie to see the modal again.

\n

Note: it the cookie.required would be true, the modal would never be shown.

\n \n
\n );\n };\n\n return (\n <>\n \n \n \n );\n}"}},SimpleModalVersion.parameters),PageVersion.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const contentSource: CookieContentSource = {\n siteName: 'Test website',\n currentLanguage: 'en',\n texts: {\n sections: {\n main: {\n title: 'Cookie consents as a page!',\n },\n },\n },\n requiredCookies: {\n groups: [\n {\n commonGroup: 'essential',\n cookies: [\n {\n commonCookie: 'tunnistamo',\n },\n {\n id: 'loadbalancer',\n name: 'loadbalancer cookie',\n hostName: 'CDN service',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n {\n commonCookie: 'keycloak',\n },\n ],\n },\n ],\n },\n optionalCookies: {\n groups: [\n {\n commonGroup: 'marketing',\n cookies: [\n {\n id: 'marketing',\n name: 'Marketing 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n {\n commonGroup: 'preferences',\n cookies: [\n {\n id: 'preferences1',\n name: 'Setting 1',\n hostName: 'UserPreferences',\n description:\n 'Proin sodales maximus est, pulvinar tempus felis tempus quis. Aenean at vestibulum lectus. Aliquam erat volutpat. Nullam venenatis feugiat sem vitae cursus. ',\n expiration: '1 year',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n commonCookie: 'matomo',\n },\n {\n commonCookie: 'matomoSession',\n },\n {\n commonCookie: 'matomoConsent',\n },\n {\n id: 'someOtherConsent',\n name: 'Other analytics site',\n hostName: 'Other analytics',\n description: 'Vel est molestie Quisque vel dui vel est molestie con con',\n expiration: '1 year',\n },\n ],\n },\n ],\n },\n\n onAllConsentsGiven: (consents) => {\n // called when consents are saved\n // handle changes like:\n if (!consents.matomo) {\n // stop matomo tracking\n }\n },\n };\n\n return (\n
\n \n
\n );\n}"}},PageVersion.parameters),CustomContentVersion.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const contentSource: CookieContentSource = {\n siteName: 'Not shown if main title is overridden',\n currentLanguage: 'en',\n texts: {\n sections: {\n main: {\n title: 'Custom main title',\n text: 'Custom main preferences',\n },\n details: {\n title: 'Custom details title',\n text: 'Custom details preferences',\n },\n },\n ui: {\n showSettings: 'Custom show settings',\n hideSettings: 'Custom hide settings',\n approveAllConsents: 'Custom approve all consents',\n approveRequiredAndSelectedConsents: 'Custom approve required and selected consents',\n approveOnlyRequiredConsents: 'Custom approve only required consents',\n settingsSaved: 'Custom settings saved text',\n },\n tableHeadings: {\n name: 'Cookie custom name',\n hostName: 'Host',\n description: 'Cookie purpose',\n expiration: 'Lifespan',\n },\n },\n requiredCookies: {\n title: 'Overridden title of required cookies',\n text: 'Overridden text of required cookies. The default text is not shown.',\n checkboxAriaDescription: 'This is the overridden checkbox aria description of required cookies',\n groups: [\n {\n id: 'my-cookie-group',\n title: 'My required cookie groupcustom title',\n text: 'My required cookie groupcustom text',\n checkboxAriaDescription: 'Custom checkbox aria description for My cookie group',\n expandAriaLabel: 'Custom expand button aria label for My cookie group',\n cookies: [\n {\n id: 'custom-cookie',\n name: 'Custom cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1000 years',\n },\n ],\n },\n {\n title: 'Custom cookie group title',\n text: 'Custom cookie group text',\n checkboxAriaDescription: 'Custom checkbox aria description for custom cookies group',\n expandAriaLabel: 'Custom expand button aria label for custom cookies group',\n cookies: [\n {\n id: 'marketing',\n name: 'Marketing 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: '1h',\n },\n ],\n },\n ],\n cookies: [\n {\n commonCookie: 'tunnistamo',\n groupId: 'my-cookie-group',\n },\n ],\n },\n optionalCookies: {\n title: 'Overridden title of optional cookies',\n text: 'Overridden text of optional cookies. The default text is not shown.',\n checkboxAriaDescription: 'This is the overridden checkbox aria description of optional cookies',\n groups: [\n {\n title: 'Custom cookies group title',\n text: 'Custom cookies group text',\n checkboxAriaDescription: 'Custom checkbox aria description for custom cookies group',\n expandAriaLabel: 'Custom expand button aria label for custom cookies group',\n cookies: [\n {\n id: 'some-cookie',\n name: 'Setting 1',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: 'Sessio',\n },\n {\n id: 'some-cookie2',\n name: 'Setting 2',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: 'Sessio',\n },\n ],\n },\n {\n commonGroup: 'statistics',\n cookies: [\n {\n id: 'someOtherConsent',\n name: 'Other cookie',\n hostName: 'Host name',\n description:\n 'Description lectus lacinia sed. Phasellus purus nisi, imperdiet id volutpat vel, pellentesque in ex. In pretium maximus finibus',\n expiration: 'Sessio',\n },\n ],\n },\n ],\n cookies: [\n {\n commonGroup: 'statistics',\n commonCookie: 'matomo',\n },\n ],\n },\n };\n\n return (\n
\n \n
\n );\n}"}},CustomContentVersion.parameters),DebugVersion.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const contentSource: CookieContentSource = {\n siteName: 'Cookie consent debugging',\n currentLanguage: 'fi',\n requiredCookies: {\n cookies: [\n {\n commonGroup: 'statistics',\n commonCookie: 'matomo',\n },\n ],\n },\n optionalCookies: {\n cookies: [\n {\n commonCookie: 'tunnistamo',\n commonGroup: 'essential',\n },\n {\n id: `random-cookie-${Math.random()}-without-consent`,\n commonGroup: 'marketing',\n },\n ],\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n const getCategoryCookies = (category?: Category): CookieData[] => {\n if (!category) {\n return [];\n }\n let allCookies: CookieData[] = [];\n category.groups.forEach((group) => {\n allCookies = [...allCookies, ...group.cookies];\n });\n return allCookies;\n };\n\n const Application = () => {\n const consentContext = useCookieConsentContext();\n const content = useCookieContentContext();\n const { hasUserHandledAllConsents } = consentContext;\n const { requiredCookies, optionalCookies } = content;\n const willRenderCookieConsentDialog = hasUserHandledAllConsents();\n const { getAllConsents } = useCookies();\n const storedConsents = getAllConsents();\n const getConsentStatus = (cookieId: string) => {\n return storedConsents[cookieId];\n };\n return (\n
\n

\n Debugging example\n

\n

This is an example how to get all data from the cookie consent context.

\n

\n The same contentSource can be passed to the context and it provides access to the content built from the\n source. There are multiple hooks for getting the context, content, texts, etc. You can also trigger actions to\n store consents.\n

\n

All consents have been given: {String(!willRenderCookieConsentDialog)}

\n

There is a random cookie, so modal is always shown.

\n

\n To see all consents in the cookie, open DevTools, goto Application tab and select Storage/Cookies from the\n side panel\n

\n \n
\n
{JSON.stringify(content, null, 2)}
\n
\n
\n \n

The consents are read from the stored cookie

\n
    \n {getCategoryCookies(requiredCookies).map((cookie) => {\n return (\n
  • \n {cookie.id} has consent stored in cookie: {String(getConsentStatus(cookie.id))}\n
  • \n );\n })}\n
\n
\n \n

The consents are read from the stored cookie

\n
    \n {getCategoryCookies(optionalCookies).map((cookie) => {\n return (\n
  • \n {cookie.id} has consent: {String(getConsentStatus(cookie.id))}\n
  • \n );\n })}\n
\n
\n \n

The stored cookie has these user given consents:

\n
    \n {Object.keys(storedConsents).map((cookieId) => {\n return (\n
  • \n {cookieId}: {String(getConsentStatus(cookieId))}\n
  • \n );\n })}\n
\n
\n
\n );\n };\n\n return (\n \n \n \n \n );\n}"}},DebugVersion.parameters),TunnistamoLoginCookies.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [language, setLanguage] = useState('en');\n const onLanguageChange = (newLang) => setLanguage(newLang);\n const contentSource: CookieContentSource = {\n siteName: `Site title ${language}`,\n texts: {\n sections: {\n main: {\n title: 'List all cookies used in Tunnistamo login',\n text:\n 'This is an example how to get consents for all cookies when using Tunnistamo login flow. All used session, language, load balancer and csrf cookies are listed. Tunnistamo uses Tunnistus and Suomi.fi services and cookies of those services are also listed as they have no consent queries of their own.',\n },\n },\n },\n currentLanguage: language,\n requiredCookies: {\n groups: [\n { commonGroup: 'tunnistamoLogin' },\n { commonGroup: 'loadBalancing', cookies: [{ commonCookie: 'tunnistamo-login-loadbalancer' }] },\n {\n commonGroup: 'informationSecurity',\n cookies: [{ commonCookie: 'tunnistamo-csrftoken' }],\n },\n {\n commonGroup: 'language',\n cookies: [{ commonCookie: 'keycloak-language' }, { commonCookie: 'suomifi-language' }],\n },\n ],\n },\n language: {\n onLanguageChange,\n },\n focusTargetSelector: '#focused-element-after-cookie-consent-closed',\n };\n\n return (\n <>\n \n \n );\n}"}},TunnistamoLoginCookies.parameters);try{EnglishModalVersion.displayName="EnglishModalVersion",EnglishModalVersion.__docgenInfo={description:"",displayName:"EnglishModalVersion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#EnglishModalVersion"]={docgenInfo:EnglishModalVersion.__docgenInfo,name:"EnglishModalVersion",path:"src/components/cookieConsent/CookieConsent.stories.tsx#EnglishModalVersion"})}catch(__react_docgen_typescript_loader_error){}try{FinnishModalVersion.displayName="FinnishModalVersion",FinnishModalVersion.__docgenInfo={description:"",displayName:"FinnishModalVersion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#FinnishModalVersion"]={docgenInfo:FinnishModalVersion.__docgenInfo,name:"FinnishModalVersion",path:"src/components/cookieConsent/CookieConsent.stories.tsx#FinnishModalVersion"})}catch(__react_docgen_typescript_loader_error){}try{SimpleModalVersion.displayName="SimpleModalVersion",SimpleModalVersion.__docgenInfo={description:"",displayName:"SimpleModalVersion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#SimpleModalVersion"]={docgenInfo:SimpleModalVersion.__docgenInfo,name:"SimpleModalVersion",path:"src/components/cookieConsent/CookieConsent.stories.tsx#SimpleModalVersion"})}catch(__react_docgen_typescript_loader_error){}try{PageVersion.displayName="PageVersion",PageVersion.__docgenInfo={description:"",displayName:"PageVersion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#PageVersion"]={docgenInfo:PageVersion.__docgenInfo,name:"PageVersion",path:"src/components/cookieConsent/CookieConsent.stories.tsx#PageVersion"})}catch(__react_docgen_typescript_loader_error){}try{CustomContentVersion.displayName="CustomContentVersion",CustomContentVersion.__docgenInfo={description:"",displayName:"CustomContentVersion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#CustomContentVersion"]={docgenInfo:CustomContentVersion.__docgenInfo,name:"CustomContentVersion",path:"src/components/cookieConsent/CookieConsent.stories.tsx#CustomContentVersion"})}catch(__react_docgen_typescript_loader_error){}try{DebugVersion.displayName="DebugVersion",DebugVersion.__docgenInfo={description:"",displayName:"DebugVersion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#DebugVersion"]={docgenInfo:DebugVersion.__docgenInfo,name:"DebugVersion",path:"src/components/cookieConsent/CookieConsent.stories.tsx#DebugVersion"})}catch(__react_docgen_typescript_loader_error){}try{TunnistamoLoginCookies.displayName="TunnistamoLoginCookies",TunnistamoLoginCookies.__docgenInfo={description:"",displayName:"TunnistamoLoginCookies",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/cookieConsent/CookieConsent.stories.tsx#TunnistamoLoginCookies"]={docgenInfo:TunnistamoLoginCookies.__docgenInfo,name:"TunnistamoLoginCookies",path:"src/components/cookieConsent/CookieConsent.stories.tsx#TunnistamoLoginCookies"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/dateInput/DateInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Localisation:()=>Localisation,WithDisabledDates:()=>WithDisabledDates,WithExternalClearValueButton:()=>WithExternalClearValueButton,WithMinAndMaxDate:()=>WithMinAndMaxDate,WithSelectedDisabledDates:()=>WithSelectedDisabledDates,WithoutConfirmation:()=>WithoutConfirmation,WithoutDatePicker:()=>WithoutDatePicker,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),date_fns_parse__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/date-fns/esm/parse/index.js"),date_fns_addDays__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/date-fns/esm/addDays/index.js"),date_fns_format__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/date-fns/esm/format/index.js"),date_fns_isWeekend__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/date-fns/esm/isWeekend/index.js"),date_fns_isSameDay__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/date-fns/esm/isSameDay/index.js"),date_fns__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/date-fns/esm/addMonths/index.js"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/dateInput/DateInput.tsx"),_button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/button/Button.tsx"),_icons__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/IconCrossCircle.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_2__.W,title:"Components/DateInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useState } from 'react';\nimport parse from 'date-fns/parse';\nimport addDays from 'date-fns/addDays';\nimport format from 'date-fns/format';\nimport isWeekend from 'date-fns/isWeekend';\nimport isSameDay from 'date-fns/isSameDay';\nimport { addMonths } from 'date-fns';\n\nimport { DateInput } from '.';\nimport { Button } from '../button';\nimport { IconCrossCircle } from '../../icons';\n\nconst formatHelperTextEnglish = 'Use format D.M.YYYY';\n\nconst argTypes = {\n minDate: {\n control: 'date',\n },\n maxDate: {\n control: 'date',\n },\n};\n\nexport default {\n component: DateInput,\n title: 'Components/DateInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n argTypes,\n args: {\n id: 'date',\n label: 'Choose a date',\n helperText: formatHelperTextEnglish,\n language: 'en',\n disableConfirmation: false,\n disableDatePicker: false,\n onChange: (value: string, valueAsDate: Date) => {\n \n console.log(value, valueAsDate);\n },\n },\n};\n\nexport const Default = (args) => {\n return ;\n};\n\nexport const WithMinAndMaxDate = (args) => {\n const minDate = new Date();\n minDate.setDate(4);\n const maxDate = addMonths(new Date(), 4);\n return ;\n};\n\nWithMinAndMaxDate.parameters = { loki: { skip: true } };\n\nexport const WithoutConfirmation = (args) => {\n return ;\n};\nWithoutConfirmation.storyName = 'Without confirmation';\nWithoutConfirmation.args = {\n disableConfirmation: true,\n};\n\nexport const Localisation = (args) => {\n const bottomMargin = { marginBottom: 'var(--spacing-m)' };\n return (\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n );\n};\n\nexport const WithoutDatePicker = (args) => {\n return ;\n};\nWithoutDatePicker.storyName = 'Without date picker';\nWithoutDatePicker.args = {\n disableDatePicker: true,\n};\n\nexport const WithExternalClearValueButton = (args) => {\n const [value, setValue] = useState('10.2.2022');\n return (\n
\n \n \n
\n );\n};\nWithExternalClearValueButton.storyName = 'With external clear value button';\n\nexport const WithDisabledDates = (args) => {\n const [value, setValue] = useState('');\n const [errorText, setErrorText] = useState(undefined);\n const dateHelperText = 'Only weekdays are available.';\n const helperText = `${dateHelperText} ${formatHelperTextEnglish}`;\n\n React.useEffect(() => {\n if (!value) {\n setErrorText(undefined);\n } else {\n const selectedDate = parse(value, 'dd.M.yyyy', new Date());\n if (isWeekend(selectedDate)) {\n setErrorText(`The date is a weekend day. ${dateHelperText}`);\n } else {\n setErrorText(undefined);\n }\n }\n }, [value]);\n\n return (\n \n );\n};\nWithDisabledDates.storyName = 'With disabled dates';\nWithDisabledDates.parameters = { loki: { skip: true } };\n\nexport const WithSelectedDisabledDates = (args) => {\n const dateFormat = 'dd.M.yyyy';\n const dateValue = new Date(2021, 10, 12);\n const [value, setValue] = useState(format(dateValue, dateFormat));\n const [errorText, setErrorText] = useState(undefined);\n const disabledDates = [addDays(dateValue, 12), addDays(dateValue, 14)];\n const helperText = `Dates ${disabledDates\n .map((d) => format(d, dateFormat))\n .join(' and ')} are disabled. Use other dates instead. ${formatHelperTextEnglish}`;\n const isDisabledDate = (date) => !!disabledDates.find((disabledDate) => isSameDay(disabledDate, date));\n\n React.useEffect(() => {\n if (!value) {\n setErrorText(undefined);\n } else {\n const selectedDate = parse(value, dateFormat, new Date());\n if (isDisabledDate(selectedDate)) {\n setErrorText(`This date is disabled. Please use another date instead.`);\n } else {\n setErrorText(undefined);\n }\n }\n }, [value]);\n\n return (\n \n );\n};\nWithSelectedDisabledDates.storyName = 'With selected disabled dates';\nWithSelectedDisabledDates.parameters = { loki: { skip: true } };\n",locationsMap:{default:{startLoc:{col:23,line:46},endLoc:{col:1,line:48},startBody:{col:23,line:46},endBody:{col:1,line:48}},"with-min-and-max-date":{startLoc:{col:33,line:50},endLoc:{col:1,line:55},startBody:{col:33,line:50},endBody:{col:1,line:55}},"without-confirmation":{startLoc:{col:35,line:59},endLoc:{col:1,line:61},startBody:{col:35,line:59},endBody:{col:1,line:61}},localisation:{startLoc:{col:28,line:67},endLoc:{col:1,line:100},startBody:{col:28,line:67},endBody:{col:1,line:100}},"without-date-picker":{startLoc:{col:33,line:102},endLoc:{col:1,line:104},startBody:{col:33,line:102},endBody:{col:1,line:104}},"with-external-clear-value-button":{startLoc:{col:44,line:110},endLoc:{col:1,line:120},startBody:{col:44,line:110},endBody:{col:1,line:120}},"with-disabled-dates":{startLoc:{col:33,line:123},endLoc:{col:1,line:153},startBody:{col:33,line:123},endBody:{col:1,line:153}},"with-selected-disabled-dates":{startLoc:{col:41,line:157},endLoc:{col:1,line:192},startBody:{col:41,line:157},endBody:{col:1,line:192}}}},controls:{hideNoControlsWarning:!0}},argTypes:{minDate:{control:"date"},maxDate:{control:"date"}},args:{id:"date",label:"Choose a date",helperText:"Use format D.M.YYYY",language:"en",disableConfirmation:!1,disableDatePicker:!1,onChange:function onChange(value,valueAsDate){console.log(value,valueAsDate)}}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))},WithMinAndMaxDate=function WithMinAndMaxDate(args){var minDate=new Date;minDate.setDate(4);var maxDate=(0,date_fns__WEBPACK_IMPORTED_MODULE_4__.Z)(new Date,4);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{minDate,maxDate}))};WithMinAndMaxDate.parameters={loki:{skip:!0}};var WithoutConfirmation=function WithoutConfirmation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithoutConfirmation.storyName="Without confirmation",WithoutConfirmation.args={disableConfirmation:!0};var Localisation=function Localisation(args){var bottomMargin={marginBottom:"var(--spacing-m)"};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:bottomMargin,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{id:"".concat(args.id,"-fi"),language:"fi",label:"Valitse päivämäärä",helperText:"Use format D.M.YYYY"}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:bottomMargin,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{id:"".concat(args.id,"-sv"),language:"sv",label:"Välj ett datum",helperText:"Använd ett format D.M.ÅÅÅÅ"}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:bottomMargin,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{id:"".concat(args.id,"-en"),language:"en",label:"Choose a date",helperText:"Käytä muotoa P.K.VVVV"}))})]})},WithoutDatePicker=function WithoutDatePicker(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithoutDatePicker.storyName="Without date picker",WithoutDatePicker.args={disableDatePicker:!0};var WithExternalClearValueButton=function WithExternalClearValueButton(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("10.2.2022"),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"date-input--external-clear-value-button",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{value,onChange:setValue})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_6__.z,{variant:"supplementary",onClick:function onClick(){return setValue("")},iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_7__.IconCrossCircle,{"aria-hidden":!0}),children:"Clear value"})]})};WithExternalClearValueButton.storyName="With external clear value button";var WithDisabledDates=function WithDisabledDates(args){var _useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),_useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState5,2),errorText=_useState6[0],setErrorText=_useState6[1],helperText="".concat("Only weekdays are available."," ").concat("Use format D.M.YYYY");return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){if(value){var selectedDate=(0,date_fns_parse__WEBPACK_IMPORTED_MODULE_8__.Z)(value,"dd.M.yyyy",new Date);(0,date_fns_isWeekend__WEBPACK_IMPORTED_MODULE_9__.Z)(selectedDate)?setErrorText("The date is a weekend day. ".concat("Only weekdays are available.")):setErrorText(void 0)}else setErrorText(void 0)}),[value]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{value,onChange:setValue,isDateDisabledBy:date_fns_isWeekend__WEBPACK_IMPORTED_MODULE_9__.Z,helperText,errorText,invalid:!!errorText}))};WithDisabledDates.storyName="With disabled dates",WithDisabledDates.parameters={loki:{skip:!0}};var WithSelectedDisabledDates=function WithSelectedDisabledDates(args){var dateValue=new Date(2021,10,12),_useState7=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,date_fns_format__WEBPACK_IMPORTED_MODULE_10__.Z)(dateValue,"dd.M.yyyy")),_useState8=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState7,2),value=_useState8[0],setValue=_useState8[1],_useState9=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0),_useState10=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_5__.Z)(_useState9,2),errorText=_useState10[0],setErrorText=_useState10[1],disabledDates=[(0,date_fns_addDays__WEBPACK_IMPORTED_MODULE_11__.Z)(dateValue,12),(0,date_fns_addDays__WEBPACK_IMPORTED_MODULE_11__.Z)(dateValue,14)],helperText="Dates ".concat(disabledDates.map((function(d){return(0,date_fns_format__WEBPACK_IMPORTED_MODULE_10__.Z)(d,"dd.M.yyyy")})).join(" and ")," are disabled. Use other dates instead. ").concat("Use format D.M.YYYY"),isDisabledDate=function isDisabledDate(date){return!!disabledDates.find((function(disabledDate){return(0,date_fns_isSameDay__WEBPACK_IMPORTED_MODULE_12__.Z)(disabledDate,date)}))};return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){if(value){var selectedDate=(0,date_fns_parse__WEBPACK_IMPORTED_MODULE_8__.Z)(value,"dd.M.yyyy",new Date);isDisabledDate(selectedDate)?setErrorText("This date is disabled. Please use another date instead."):setErrorText(void 0)}else setErrorText(void 0)}),[value]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{value,onChange:setValue,isDateDisabledBy:isDisabledDate,helperText,errorText,invalid:!!errorText}))};WithSelectedDisabledDates.storyName="With selected disabled dates",WithSelectedDisabledDates.parameters={loki:{skip:!0}},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n return ;\n}"}},Default.parameters),WithMinAndMaxDate.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const minDate = new Date();\n minDate.setDate(4);\n const maxDate = addMonths(new Date(), 4);\n return ;\n}"}},WithMinAndMaxDate.parameters),WithoutConfirmation.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n return ;\n}"}},WithoutConfirmation.parameters),Localisation.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => {\n const bottomMargin = { marginBottom: \'var(--spacing-m)\' };\n return (\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n );\n}'}},Localisation.parameters),WithoutDatePicker.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n return ;\n}"}},WithoutDatePicker.parameters),WithExternalClearValueButton.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const [value, setValue] = useState('10.2.2022');\n return (\n
\n \n \n
\n );\n}"}},WithExternalClearValueButton.parameters),WithDisabledDates.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const [value, setValue] = useState('');\n const [errorText, setErrorText] = useState(undefined);\n const dateHelperText = 'Only weekdays are available.';\n const helperText = `${dateHelperText} ${formatHelperTextEnglish}`;\n\n React.useEffect(() => {\n if (!value) {\n setErrorText(undefined);\n } else {\n const selectedDate = parse(value, 'dd.M.yyyy', new Date());\n if (isWeekend(selectedDate)) {\n setErrorText(`The date is a weekend day. ${dateHelperText}`);\n } else {\n setErrorText(undefined);\n }\n }\n }, [value]);\n\n return (\n \n );\n}"}},WithDisabledDates.parameters),WithSelectedDisabledDates.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const dateFormat = 'dd.M.yyyy';\n const dateValue = new Date(2021, 10, 12);\n const [value, setValue] = useState(format(dateValue, dateFormat));\n const [errorText, setErrorText] = useState(undefined);\n const disabledDates = [addDays(dateValue, 12), addDays(dateValue, 14)];\n const helperText = `Dates ${disabledDates\n .map((d) => format(d, dateFormat))\n .join(' and ')} are disabled. Use other dates instead. ${formatHelperTextEnglish}`;\n const isDisabledDate = (date) => !!disabledDates.find((disabledDate) => isSameDay(disabledDate, date));\n\n React.useEffect(() => {\n if (!value) {\n setErrorText(undefined);\n } else {\n const selectedDate = parse(value, dateFormat, new Date());\n if (isDisabledDate(selectedDate)) {\n setErrorText(`This date is disabled. Please use another date instead.`);\n } else {\n setErrorText(undefined);\n }\n }\n }, [value]);\n\n return (\n \n );\n}"}},WithSelectedDisabledDates.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/dateInput/DateInput.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{WithMinAndMaxDate.displayName="WithMinAndMaxDate",WithMinAndMaxDate.__docgenInfo={description:"",displayName:"WithMinAndMaxDate",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#WithMinAndMaxDate"]={docgenInfo:WithMinAndMaxDate.__docgenInfo,name:"WithMinAndMaxDate",path:"src/components/dateInput/DateInput.stories.tsx#WithMinAndMaxDate"})}catch(__react_docgen_typescript_loader_error){}try{WithoutConfirmation.displayName="WithoutConfirmation",WithoutConfirmation.__docgenInfo={description:"",displayName:"WithoutConfirmation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#WithoutConfirmation"]={docgenInfo:WithoutConfirmation.__docgenInfo,name:"WithoutConfirmation",path:"src/components/dateInput/DateInput.stories.tsx#WithoutConfirmation"})}catch(__react_docgen_typescript_loader_error){}try{Localisation.displayName="Localisation",Localisation.__docgenInfo={description:"",displayName:"Localisation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#Localisation"]={docgenInfo:Localisation.__docgenInfo,name:"Localisation",path:"src/components/dateInput/DateInput.stories.tsx#Localisation"})}catch(__react_docgen_typescript_loader_error){}try{WithoutDatePicker.displayName="WithoutDatePicker",WithoutDatePicker.__docgenInfo={description:"",displayName:"WithoutDatePicker",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#WithoutDatePicker"]={docgenInfo:WithoutDatePicker.__docgenInfo,name:"WithoutDatePicker",path:"src/components/dateInput/DateInput.stories.tsx#WithoutDatePicker"})}catch(__react_docgen_typescript_loader_error){}try{WithExternalClearValueButton.displayName="WithExternalClearValueButton",WithExternalClearValueButton.__docgenInfo={description:"",displayName:"WithExternalClearValueButton",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#WithExternalClearValueButton"]={docgenInfo:WithExternalClearValueButton.__docgenInfo,name:"WithExternalClearValueButton",path:"src/components/dateInput/DateInput.stories.tsx#WithExternalClearValueButton"})}catch(__react_docgen_typescript_loader_error){}try{WithDisabledDates.displayName="WithDisabledDates",WithDisabledDates.__docgenInfo={description:"",displayName:"WithDisabledDates",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#WithDisabledDates"]={docgenInfo:WithDisabledDates.__docgenInfo,name:"WithDisabledDates",path:"src/components/dateInput/DateInput.stories.tsx#WithDisabledDates"})}catch(__react_docgen_typescript_loader_error){}try{WithSelectedDisabledDates.displayName="WithSelectedDisabledDates",WithSelectedDisabledDates.__docgenInfo={description:"",displayName:"WithSelectedDisabledDates",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.stories.tsx#WithSelectedDisabledDates"]={docgenInfo:WithSelectedDisabledDates.__docgenInfo,name:"WithSelectedDisabledDates",path:"src/components/dateInput/DateInput.stories.tsx#WithSelectedDisabledDates"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/dialog/Dialog.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Confirmation:()=>Confirmation,ConfirmationWithTerms:()=>ConfirmationWithTerms,Danger:()=>Danger,Default:()=>Default,LongButtonLabels:()=>LongButtonLabels,ScrollableConfirmation:()=>ScrollableConfirmation,WithBoxShadow:()=>WithBoxShadow,WithControlledContent:()=>WithControlledContent,default:()=>Dialog_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),Button=__webpack_require__("./src/components/button/Button.tsx"),TextArea=__webpack_require__("./src/components/textarea/TextArea.tsx"),TextInput=__webpack_require__("./src/components/textInput/TextInput.tsx"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react_dom=__webpack_require__("../../node_modules/react-dom/index.js");__webpack_require__("./src/styles/base.css");const Dialog_module={"medium-up":"only screen and (min-width: 768px)",dialogVisibleBodyWithHiddenScrollbars:"Dialog_dialogVisibleBodyWithHiddenScrollbars__JmYA7",dialogBackdrop:"Dialog_dialogBackdrop__y8OAO",dialog:"Dialog_dialog__Qe1nH",dialogContainer:"Dialog_dialogContainer__PG0Xs",danger:"Dialog_danger__QBwE9",dialogVisible:"Dialog_dialogVisible__w0jBb",dialogScrollable:"Dialog_dialogScrollable__xhfov",boxShadow:"Dialog_boxShadow__DT3Rq"};var classNames=__webpack_require__("./src/utils/classNames.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx");const DialogActionButtons_module_dialogActionButtons="DialogActionButtons_dialogActionButtons__F197P";var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),DialogActionButtons=function DialogActionButtons(_ref){var children=_ref.children,className=_ref.className;return(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(DialogActionButtons_module_dialogActionButtons,className),children})};DialogActionButtons.componentName="DialogActionButtons";try{DialogActionButtons.displayName="DialogActionButtons",DialogActionButtons.__docgenInfo={description:"",displayName:"DialogActionButtons",props:{className:{defaultValue:null,description:"className for custom styling",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/dialogActionButtons/DialogActionButtons.tsx#DialogActionButtons"]={docgenInfo:DialogActionButtons.__docgenInfo,name:"DialogActionButtons",path:"src/components/dialog/dialogActionButtons/DialogActionButtons.tsx#DialogActionButtons"})}catch(__react_docgen_typescript_loader_error){}var IconCross=__webpack_require__("./src/icons/IconCross.tsx");const DialogHeader_module_dialogHeaderClose="DialogHeader_dialogHeaderClose__x0sym",DialogHeader_module_dialogHeader="DialogHeader_dialogHeader__pdpXM",DialogHeader_module_dialogHeaderContent="DialogHeader_dialogHeaderContent__x1IcU",DialogHeader_module_dialogTitle="DialogHeader_dialogTitle__sw2N8",DialogHeader_module_dialogTitleLeftIcon="DialogHeader_dialogTitleLeftIcon__sQYOw";var DialogContext=react.createContext({}),DialogHeader=function DialogHeader(_ref){var id=_ref.id,title=_ref.title,iconLeft=_ref.iconLeft,_useContext=(0,react.useContext)(DialogContext),close=_useContext.close,closeButtonLabelText=_useContext.closeButtonLabelText,isReadyToShowDialog=_useContext.isReadyToShowDialog,titleRef=react.useRef();return(0,react.useEffect)((function(){titleRef&&isReadyToShowDialog&&titleRef.current.focus()}),[titleRef,isReadyToShowDialog]),(0,jsx_runtime.jsx)("div",{className:DialogHeader_module_dialogHeader,children:(0,jsx_runtime.jsxs)("div",{className:DialogHeader_module_dialogHeaderContent,children:[close&&(0,jsx_runtime.jsx)("button",{className:DialogHeader_module_dialogHeaderClose,type:"button","aria-label":closeButtonLabelText||"Close",onClick:function onClick(){return close()},children:(0,jsx_runtime.jsx)(IconCross.IconCross,{"aria-hidden":"true"})}),(0,jsx_runtime.jsxs)("h2",{id,tabIndex:-1,className:DialogHeader_module_dialogTitle,ref:titleRef,children:[iconLeft&&(0,jsx_runtime.jsx)("span",{className:DialogHeader_module_dialogTitleLeftIcon,"aria-hidden":"true",children:iconLeft}),title]})]})})};DialogHeader.componentName="DialogHeader";try{DialogHeader.displayName="DialogHeader",DialogHeader.__docgenInfo={description:"",displayName:"DialogHeader",props:{id:{defaultValue:null,description:"The id of the heading element.",name:"id",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"The text of the heading element.",name:"title",required:!0,type:{name:"string"}},iconLeft:{defaultValue:null,description:"Element placed on the left side of the heading element.",name:"iconLeft",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/dialogHeader/DialogHeader.tsx#DialogHeader"]={docgenInfo:DialogHeader.__docgenInfo,name:"DialogHeader",path:"src/components/dialog/dialogHeader/DialogHeader.tsx#DialogHeader"})}catch(__react_docgen_typescript_loader_error){}const DialogContent_module_dialogContent="DialogContent_dialogContent__GM1RQ",DialogContent_module_dialogContentScrollable="DialogContent_dialogContentScrollable__ARSfO";var DialogContent=function DialogContent(_ref){var id=_ref.id,children=_ref.children,scrollable=(0,react.useContext)(DialogContext).scrollable;return(0,jsx_runtime.jsx)("div",{id,className:(0,classNames.Z)(DialogContent_module_dialogContent,scrollable&&DialogContent_module_dialogContentScrollable),children})};DialogContent.componentName="DialogContent";try{DialogContent.displayName="DialogContent",DialogContent.__docgenInfo={description:"",displayName:"DialogContent",props:{id:{defaultValue:null,description:"The id of the content element.",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/dialogContent/DialogContent.tsx#DialogContent"]={docgenInfo:DialogContent.__docgenInfo,name:"DialogContent",path:"src/components/dialog/dialogContent/DialogContent.tsx#DialogContent"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["boxShadow","id","isOpen","children","close","closeButtonLabelText","focusAfterCloseElement","focusAfterCloseRef","scrollable","variant","style","theme","className","targetElement"],TabBarrierPosition=function(TabBarrierPosition){return TabBarrierPosition.top="top",TabBarrierPosition.bottom="bottom",TabBarrierPosition}(TabBarrierPosition||{}),defaultBarrierProps={tabIndex:0,"aria-hidden":!0},focusToDialogElement=function focusToDialogElement(position,dialogElement){if(dialogElement){var focusableElements=function findFocusableDialogElements(dialogElement){return dialogElement.querySelectorAll('a, button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')}(dialogElement);focusableElements.length&&focusableElements[position===TabBarrierPosition.top?0:focusableElements.length-1].focus()}},ContentTabBarrier=function ContentTabBarrier(_ref){var onFocus=_ref.onFocus;return(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultBarrierProps),{},{onFocus}))},addDocumentTabBarrier=function addDocumentTabBarrier(position,dialogElement){var element=document.createElement("div");return element.className="hds-dialog-tab-barrier",element.tabIndex=defaultBarrierProps.tabIndex,element["aria-hidden"]=defaultBarrierProps.tabIndex["aria-hidden"],element.addEventListener("focus",(function(){return focusToDialogElement(position,dialogElement)})),position===TabBarrierPosition.top?document.body.insertBefore(element,document.body.firstChild):document.body.appendChild(element),element},Dialog=function Dialog(_ref2){var _ref2$boxShadow=_ref2.boxShadow,boxShadow=void 0!==_ref2$boxShadow&&_ref2$boxShadow,id=_ref2.id,isOpen=_ref2.isOpen,children=_ref2.children,close=_ref2.close,closeButtonLabelText=_ref2.closeButtonLabelText,focusAfterCloseElement=_ref2.focusAfterCloseElement,focusAfterCloseRef=_ref2.focusAfterCloseRef,scrollable=_ref2.scrollable,_ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"primary":_ref2$variant,style=_ref2.style,theme=_ref2.theme,className=_ref2.className,targetElement=_ref2.targetElement,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),isReadyToShowDialog=_useState2[0],setIsReadyToShowDialog=_useState2[1],dialogContextProps={isReadyToShowDialog,scrollable,close,closeButtonLabelText},customThemeClass=(0,useTheme.F)(Dialog_module.dialogContainer,theme),dialogRef=(0,react.createRef)(),bodyRightPaddingStyleRef=(0,react.useRef)(null);(0,react.useEffect)((function(){if(isOpen&&void 0!==dialogRef)return addDocumentTabBarrier(TabBarrierPosition.top,dialogRef.current),addDocumentTabBarrier(TabBarrierPosition.bottom,dialogRef.current),function(){document.querySelectorAll(".hds-dialog-tab-barrier").forEach((function(element){element.remove()}))}}),[dialogRef,isOpen]);var ariaLabelledby=props["aria-labelledby"],ariaDescribedby=props["aria-describedby"],onKeyDown=(0,react.useCallback)((function(event){close&&"Escape"===event.key&&close()}),[close]),getElementToFocusAfterClose=(0,react.useCallback)((function(){return focusAfterCloseElement||focusAfterCloseRef&&focusAfterCloseRef.current}),[focusAfterCloseElement,focusAfterCloseRef]);(0,react.useEffect)((function(){if(isOpen){var documentScrollbarWidth=window.innerWidth-document.body.offsetWidth;if(documentScrollbarWidth>0){bodyRightPaddingStyleRef.current=document.body.style.paddingRight;var bodyPaddingRightInPixels=parseInt(window.getComputedStyle(document.body).paddingRight,10);document.body.style.paddingRight="".concat(bodyPaddingRightInPixels+documentScrollbarWidth,"px")}document.body.classList.add(Dialog_module.dialogVisibleBodyWithHiddenScrollbars),document.documentElement.classList.add(Dialog_module.dialogVisibleBodyWithHiddenScrollbars),document.addEventListener("keydown",onKeyDown,!1),setIsReadyToShowDialog(!0)}return function(){if(isOpen){setIsReadyToShowDialog(!1),document.body.classList.remove(Dialog_module.dialogVisibleBodyWithHiddenScrollbars),document.documentElement.classList.remove(Dialog_module.dialogVisibleBodyWithHiddenScrollbars),document.removeEventListener("keydown",onKeyDown,!1),document.body.style.paddingRight=bodyRightPaddingStyleRef.current||"";var elementToFocus=getElementToFocusAfterClose();elementToFocus&&elementToFocus.focus()}}}),[isOpen,getElementToFocusAfterClose]);return isOpen?react_dom.createPortal(function renderDialogComponent(){return(0,jsx_runtime.jsx)(DialogContext.Provider,{value:dialogContextProps,children:(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Dialog_module.dialogContainer,customThemeClass),children:[(0,jsx_runtime.jsx)(ContentTabBarrier,{onFocus:function onFocus(){return focusToDialogElement(TabBarrierPosition.bottom,dialogRef.current)}}),(0,jsx_runtime.jsx)("div",{tabIndex:-1,className:Dialog_module.dialogBackdrop}),(0,jsx_runtime.jsx)("div",{ref:dialogRef,role:"dialog","aria-modal":"true",id,className:(0,classNames.Z)(Dialog_module.dialog,isReadyToShowDialog&&Dialog_module.dialogVisible,scrollable&&Dialog_module.dialogScrollable,Dialog_module[variant],boxShadow&&Dialog_module.boxShadow,className),style,"aria-labelledby":ariaLabelledby,"aria-describedby":ariaDescribedby,children}),(0,jsx_runtime.jsx)(ContentTabBarrier,{onFocus:function onFocus(){return focusToDialogElement(TabBarrierPosition.top,dialogRef.current)}})]})})}(),targetElement||document.body):null};Dialog.Header=DialogHeader,Dialog.Content=DialogContent,Dialog.ActionButtons=DialogActionButtons;try{Dialog.displayName="Dialog",Dialog.__docgenInfo={description:"",displayName:"Dialog",props:{id:{defaultValue:null,description:"The id of the dialog element.",name:"id",required:!0,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"The id of the heading element.",name:"aria-labelledby",required:!0,type:{name:"string"}},"aria-describedby":{defaultValue:null,description:"The id of the content description element which is usually a paragraph. The paragraph should be part of the content.",name:"aria-describedby",required:!1,type:{name:"string"}},boxShadow:{defaultValue:{value:"false"},description:"Boolean indicating whether dialog has box shadow or not.",name:"boxShadow",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"When `true`, dialog is visible,",name:"isOpen",required:!0,type:{name:"boolean"}},focusAfterCloseRef:{defaultValue:null,description:"The element ref which will get focus after the dialog is closed.",name:"focusAfterCloseRef",required:!1,type:{name:"RefObject"}},focusAfterCloseElement:{defaultValue:null,description:"The element which will get focus after the dialog is closed.",name:"focusAfterCloseElement",required:!1,type:{name:"HTMLElement"}},scrollable:{defaultValue:null,description:"When `true` dialog content is scrollable if needed. Use only for long text contents.",name:"scrollable",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"primary"},description:"Defines the dialog variant",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"danger"'}]}},style:{defaultValue:null,description:"Additional styles",name:"style",required:!1,type:{name:"CSSProperties"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"DialogCustomTheme"}},className:{defaultValue:null,description:"Additional class names to apply to the dialog.",name:"className",required:!1,type:{name:"string"}},targetElement:{defaultValue:null,description:"Target element where dialog is rendered. The dialog is rendered into the document.body by default.",name:"targetElement",required:!1,type:{name:"HTMLElement"}},close:{defaultValue:null,description:"A function to set isOpen property to `false`. The dialog header will have a close-button if this property exists. The dialog will also close on Escape keypress.",name:"close",required:!1,type:{name:"() => void"}},closeButtonLabelText:{defaultValue:null,description:"The aria-label for the close button. Required with close property.",name:"closeButtonLabelText",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/Dialog.tsx#Dialog"]={docgenInfo:Dialog.__docgenInfo,name:"Dialog",path:"src/components/dialog/Dialog.tsx#Dialog"})}catch(__react_docgen_typescript_loader_error){}try{Dialog.Header.displayName="Dialog.Header",Dialog.Header.__docgenInfo={description:"",displayName:"Dialog.Header",props:{id:{defaultValue:null,description:"The id of the heading element.",name:"id",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"The text of the heading element.",name:"title",required:!0,type:{name:"string"}},iconLeft:{defaultValue:null,description:"Element placed on the left side of the heading element.",name:"iconLeft",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/Dialog.tsx#Dialog.Header"]={docgenInfo:Dialog.Header.__docgenInfo,name:"Dialog.Header",path:"src/components/dialog/Dialog.tsx#Dialog.Header"})}catch(__react_docgen_typescript_loader_error){}try{Dialog.Content.displayName="Dialog.Content",Dialog.Content.__docgenInfo={description:"",displayName:"Dialog.Content",props:{id:{defaultValue:null,description:"The id of the content element.",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/Dialog.tsx#Dialog.Content"]={docgenInfo:Dialog.Content.__docgenInfo,name:"Dialog.Content",path:"src/components/dialog/Dialog.tsx#Dialog.Content"})}catch(__react_docgen_typescript_loader_error){}try{Dialog.ActionButtons.displayName="Dialog.ActionButtons",Dialog.ActionButtons.__docgenInfo={description:"",displayName:"Dialog.ActionButtons",props:{className:{defaultValue:null,description:"className for custom styling",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dialog/Dialog.tsx#Dialog.ActionButtons"]={docgenInfo:Dialog.ActionButtons.__docgenInfo,name:"Dialog.ActionButtons",path:"src/components/dialog/Dialog.tsx#Dialog.ActionButtons"})}catch(__react_docgen_typescript_loader_error){}var IconPlusCircle=__webpack_require__("./src/icons/IconPlusCircle.tsx"),IconAlertCircle=__webpack_require__("./src/icons/IconAlertCircle.tsx"),IconTrash=__webpack_require__("./src/icons/IconTrash.tsx"),IconInfoCircle=__webpack_require__("./src/icons/IconInfoCircle.tsx"),DateInput=__webpack_require__("./src/components/dateInput/DateInput.tsx");const Dialog_stories={component:Dialog,title:"Components/Dialog",parameters:{storySource:{source:"import React, { useRef, useState } from 'react';\n\nimport { Button } from '../button/Button';\nimport { TextArea } from '../textarea/TextArea';\nimport { TextInput } from '../textInput/TextInput';\nimport { Dialog } from './Dialog';\nimport { IconAlertCircle, IconInfoCircle, IconPlusCircle, IconTrash } from '../../icons';\nimport { DateInput } from '../dateInput';\n\nconst argTypes = {\n variant: {\n options: ['primary', 'danger'],\n control: { type: 'radio' },\n defaultValue: 'primary',\n },\n};\n\nexport default {\n component: Dialog,\n title: 'Components/Dialog',\n parameters: {\n controls: { expanded: true },\n loki: { skip: true },\n },\n args: {\n id: 'example-dialog',\n scrollable: false,\n boxShadow: false,\n theme: {},\n style: {},\n closeButtonLabelText: 'Close',\n },\n argTypes,\n};\n\nexport const Default = (args) => {\n const openButtonRef = useRef(null);\n const [open, setOpen] = useState(false);\n const close = () => setOpen(false);\n const titleId = 'custom-dialog-title';\n const descriptionId = 'custom-dialog-content';\n\n return (\n <>\n \n \n } />\n \n

\n Add a new item by filling the information below. All fields are mandatory.\n

\n \n
\n \n
\n \n
\n \n {\n // Add operations here\n close();\n }}\n >\n Add item\n \n \n \n \n \n );\n};\n\n// This dialog story is part of Loki's visual regression tests. It is open by default, and it is not part of the Storybooks' docs section.\nexport const WithBoxShadow = (args) => {\n const dialogTargetElement = document.getElementById('root'); // Because of the story regression tests, we need to render the dialog into the root element\n const openButtonRef = useRef(null);\n const [open, setOpen] = useState(true);\n const close = () => setOpen(false);\n const titleId = 'custom-dialog-title';\n const descriptionId = 'custom-dialog-content';\n\n return (\n <>\n \n \n } />\n \n

\n Add a new item by filling the information below. All fields are mandatory.\n

\n \n
\n \n
\n \n {\n // Add operations here\n close();\n }}\n >\n Add item\n \n \n \n \n \n );\n};\n\nWithBoxShadow.storyName = 'With box shadow';\n\nWithBoxShadow.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: false },\n};\n\n// This dialog story is part of Loki's visual regression tests. It is open by default, and it is not part of the Storybooks' docs section.\nexport const Confirmation = (args) => {\n const dialogTargetElement = document.getElementById('root'); // Because of the story regression tests, we need to render the dialog into the root element\n const openConfirmationButtonRef = useRef(null);\n const [open, setOpen] = useState(true);\n const close = () => setOpen(false);\n const titleId = 'confirmation-dialog-title';\n const descriptionId = 'confirmation-dialog-description';\n\n return (\n <>\n \n \n } />\n \n

\n Are you sure you want to continue?\n

\n
\n \n {\n // Add confirm operations here\n close();\n }}\n >\n Confirm\n \n \n \n \n \n );\n};\n\nConfirmation.storyName = 'Confirmation';\n\nConfirmation.args = {\n id: 'confirmation-dialog',\n};\n\nConfirmation.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: false },\n};\n\n// This dialog story is part of Loki's visual regression tests. It is open by default, and it is not part of the Storybooks' docs section.\nexport const Danger = (args) => {\n const dialogTargetElement = document.getElementById('root'); // Because of the story regression tests, we need to render the dialog into the root element\n const openDangerButtonRef = useRef(null);\n const [open, setOpen] = useState(true);\n const close = () => setOpen(false);\n const titleId = 'danger-dialog-title';\n const descriptionId = 'danger-dialog-description';\n\n return (\n <>\n \n \n } />\n \n

\n Are you sure you want to delete the item?\n

\n
\n \n \n }\n onClick={() => {\n // Add confirm operations here\n close();\n }}\n >\n Delete\n \n \n \n \n );\n};\n\nDanger.storyName = 'Danger';\n\nDanger.args = {\n id: 'danger-dialog',\n};\n\nDanger.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: false },\n};\n\n// This dialog story is part of Loki's visual regression tests. It is open by default, and it is not part of the Storybooks' docs section.\nexport const ScrollableConfirmation = (args) => {\n const dialogTargetElement = document.getElementById('root'); // Because of the story regression tests, we need to render the dialog into the root element\n const openScrollableConfirmationButtonRef = useRef(null);\n const [open, setOpen] = useState(true);\n const close = () => setOpen(false);\n const titleId = 'confirmation-scrollable-title';\n const descriptionId = 'confirmation-scrollable-description';\n\n return (\n <>\n \n \n } />\n \n

Are you sure you want to continue?

\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n
\n \n {\n // Add confirm operations here\n close();\n }}\n >\n Confirm\n \n \n \n \n \n );\n};\n\nScrollableConfirmation.storyName = 'Scrollable confirmation';\n\nScrollableConfirmation.args = {\n id: 'confirmation-scrollable-dialog',\n};\n\nScrollableConfirmation.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: false },\n};\n\n// This dialog story is part of Loki's visual regression tests. It is open by default, and it is not part of the Storybooks' docs section.\nexport const LongButtonLabels = (args) => {\n const dialogTargetElement = document.getElementById('root'); // Because of the story regression tests, we need to render the dialog into the root element\n const openDialogButtonRef = useRef(null);\n const [open, setOpen] = useState(true);\n const close = () => setOpen(false);\n const titleId = 'dialog-with-long-labels-title';\n\n return (\n <>\n \n \n } />\n \n

Are you sure you want to continue?

\n
\n \n {\n // Add confirm operations here\n close();\n }}\n >\n Confirm this thing now with a long label\n \n \n \n \n \n );\n};\n\nLongButtonLabels.storyName = 'With long button labels';\n\nLongButtonLabels.args = {\n id: 'dialog-with-long-button-labels',\n};\n\nLongButtonLabels.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: false },\n};\n\n// This dialog story is not part of the Storybooks' docs section.\nexport const ConfirmationWithTerms = (args) => {\n const openConfirmationButtonRef = useRef(null);\n const [open, setOpen] = useState(false);\n const [termsOpen, setTermsOpen] = useState(false);\n const close = () => setOpen(false);\n const openTermsButtonRef = useRef(null);\n const closeTerms = () => setTermsOpen(false);\n const openTermsDialog = () => setTermsOpen(true);\n const confirmationTitleId = 'confirmation-title';\n const confirmationDescriptionId = 'confirmation-description';\n const termsTitleId = 'terms-title';\n const termsDescriptionId = 'terms-description';\n\n return (\n <>\n \n \n }\n />\n \n

\n Do you want to accept terms of the service?\n
\n
\n }\n ref={openTermsButtonRef}\n onClick={() => openTermsDialog()}\n >\n Open service terms dialog\n \n

\n
\n \n {\n // Add confirm operations here\n close();\n }}\n >\n Accept terms\n \n \n \n \n \n \n \n

\n These are the terms of the service.\n

\n

\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni\n dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore\n magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis\n suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in\n ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas\n nulla pariatur?\n

\n
\n \n {\n closeTerms();\n }}\n >\n Close\n \n \n \n \n );\n};\n\nConfirmationWithTerms.storyName = 'Confirmation dialog with terms dialog';\n\nConfirmationWithTerms.parameters = {\n loki: { skip: true },\n};\n\nConfirmationWithTerms.args = {\n id: 'confirmation-dialog',\n termsId: 'terms-dialog',\n};\n\nConfirmationWithTerms.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nexport const WithControlledContent = (args) => {\n const openButtonRef = useRef(null);\n const [open, setOpen] = useState(false);\n const close = () => setOpen(false);\n const titleId = 'custom-dialog-title';\n const descriptionId = 'custom-dialog-content';\n const [textInputValue, setTextInputValue] = useState('');\n const [textAreaInputValue, setTextAreaInputValue] = useState('');\n\n return (\n <>\n \n \n } />\n \n

\n Add a new item by filling the information below. All fields are mandatory.\n

\n setTextInputValue(event.target.value)}\n value={textInputValue}\n required\n />\n
\n setTextAreaInputValue(event.target.value)}\n value={textAreaInputValue}\n required\n />\n
\n \n {\n // Add operations here\n close();\n }}\n >\n Add item\n \n \n \n \n \n );\n};\n\nWithControlledContent.storyName = 'With controlled content';\nWithControlledContent.parameters = {\n loki: { skip: true },\n};\n",locationsMap:{default:{startLoc:{col:23,line:36},endLoc:{col:1,line:100},startBody:{col:23,line:36},endBody:{col:1,line:100}},"with-box-shadow":{startLoc:{col:29,line:103},endLoc:{col:1,line:163},startBody:{col:29,line:103},endBody:{col:1,line:163}},confirmation:{startLoc:{col:28,line:180},endLoc:{col:1,line:223},startBody:{col:28,line:180},endBody:{col:1,line:223}},danger:{startLoc:{col:22,line:244},endLoc:{col:1,line:290},startBody:{col:22,line:244},endBody:{col:1,line:290}},"scrollable-confirmation":{startLoc:{col:38,line:311},endLoc:{col:1,line:425},startBody:{col:38,line:311},endBody:{col:1,line:425}},"long-button-labels":{startLoc:{col:32,line:446},endLoc:{col:1,line:485},startBody:{col:32,line:446},endBody:{col:1,line:485}},"confirmation-with-terms":{startLoc:{col:37,line:506},endLoc:{col:1,line:604},startBody:{col:37,line:506},endBody:{col:1,line:604}},"with-controlled-content":{startLoc:{col:37,line:628},endLoc:{col:1,line:691},startBody:{col:37,line:628},endBody:{col:1,line:691}}}},controls:{expanded:!0},loki:{skip:!0}},args:{id:"example-dialog",scrollable:!1,boxShadow:!1,theme:{},style:{},closeButtonLabelText:"Close"},argTypes:{variant:{options:["primary","danger"],control:{type:"radio"},defaultValue:"primary"}}};var Default=function Default(args){var openButtonRef=(0,react.useRef)(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1],close=function close(){return setOpen(!1)};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,scrollable:args.scrollable,boxShadow:args.boxShadow,theme:args.theme,style:args.style,variant:args.variant,closeButtonLabelText:args.closeButtonLabelText,"aria-labelledby":"custom-dialog-title","aria-describedby":"custom-dialog-content",isOpen:open,focusAfterCloseRef:openButtonRef,close,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:"custom-dialog-title",title:"Add new item",iconLeft:(0,jsx_runtime.jsx)(IconPlusCircle.IconPlusCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsxs)(Dialog.Content,{children:[(0,jsx_runtime.jsx)("p",{id:"custom-dialog-content",className:"text-body",style:{marginTop:"0"},children:"Add a new item by filling the information below. All fields are mandatory."}),(0,jsx_runtime.jsx)(TextInput.o,{id:"item-name",label:"Item name",placeholder:"E.g. Item 1",helperText:"Item's name must be unique.",required:!0}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(TextArea.K,{id:"item-description",label:"Item description",placeholder:"E.g. Item 1 is the first item of the system.",required:!0}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(DateInput.W,{id:"item-date",label:"Item date",required:!0,helperText:"Use format D.M.YYYY"})]}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Add item"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel"})]})]})]})},WithBoxShadow=function WithBoxShadow(args){var dialogTargetElement=document.getElementById("root"),openButtonRef=(0,react.useRef)(null),_useState3=(0,react.useState)(!0),_useState4=(0,slicedToArray.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],close=function close(){return setOpen(!1)};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,"aria-labelledby":"custom-dialog-title","aria-describedby":"custom-dialog-content",boxShadow:!0,isOpen:open,focusAfterCloseRef:openButtonRef,close,closeButtonLabelText:"Close",targetElement:dialogTargetElement,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:"custom-dialog-title",title:"Add new item",iconLeft:(0,jsx_runtime.jsx)(IconPlusCircle.IconPlusCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsxs)(Dialog.Content,{children:[(0,jsx_runtime.jsx)("p",{id:"custom-dialog-content",className:"text-body",style:{marginTop:"0"},children:"Add a new item by filling the information below. All fields are mandatory."}),(0,jsx_runtime.jsx)(TextInput.o,{id:"item-name",label:"Item name",placeholder:"E.g. Item 1",helperText:"Item's name must be unique.",required:!0}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(TextArea.K,{id:"item-description",label:"Item description",placeholder:"E.g. Item 1 is the first item of the system.",required:!0})]}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Add item"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel"})]})]})]})};WithBoxShadow.storyName="With box shadow",WithBoxShadow.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!1}};var Confirmation=function Confirmation(args){var dialogTargetElement=document.getElementById("root"),openConfirmationButtonRef=(0,react.useRef)(null),_useState5=(0,react.useState)(!0),_useState6=(0,slicedToArray.Z)(_useState5,2),open=_useState6[0],setOpen=_useState6[1],close=function close(){return setOpen(!1)},titleId="confirmation-dialog-title";return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openConfirmationButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Confirmation Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,"aria-labelledby":titleId,"aria-describedby":"confirmation-dialog-description",isOpen:open,focusAfterCloseRef:openConfirmationButtonRef,targetElement:dialogTargetElement,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:titleId,title:"Confirm dialog",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsx)(Dialog.Content,{children:(0,jsx_runtime.jsx)("p",{id:"confirmation-dialog-description",className:"text-body",style:{marginTop:"0"},children:"Are you sure you want to continue?"})}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Confirm"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel"})]})]})]})};Confirmation.storyName="Confirmation",Confirmation.args={id:"confirmation-dialog"},Confirmation.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!1}};var Danger=function Danger(args){var dialogTargetElement=document.getElementById("root"),openDangerButtonRef=(0,react.useRef)(null),_useState7=(0,react.useState)(!0),_useState8=(0,slicedToArray.Z)(_useState7,2),open=_useState8[0],setOpen=_useState8[1],close=function close(){return setOpen(!1)};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{variant:"danger",ref:openDangerButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Danger Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{variant:"danger",id:args.id,"aria-labelledby":"danger-dialog-title","aria-describedby":"danger-dialog-description",isOpen:open,focusAfterCloseRef:openDangerButtonRef,targetElement:dialogTargetElement,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:"danger-dialog-title",title:"Delete item",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsx)(Dialog.Content,{children:(0,jsx_runtime.jsx)("p",{id:"danger-dialog-description",className:"text-body",style:{marginTop:"0"},children:"Are you sure you want to delete the item?"})}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{theme:"black",variant:"secondary",onClick:close,children:"Cancel"}),(0,jsx_runtime.jsx)(Button.z,{variant:"danger",iconLeft:(0,jsx_runtime.jsx)(IconTrash.IconTrash,{"aria-hidden":"true"}),onClick:function onClick(){close()},children:"Delete"})]})]})]})};Danger.storyName="Danger",Danger.args={id:"danger-dialog"},Danger.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!1}};var ScrollableConfirmation=function ScrollableConfirmation(args){var dialogTargetElement=document.getElementById("root"),openScrollableConfirmationButtonRef=(0,react.useRef)(null),_useState9=(0,react.useState)(!0),_useState10=(0,slicedToArray.Z)(_useState9,2),open=_useState10[0],setOpen=_useState10[1],close=function close(){return setOpen(!1)},titleId="confirmation-scrollable-title";return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openScrollableConfirmationButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Scrollable Confirmation Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,style:{width:"800px"},"aria-labelledby":titleId,"aria-describedby":"confirmation-scrollable-description",isOpen:open,focusAfterCloseRef:openScrollableConfirmationButtonRef,targetElement:dialogTargetElement,scrollable:!0,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:titleId,title:"Confirm dialog",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsxs)(Dialog.Content,{children:[(0,jsx_runtime.jsx)("h3",{id:"confirmation-scrollable-description",children:"Are you sure you want to continue?"}),(0,jsx_runtime.jsx)("p",{className:"text-body",children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"}),(0,jsx_runtime.jsx)("p",{className:"text-body",children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"}),(0,jsx_runtime.jsx)("p",{className:"text-body",children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"}),(0,jsx_runtime.jsx)("p",{className:"text-body",children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"}),(0,jsx_runtime.jsx)("p",{children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"}),(0,jsx_runtime.jsx)("p",{children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"})]}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Confirm"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel"})]})]})]})};ScrollableConfirmation.storyName="Scrollable confirmation",ScrollableConfirmation.args={id:"confirmation-scrollable-dialog"},ScrollableConfirmation.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!1}};var LongButtonLabels=function LongButtonLabels(args){var dialogTargetElement=document.getElementById("root"),openDialogButtonRef=(0,react.useRef)(null),_useState11=(0,react.useState)(!0),_useState12=(0,slicedToArray.Z)(_useState11,2),open=_useState12[0],setOpen=_useState12[1],close=function close(){return setOpen(!1)},titleId="dialog-with-long-labels-title";return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openDialogButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,"aria-labelledby":titleId,isOpen:open,focusAfterCloseRef:openDialogButtonRef,targetElement:dialogTargetElement,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:titleId,title:"Confirm dialog",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsx)(Dialog.Content,{children:(0,jsx_runtime.jsx)("h3",{style:{marginTop:"0"},children:"Are you sure you want to continue?"})}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Confirm this thing now with a long label"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel and go back to the beginning"})]})]})]})};LongButtonLabels.storyName="With long button labels",LongButtonLabels.args={id:"dialog-with-long-button-labels"},LongButtonLabels.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!1}};var ConfirmationWithTerms=function ConfirmationWithTerms(args){var openConfirmationButtonRef=(0,react.useRef)(null),_useState13=(0,react.useState)(!1),_useState14=(0,slicedToArray.Z)(_useState13,2),open=_useState14[0],setOpen=_useState14[1],_useState15=(0,react.useState)(!1),_useState16=(0,slicedToArray.Z)(_useState15,2),termsOpen=_useState16[0],setTermsOpen=_useState16[1],close=function close(){return setOpen(!1)},openTermsButtonRef=(0,react.useRef)(null),closeTerms=function closeTerms(){return setTermsOpen(!1)};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openConfirmationButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Accept Terms Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,style:{width:"800px"},"aria-labelledby":"confirmation-title","aria-describedby":"confirmation-description",isOpen:open,focusAfterCloseRef:openConfirmationButtonRef,children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:"confirmation-title",title:"Accept terms dialog",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsx)(Dialog.Content,{children:(0,jsx_runtime.jsxs)("p",{id:"confirmation-description",className:"text-body",style:{marginTop:"0"},children:["Do you want to accept terms of the service?",(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(Button.z,{variant:"secondary",iconLeft:(0,jsx_runtime.jsx)(IconInfoCircle.IconInfoCircle,{"aria-hidden":"true"}),ref:openTermsButtonRef,onClick:function onClick(){return function openTermsDialog(){return setTermsOpen(!0)}()},children:"Open service terms dialog"})]})}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Accept terms"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel"})]})]}),(0,jsx_runtime.jsxs)(Dialog,{id:args.termsId,"aria-labelledby":"terms-title","aria-describedby":"terms-description",isOpen:termsOpen,focusAfterCloseRef:openTermsButtonRef,close:closeTerms,closeButtonLabelText:"Close terms dialog",children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:"terms-title",title:"Service terms"}),(0,jsx_runtime.jsxs)(Dialog.Content,{children:[(0,jsx_runtime.jsx)("p",{id:"terms-description",className:"text-body",children:"These are the terms of the service."}),(0,jsx_runtime.jsx)("p",{className:"text-body",children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"})]}),(0,jsx_runtime.jsx)(Dialog.ActionButtons,{children:(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){closeTerms()},children:"Close"})})]})]})};ConfirmationWithTerms.storyName="Confirmation dialog with terms dialog",ConfirmationWithTerms.parameters={loki:{skip:!0}},ConfirmationWithTerms.args={id:"confirmation-dialog",termsId:"terms-dialog"},ConfirmationWithTerms.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}};var WithControlledContent=function WithControlledContent(args){var openButtonRef=(0,react.useRef)(null),_useState17=(0,react.useState)(!1),_useState18=(0,slicedToArray.Z)(_useState17,2),open=_useState18[0],setOpen=_useState18[1],close=function close(){return setOpen(!1)},_useState19=(0,react.useState)(""),_useState20=(0,slicedToArray.Z)(_useState19,2),textInputValue=_useState20[0],setTextInputValue=_useState20[1],_useState21=(0,react.useState)(""),_useState22=(0,slicedToArray.Z)(_useState21,2),textAreaInputValue=_useState22[0],setTextAreaInputValue=_useState22[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{ref:openButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open Dialog"}),(0,jsx_runtime.jsxs)(Dialog,{id:args.id,"aria-labelledby":"custom-dialog-title","aria-describedby":"custom-dialog-content",isOpen:open,focusAfterCloseRef:openButtonRef,close,closeButtonLabelText:"Close",children:[(0,jsx_runtime.jsx)(Dialog.Header,{id:"custom-dialog-title",title:"Add new item",iconLeft:(0,jsx_runtime.jsx)(IconPlusCircle.IconPlusCircle,{"aria-hidden":"true"})}),(0,jsx_runtime.jsxs)(Dialog.Content,{children:[(0,jsx_runtime.jsx)("p",{id:"custom-dialog-content",className:"text-body",style:{marginTop:"0"},children:"Add a new item by filling the information below. All fields are mandatory."}),(0,jsx_runtime.jsx)(TextInput.o,{id:"item-name",label:"Item name",placeholder:"E.g. Item 1",helperText:"Item's name must be unique.",onChange:function onChange(event){return setTextInputValue(event.target.value)},value:textInputValue,required:!0}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(TextArea.K,{id:"item-description",label:"Item description",placeholder:"E.g. Item 1 is the first item of the system.",onChange:function onChange(event){return setTextAreaInputValue(event.target.value)},value:textAreaInputValue,required:!0})]}),(0,jsx_runtime.jsxs)(Dialog.ActionButtons,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){close()},children:"Add item"}),(0,jsx_runtime.jsx)(Button.z,{onClick:close,variant:"secondary",children:"Cancel"})]})]})]})};WithControlledContent.storyName="With controlled content",WithControlledContent.parameters={loki:{skip:!0}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const openButtonRef = useRef(null);\n const [open, setOpen] = useState(false);\n const close = () => setOpen(false);\n const titleId = \'custom-dialog-title\';\n const descriptionId = \'custom-dialog-content\';\n\n return (\n <>\n \n \n
\n);\n\nexport const Default = (args) => {getContent()};\n\nexport const Large = (args) => {getContent()};\nLarge.args = {\n size: 'large',\n};\n",locationsMap:{default:{startLoc:{col:23,line:31},endLoc:{col:86,line:31},startBody:{col:23,line:31},endBody:{col:86,line:31}},large:{startLoc:{col:21,line:33},endLoc:{col:84,line:33},startBody:{col:21,line:33},endBody:{col:84,line:33}}}},controls:{hideNoControlsWarning:!0}},decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],args:{label:"Form contains following errors"}};var getContent=function getContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("ul",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("li",{children:["Error 1: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href:"#field1",children:"Please enter your first name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("li",{children:["Error 2: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href:"#field2",children:"Please enter your last name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("li",{children:["Error 3: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href:"#field3",children:"Please enter a valid email address"})]})]})},Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ErrorSummary__WEBPACK_IMPORTED_MODULE_2__.X,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{children:getContent()}))},Large=function Large(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ErrorSummary__WEBPACK_IMPORTED_MODULE_2__.X,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{children:getContent()}))};Large.args={size:"large"},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {getContent()}"}},Default.parameters),Large.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {getContent()}"}},Large.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/errorSummary/ErrorSummary.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/errorSummary/ErrorSummary.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Large.displayName="Large",Large.__docgenInfo={description:"",displayName:"Large",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/errorSummary/ErrorSummary.stories.tsx#Large"]={docgenInfo:Large.__docgenInfo,name:"Large",path:"src/components/errorSummary/ErrorSummary.stories.tsx#Large"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/fieldset/Fieldset.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithBorder:()=>WithBorder,WithHelperText:()=>WithHelperText,WithSelectionGroup:()=>WithSelectionGroup,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_Fieldset__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/fieldset/Fieldset.tsx"),_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/textInput/TextInput.tsx"),_radioButton_RadioButton__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/radioButton/RadioButton.tsx"),_selectionGroup_SelectionGroup__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/selectionGroup/SelectionGroup.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Fieldset__WEBPACK_IMPORTED_MODULE_2__.p,title:"Components/Fieldset",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"600px"},children:storyFn()})}],parameters:{storySource:{source:'import React, { useState } from \'react\';\n\nimport { Fieldset } from \'./Fieldset\';\nimport { TextInput } from \'../textInput/TextInput\';\nimport { RadioButton } from \'../radioButton/RadioButton\';\nimport { SelectionGroup } from \'../selectionGroup/SelectionGroup\';\n\nexport default {\n component: Fieldset,\n title: \'Components/Fieldset\',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {\n border: false,\n heading: \'Applicant information\',\n },\n};\n\nexport const Default = (args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n};\n\nexport const WithBorder = (args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n};\n\nWithBorder.args = {\n border: true,\n};\n\nexport const WithSelectionGroup = (args) => {\n const fileFormats = [\n { label: \'Text\', value: \'txt\' },\n { label: \'CSV\', value: \'csv\' },\n { label: \'HTML\', value: \'html\' },\n ];\n\n const [radioValue, setRadioValue] = useState(fileFormats[0].value);\n\n return (\n
\n \n \n {fileFormats.map(({ value, label }) => (\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n
\n );\n};\n\nWithSelectionGroup.args = {\n border: true,\n heading: \'File information\',\n};\n\nexport const WithTooltip = (args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n};\n\nWithTooltip.args = {\n tooltipText: \'tooltip text\',\n tooltipLabel: \'tooltip text aria label\',\n tooltipButtonLabel: \'tooltip button aria label\',\n};\n\nexport const WithHelperText = (args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n};\n\nWithHelperText.args = {\n heading: \'Fieldset with Assistive text\',\n helperText: \'Assistive text\',\n};\n',locationsMap:{default:{startLoc:{col:23,line:21},endLoc:{col:1,line:44},startBody:{col:23,line:21},endBody:{col:1,line:44}},"with-border":{startLoc:{col:26,line:46},endLoc:{col:1,line:73},startBody:{col:26,line:46},endBody:{col:1,line:73}},"with-selection-group":{startLoc:{col:34,line:79},endLoc:{col:1,line:105},startBody:{col:34,line:79},endBody:{col:1,line:105}},"with-tooltip":{startLoc:{col:27,line:112},endLoc:{col:1,line:139},startBody:{col:27,line:112},endBody:{col:1,line:139}},"with-helper-text":{startLoc:{col:30,line:147},endLoc:{col:1,line:174},startBody:{col:30,line:147},endBody:{col:1,line:174}}}},controls:{expanded:!0}},args:{border:!1,heading:"Applicant information"}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Fieldset__WEBPACK_IMPORTED_MODULE_2__.p,{heading:args.heading,border:args.border,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"grid",gridGap:"12px 16px",gridTemplateColumns:"repeat(auto-fill, minmax(245px, 1fr))"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"first-name",name:"first-name",label:"First name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"last-name",name:"last-name",label:"Last name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginTop:"12px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"social-security-number",name:"social-security-number",label:"Social security number",placeholder:"Eg. 111299-1234"})})]})},WithBorder=function WithBorder(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Fieldset__WEBPACK_IMPORTED_MODULE_2__.p,{heading:args.heading,border:args.border,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"grid",gridGap:"12px 16px",gridTemplateColumns:"repeat(auto-fill, minmax(245px, 1fr))"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"first-name",name:"first-name",label:"First name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"last-name",name:"last-name",label:"Last name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginTop:"12px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"social-security-number",name:"social-security-number",label:"Social security number",placeholder:"Eg. 111299-1234"})})]})};WithBorder.args={border:!0};var WithSelectionGroup=function WithSelectionGroup(args){var fileFormats=[{label:"Text",value:"txt"},{label:"CSV",value:"csv"},{label:"HTML",value:"html"}],_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(fileFormats[0].value),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState,2),radioValue=_useState2[0],setRadioValue=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Fieldset__WEBPACK_IMPORTED_MODULE_2__.p,{heading:args.heading,border:args.border,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"file-name",name:"file-name",label:"File name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_selectionGroup_SelectionGroup__WEBPACK_IMPORTED_MODULE_5__.M,{label:"File format",style:{marginTop:"12px"},children:fileFormats.map((function(_ref){var value=_ref.value,label=_ref.label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_radioButton_RadioButton__WEBPACK_IMPORTED_MODULE_6__.E,{id:"radio-".concat(value),value,label,checked:radioValue===value,onChange:function onChange(event){return setRadioValue(event.target.value)}},"radio-".concat(value))}))})]})};WithSelectionGroup.args={border:!0,heading:"File information"};var WithTooltip=function WithTooltip(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Fieldset__WEBPACK_IMPORTED_MODULE_2__.p,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"grid",gridGap:"12px 16px",gridTemplateColumns:"repeat(auto-fill, minmax(245px, 1fr))"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"first-name",name:"first-name",label:"First name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"last-name",name:"last-name",label:"Last name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginTop:"12px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"social-security-number",name:"social-security-number",label:"Social security number",placeholder:"Eg. 111299-1234"})})]}))};WithTooltip.args={tooltipText:"tooltip text",tooltipLabel:"tooltip text aria label",tooltipButtonLabel:"tooltip button aria label"};var WithHelperText=function WithHelperText(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Fieldset__WEBPACK_IMPORTED_MODULE_2__.p,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"grid",gridGap:"12px 16px",gridTemplateColumns:"repeat(auto-fill, minmax(245px, 1fr))"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"first-name",name:"first-name",label:"First name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"last-name",name:"last-name",label:"Last name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginTop:"12px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_textInput_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:"social-security-number",name:"social-security-number",label:"Social security number",placeholder:"Eg. 111299-1234"})})]}))};WithHelperText.args={heading:"Fieldset with Assistive text",helperText:"Assistive text"},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n}'}},Default.parameters),WithBorder.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n}'}},WithBorder.parameters),WithSelectionGroup.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({storySource:{source:"(args) => {\n const fileFormats = [\n { label: 'Text', value: 'txt' },\n { label: 'CSV', value: 'csv' },\n { label: 'HTML', value: 'html' },\n ];\n\n const [radioValue, setRadioValue] = useState(fileFormats[0].value);\n\n return (\n
\n \n \n {fileFormats.map(({ value, label }) => (\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n
\n );\n}"}},WithSelectionGroup.parameters),WithTooltip.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n}'}},WithTooltip.parameters),WithHelperText.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n \n \n \n \n \n
\n );\n}'}},WithHelperText.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fieldset/Fieldset.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/fieldset/Fieldset.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{WithBorder.displayName="WithBorder",WithBorder.__docgenInfo={description:"",displayName:"WithBorder",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fieldset/Fieldset.stories.tsx#WithBorder"]={docgenInfo:WithBorder.__docgenInfo,name:"WithBorder",path:"src/components/fieldset/Fieldset.stories.tsx#WithBorder"})}catch(__react_docgen_typescript_loader_error){}try{WithSelectionGroup.displayName="WithSelectionGroup",WithSelectionGroup.__docgenInfo={description:"",displayName:"WithSelectionGroup",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fieldset/Fieldset.stories.tsx#WithSelectionGroup"]={docgenInfo:WithSelectionGroup.__docgenInfo,name:"WithSelectionGroup",path:"src/components/fieldset/Fieldset.stories.tsx#WithSelectionGroup"})}catch(__react_docgen_typescript_loader_error){}try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"",displayName:"WithTooltip",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fieldset/Fieldset.stories.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"src/components/fieldset/Fieldset.stories.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{WithHelperText.displayName="WithHelperText",WithHelperText.__docgenInfo={description:"",displayName:"WithHelperText",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fieldset/Fieldset.stories.tsx#WithHelperText"]={docgenInfo:WithHelperText.__docgenInfo,name:"WithHelperText",path:"src/components/fieldset/Fieldset.stories.tsx#WithHelperText"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/fileInput/FileInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Disabled:()=>Disabled,DisabledDragAndDrop:()=>DisabledDragAndDrop,Multiple:()=>Multiple,Playground:()=>Playground,Required:()=>Required,Single:()=>Single,WithDefaultValue:()=>WithDefaultValue,WithDragAndDrop:()=>WithDragAndDrop,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_FileInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/fileInput/FileInput.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),onFilesChanged=function onFilesChanged(files){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("filesChanged")(files)};const __WEBPACK_DEFAULT_EXPORT__={component:_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,title:"Components/FileInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { FileInput } from './FileInput';\n\nconst onFilesChanged = (files: File[] | undefined) => action('filesChanged')(files);\n\nexport default {\n component: FileInput,\n title: 'Components/FileInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {\n id: 'file-input',\n label: 'Choose files',\n buttonLabel: '',\n language: 'en',\n maxSize: 1.5 * 1024 * 1024,\n accept: '.png,.jpg',\n },\n};\n\nexport const Single = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nSingle.args = {\n label: 'Choose a file',\n};\n\nexport const Multiple = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nMultiple.args = {\n multiple: true,\n};\n\nexport const WithDefaultValue = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nWithDefaultValue.args = {\n accept: '',\n defaultValue: [\n new File(['string content'], 'dummy.txt', { type: 'text/plain' }),\n new File(['string content with more text'], 'anotherDummy.txt', { type: 'text/plain' }),\n ],\n multiple: true,\n};\n\nexport const WithDragAndDrop = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nWithDragAndDrop.args = {\n multiple: true,\n dragAndDrop: true,\n};\n\nexport const WithTooltip = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\nWithTooltip.args = {\n accept: 'image/*',\n tooltipLabel: 'More info',\n tooltipButtonLabel: 'Click to view more info',\n tooltipText: 'The file input will accept most of the known image formats. Please notice the size limit.',\n};\n\nexport const Disabled = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nDisabled.args = {\n disabled: true,\n label: 'Choose a file',\n accept: '.png,.jpg,.pdf,.json',\n};\n\nexport const DisabledDragAndDrop = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nDisabledDragAndDrop.args = {\n disabled: true,\n multiple: true,\n dragAndDrop: true,\n accept: '.png,.jpg,.pdf,.json',\n};\n\nexport const Required = (args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n};\n\nRequired.args = {\n label: 'Choose a file',\n accept: 'image/*',\n};\n\nexport const Playground = (args) => {\n const onChange = (files) => {\n onFilesChanged(files);\n };\n\n return ;\n};\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n id: 'file-input',\n label: 'Choose files',\n buttonLabel: '',\n language: 'en',\n multiple: false,\n maxSize: 300 * 1024,\n accept: '.png,.jpg,.pdf,.json',\n defaultValue: undefined,\n disabled: false,\n required: false,\n helperText: '',\n errorText: '',\n infoText: '',\n dragAndDrop: false,\n dragAndDropLabel: 'DragAndDropLabel',\n dragAndDropInputLabel: 'DragAndDropInputLabel',\n};\n\nPlayground.argTypes = {\n language: {\n options: ['fi', 'en', 'sv'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{single:{startLoc:{col:22,line:25},endLoc:{col:1,line:30},startBody:{col:22,line:25},endBody:{col:1,line:30}},multiple:{startLoc:{col:24,line:36},endLoc:{col:1,line:41},startBody:{col:24,line:36},endBody:{col:1,line:41}},"with-default-value":{startLoc:{col:32,line:47},endLoc:{col:1,line:52},startBody:{col:32,line:47},endBody:{col:1,line:52}},"with-drag-and-drop":{startLoc:{col:31,line:63},endLoc:{col:1,line:68},startBody:{col:31,line:63},endBody:{col:1,line:68}},"with-tooltip":{startLoc:{col:27,line:75},endLoc:{col:1,line:80},startBody:{col:27,line:75},endBody:{col:1,line:80}},disabled:{startLoc:{col:24,line:88},endLoc:{col:1,line:93},startBody:{col:24,line:88},endBody:{col:1,line:93}},"disabled-drag-and-drop":{startLoc:{col:35,line:101},endLoc:{col:1,line:106},startBody:{col:35,line:101},endBody:{col:1,line:106}},required:{startLoc:{col:24,line:115},endLoc:{col:1,line:120},startBody:{col:24,line:115},endBody:{col:1,line:120}},playground:{startLoc:{col:26,line:127},endLoc:{col:1,line:133},startBody:{col:26,line:127},endBody:{col:1,line:133}}}},controls:{expanded:!0}},args:{id:"file-input",label:"Choose files",buttonLabel:"",language:"en",maxSize:1572864,accept:".png,.jpg"}};var Single=function Single(args){var _React$useState=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState,2),files=_React$useState2[0],setFiles=_React$useState2[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};Single.args={label:"Choose a file"};var Multiple=function Multiple(args){var _React$useState3=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState3,2),files=_React$useState4[0],setFiles=_React$useState4[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};Multiple.args={multiple:!0};var WithDefaultValue=function WithDefaultValue(args){var _React$useState5=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState5,2),files=_React$useState6[0],setFiles=_React$useState6[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};WithDefaultValue.args={accept:"",defaultValue:[new File(["string content"],"dummy.txt",{type:"text/plain"}),new File(["string content with more text"],"anotherDummy.txt",{type:"text/plain"})],multiple:!0};var WithDragAndDrop=function WithDragAndDrop(args){var _React$useState7=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState8=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState7,2),files=_React$useState8[0],setFiles=_React$useState8[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};WithDragAndDrop.args={multiple:!0,dragAndDrop:!0};var WithTooltip=function WithTooltip(args){var _React$useState9=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState10=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState9,2),files=_React$useState10[0],setFiles=_React$useState10[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};WithTooltip.args={accept:"image/*",tooltipLabel:"More info",tooltipButtonLabel:"Click to view more info",tooltipText:"The file input will accept most of the known image formats. Please notice the size limit."};var Disabled=function Disabled(args){var _React$useState11=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState12=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState11,2),files=_React$useState12[0],setFiles=_React$useState12[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};Disabled.args={disabled:!0,label:"Choose a file",accept:".png,.jpg,.pdf,.json"};var DisabledDragAndDrop=function DisabledDragAndDrop(args){var _React$useState13=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState14=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState13,2),files=_React$useState14[0],setFiles=_React$useState14[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};DisabledDragAndDrop.args={disabled:!0,multiple:!0,dragAndDrop:!0,accept:".png,.jpg,.pdf,.json"};var Required=function Required(args){var _React$useState15=react__WEBPACK_IMPORTED_MODULE_0__.useState(),_React$useState16=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_React$useState15,2),files=_React$useState16[0],setFiles=_React$useState16[1];return onFilesChanged(files),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:setFiles}))};Required.args={label:"Choose a file",accept:"image/*"};var Playground=function Playground(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FileInput__WEBPACK_IMPORTED_MODULE_3__.S,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({},args),{},{onChange:function onChange(files){onFilesChanged(files)}}))};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={id:"file-input",label:"Choose files",buttonLabel:"",language:"en",multiple:!1,maxSize:307200,accept:".png,.jpg,.pdf,.json",defaultValue:void 0,disabled:!1,required:!1,helperText:"",errorText:"",infoText:"",dragAndDrop:!1,dragAndDropLabel:"DragAndDropLabel",dragAndDropInputLabel:"DragAndDropInputLabel"},Playground.argTypes={language:{options:["fi","en","sv"],control:{type:"radio"}}},Single.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},Single.parameters),Multiple.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},Multiple.parameters),WithDefaultValue.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},WithDefaultValue.parameters),WithDragAndDrop.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},WithDragAndDrop.parameters),WithTooltip.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},WithTooltip.parameters),Disabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},Disabled.parameters),DisabledDragAndDrop.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},DisabledDragAndDrop.parameters),Required.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [files, setFiles] = React.useState();\n onFilesChanged(files);\n\n return ;\n}"}},Required.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const onChange = (files) => {\n onFilesChanged(files);\n };\n\n return ;\n}"}},Playground.parameters);try{Single.displayName="Single",Single.__docgenInfo={description:"",displayName:"Single",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#Single"]={docgenInfo:Single.__docgenInfo,name:"Single",path:"src/components/fileInput/FileInput.stories.tsx#Single"})}catch(__react_docgen_typescript_loader_error){}try{Multiple.displayName="Multiple",Multiple.__docgenInfo={description:"",displayName:"Multiple",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#Multiple"]={docgenInfo:Multiple.__docgenInfo,name:"Multiple",path:"src/components/fileInput/FileInput.stories.tsx#Multiple"})}catch(__react_docgen_typescript_loader_error){}try{WithDefaultValue.displayName="WithDefaultValue",WithDefaultValue.__docgenInfo={description:"",displayName:"WithDefaultValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#WithDefaultValue"]={docgenInfo:WithDefaultValue.__docgenInfo,name:"WithDefaultValue",path:"src/components/fileInput/FileInput.stories.tsx#WithDefaultValue"})}catch(__react_docgen_typescript_loader_error){}try{WithDragAndDrop.displayName="WithDragAndDrop",WithDragAndDrop.__docgenInfo={description:"",displayName:"WithDragAndDrop",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#WithDragAndDrop"]={docgenInfo:WithDragAndDrop.__docgenInfo,name:"WithDragAndDrop",path:"src/components/fileInput/FileInput.stories.tsx#WithDragAndDrop"})}catch(__react_docgen_typescript_loader_error){}try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"",displayName:"WithTooltip",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"src/components/fileInput/FileInput.stories.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",displayName:"Disabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#Disabled"]={docgenInfo:Disabled.__docgenInfo,name:"Disabled",path:"src/components/fileInput/FileInput.stories.tsx#Disabled"})}catch(__react_docgen_typescript_loader_error){}try{DisabledDragAndDrop.displayName="DisabledDragAndDrop",DisabledDragAndDrop.__docgenInfo={description:"",displayName:"DisabledDragAndDrop",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#DisabledDragAndDrop"]={docgenInfo:DisabledDragAndDrop.__docgenInfo,name:"DisabledDragAndDrop",path:"src/components/fileInput/FileInput.stories.tsx#DisabledDragAndDrop"})}catch(__react_docgen_typescript_loader_error){}try{Required.displayName="Required",Required.__docgenInfo={description:"",displayName:"Required",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#Required"]={docgenInfo:Required.__docgenInfo,name:"Required",path:"src/components/fileInput/FileInput.stories.tsx#Required"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/fileInput/FileInput.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/footer/Footer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomSection:()=>CustomSection,CustomTheme:()=>CustomTheme,Default:()=>Default,Example:()=>Example,Minimal:()=>Minimal,NoNav:()=>NoNav,Sitemap:()=>Sitemap,UtilityGroups:()=>UtilityGroups,default:()=>Footer_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Footer_module={"small-down":"only screen and (max-width: 767.98px)","x-small-down":"only screen and (max-width: 575.98px)","x-large-up":"only screen and (min-width: 1248px)",footer:"Footer_footer__cOQNQ","theme-dark":"Footer_theme-dark__1NEU8",koros:"Footer_koros__I+xrB",basic:"Footer_basic__1Db+c",beat:"Footer_beat__kRlXB",pulse:"Footer_pulse__LFjs4",wave:"Footer_wave__W7Qob",vibration:"Footer_vibration__EQwy8",footerContent:"Footer_footerContent__whS9R",footerSections:"Footer_footerSections__6lJ2-",title:"Footer_title__3NBAw",titleWrapper:"Footer_titleWrapper__V8CwB"};var Koros=__webpack_require__("./src/components/koros/Koros.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts");const FooterNavigation_module_navigation="FooterNavigation_navigation__9pnjp";var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),FooterNavigation=function FooterNavigation(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("div",{className:FooterNavigation_module_navigation,children})};FooterNavigation.componentName="FooterNavigation";try{FooterNavigation.displayName="FooterNavigation",FooterNavigation.__docgenInfo={description:"",displayName:"FooterNavigation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerNavigation/FooterNavigation.tsx#FooterNavigation"]={docgenInfo:FooterNavigation.__docgenInfo,name:"FooterNavigation",path:"src/components/footer/components/footerNavigation/FooterNavigation.tsx#FooterNavigation"})}catch(__react_docgen_typescript_loader_error){}var useMediaQuery=__webpack_require__("./src/hooks/useMediaQuery.ts");const FooterNavigationGroup_module_navigationGroup="FooterNavigationGroup_navigationGroup__xkLOU",FooterNavigationGroup_module_navigationGroupList="FooterNavigationGroup_navigationGroupList__WUJuk";var FooterNavigationGroup=function FooterNavigationGroup(_ref){var className=_ref.className,children=_ref.children,id=_ref.id,headingLink=_ref.headingLink;return(0,useMediaQuery.kR)("l")?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:headingLink}):(0,jsx_runtime.jsx)("div",{id,className:(0,classNames.Z)(FooterNavigationGroup_module_navigationGroup,className),children:(0,jsx_runtime.jsxs)("div",{className:FooterNavigationGroup_module_navigationGroupList,children:[headingLink,children]})})};FooterNavigationGroup.componentName="FooterNavigationGroup";try{FooterNavigationGroup.displayName="FooterNavigationGroup",FooterNavigationGroup.__docgenInfo={description:"",displayName:"FooterNavigationGroup",props:{className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the navigation group element.",name:"id",required:!1,type:{name:"string"}},headingLink:{defaultValue:null,description:'FooterGroupHeading component to display at the top of the group. On smaller screens only this will be displayed.\n@example ```ts\nheadingLink={}\n```',name:"headingLink",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerNavigationGroup/FooterNavigationGroup.tsx#FooterNavigationGroup"]={docgenInfo:FooterNavigationGroup.__docgenInfo,name:"FooterNavigationGroup",path:"src/components/footer/components/footerNavigationGroup/FooterNavigationGroup.tsx#FooterNavigationGroup"})}catch(__react_docgen_typescript_loader_error){}var objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");const FooterGroupHeading_module={"medium-down":"only screen and (max-width: 991.98px)",heading:"FooterGroupHeading_heading__G3Q+u",navigation:"FooterGroupHeading_navigation__rMCyo",utility:"FooterGroupHeading_utility__AKppp"};var _excluded=["as","children","className","href","label","variant"],FooterGroupHeading=function FooterGroupHeading(_ref){var LinkComponent=_ref.as,children=_ref.children,className=_ref.className,href=_ref.href,label=_ref.label,variant=_ref.variant,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),Item=react.useMemo((function(){return LinkComponent?react.isValidElement(LinkComponent)?LinkComponent.type:LinkComponent:href?"a":"span"}),[LinkComponent,href]);return(0,jsx_runtime.jsxs)(Item,(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(FooterGroupHeading_module.heading,variant&&FooterGroupHeading_module[variant],className),href},rest),{},{children:[label&&label,children]}))};FooterGroupHeading.componentName="FooterGroupHeading";try{FooterGroupHeading.displayName="FooterGroupHeading",FooterGroupHeading.__docgenInfo={description:"",displayName:"FooterGroupHeading",props:{as:{defaultValue:null,description:"Element type",name:"as",required:!1,type:{name:"ElementType"}},href:{defaultValue:null,description:"Hypertext Reference of the heading link.",name:"href",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"Id for the heading element.",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the heading.",name:"label",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:"Internal variant to change styles based on context.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"navigation"'},{value:'"utility"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerGroupHeading/FooterGroupHeading.tsx#FooterGroupHeading"]={docgenInfo:FooterGroupHeading.__docgenInfo,name:"FooterGroupHeading",path:"src/components/footer/components/footerGroupHeading/FooterGroupHeading.tsx#FooterGroupHeading"})}catch(__react_docgen_typescript_loader_error){}const FooterNavigationLink_module={"medium-down":"only screen and (max-width: 991.98px)","large-down":"only screen and (max-width: 1247.98px)",item:"FooterNavigationLink_item__i+mtX",base:"FooterNavigationLink_base__IH6lp",icon:"FooterNavigationLink_icon__vxiEi link_icon__piHiC",verticalAlignSmallOrMediumIcon:"FooterNavigationLink_verticalAlignSmallOrMediumIcon__BV6AE link_vertical-align-small-or-medium-icon__Sja0g",navigation:"FooterNavigationLink_navigation__T62MR",utility:"FooterNavigationLink_utility__MEwYn",subItem:"FooterNavigationLink_subItem__1fvRW",subItemIcon:"FooterNavigationLink_subItemIcon__z6ESS"};var Link=__webpack_require__("./src/components/link/Link.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),IconLinkExternal=__webpack_require__("./src/icons/IconLinkExternal.tsx"),FooterVariant=function(FooterVariant){return FooterVariant.Base="base",FooterVariant.Navigation="navigation",FooterVariant.Utility="utility",FooterVariant}({}),FooterNavigationLink_excluded=["ariaLabel","as","className","icon","external","label","subItem","variant"],FooterNavigationLink=function FooterNavigationLink(_ref){var ariaLabel=_ref.ariaLabel,LinkComponent=_ref.as,className=_ref.className,icon=_ref.icon,_ref$external=_ref.external,external=void 0!==_ref$external&&_ref$external,label=_ref.label,_ref$subItem=_ref.subItem,subItem=void 0!==_ref$subItem&&_ref$subItem,variant=_ref.variant,rest=(0,objectWithoutProperties.Z)(_ref,FooterNavigationLink_excluded),Item=react.isValidElement(LinkComponent)?LinkComponent.type:LinkComponent;return(0,jsx_runtime.jsxs)(Item,(0,objectSpread2.Z)((0,objectSpread2.Z)({"aria-label":ariaLabel,className:(0,classNames.Z)(FooterNavigationLink_module.item,subItem&&FooterNavigationLink_module.subItem,variant&&FooterNavigationLink_module[variant],className)},rest),{},{children:[icon,subItem&&(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{className:FooterNavigationLink_module.subItemIcon,"aria-hidden":!0}),label&&(0,jsx_runtime.jsx)("span",{children:label}),external&&label&&(0,jsx_runtime.jsx)(IconLinkExternal.IconLinkExternal,{size:variant===FooterVariant.Base?"xs":"s",className:(0,classNames.Z)(FooterNavigationLink_module.icon,FooterNavigationLink_module.verticalAlignSmallOrMediumIcon),"aria-hidden":!0})]}))};FooterNavigationLink.defaultProps={as:Link.r};try{FooterNavigationLink.displayName="FooterNavigationLink",FooterNavigationLink.__docgenInfo={description:"",displayName:"FooterNavigationLink",props:{ariaLabel:{defaultValue:null,description:"aria-label for providing detailed information for screen readers about a link.",name:"ariaLabel",required:!1,type:{name:"string"}},as:{defaultValue:{value:"React.forwardRef(\n (\n {\n ariaLabel,\n children,\n className,\n disableVisitedStyles = false,\n external = false,\n href,\n iconLeft,\n openInNewTab = false,\n openInExternalDomainAriaLabel,\n openInNewTabAriaLabel,\n style = {},\n size = 'M',\n ...rest\n }: LinkProps,\n ref: React.Ref,\n ) => {\n const composeAriaLabel = () => {\n let childrenText = ariaLabel || getTextFromReactChildren(children);\n const newTabText = openInNewTab ? openInNewTabAriaLabel || 'Avautuu uudessa välilehdessä.' : '';\n const externalText = external ? openInExternalDomainAriaLabel || 'Siirtyy toiseen sivustoon.' : '';\n\n if (childrenText && childrenText.slice(-1) !== '.') {\n childrenText = `${childrenText}.`;\n }\n\n return [childrenText, newTabText, externalText].filter((text) => text).join(' ');\n };\n\n const mapLinkSizeToExternalIconSize: LinkToIconSizeMappingType = {\n L: 'l',\n M: 's',\n S: 'xs',\n };\n\n return (\n \n {iconLeft && (\n \n {iconLeft}\n \n )}\n {children}\n {external && (\n \n )}\n \n );\n },\n)"},description:"Element type",name:"as",required:!1,type:{name:"ElementType"}},external:{defaultValue:{value:"false"},description:"Boolean indicating whether the link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"Icon placed on the left side of the item label",name:"icon",required:!1,type:{name:"ReactNode"}},openInNewTab:{defaultValue:null,description:"Boolean indicating whether the link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the item.",name:"label",required:!1,type:{name:"string"}},subItem:{defaultValue:{value:"false"},description:"Set this if this item appears in footer navigation group.",name:"subItem",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Internal variant to change styles based on context.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"base"'},{value:'"navigation"'},{value:'"utility"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerNavigationLink/FooterNavigationLink.tsx#FooterNavigationLink"]={docgenInfo:FooterNavigationLink.__docgenInfo,name:"FooterNavigationLink",path:"src/components/footer/components/footerNavigationLink/FooterNavigationLink.tsx#FooterNavigationLink"})}catch(__react_docgen_typescript_loader_error){}const FooterUtilities_module_divider="FooterUtilities_divider__obq3h",FooterUtilities_module_links="FooterUtilities_links__VQgmC",FooterUtilities_module_soMe="FooterUtilities_soMe__WaDTn",FooterUtilities_module_utilities="FooterUtilities_utilities__Wtl8V",FooterUtilities_module_widerLinks="FooterUtilities_widerLinks__7M1cm";var FooterUtilities=function FooterUtilities(_ref){var children=_ref.children,soMeLinks=_ref.soMeLinks,soMeSectionProps=_ref.soMeSectionProps;return(0,jsx_runtime.jsxs)("div",{className:FooterUtilities_module_utilities,children:[(0,jsx_runtime.jsx)("hr",{className:FooterUtilities_module_divider,"aria-hidden":!0}),(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(FooterUtilities_module_links,!soMeLinks&&FooterUtilities_module_widerLinks),children}),soMeLinks&&(0,jsx_runtime.jsx)("section",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:FooterUtilities_module_soMe},soMeSectionProps),{},{children:soMeLinks.map((function(link,index){return(0,react.isValidElement)(link)?(0,react.cloneElement)(link,{variant:null,key:index}):null}))}))]})};try{FooterUtilities.displayName="FooterUtilities",FooterUtilities.__docgenInfo={description:"",displayName:"FooterUtilities",props:{children:{defaultValue:null,description:"Children elements to render.",name:"children",required:!0,type:{name:"ReactNode"}},soMeLinks:{defaultValue:null,description:"List of Footer.NavigationLink components to display in the social media section.",name:"soMeLinks",required:!1,type:{name:"ReactNode[]"}},soMeSectionProps:{defaultValue:null,description:"Props that will be passed to the native `
` element.\nCan be used to pass aria attributes that describes the SoMe section to screen reader users.",name:"soMeSectionProps",required:!1,type:{name:'Pick, HTMLElement>, "key" | keyof HTMLAttributes>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerUtilities/FooterUtilities.tsx#FooterUtilities"]={docgenInfo:FooterUtilities.__docgenInfo,name:"FooterUtilities",path:"src/components/footer/components/footerUtilities/FooterUtilities.tsx#FooterUtilities"})}catch(__react_docgen_typescript_loader_error){}const FooterUtilityGroup_module_utilityGroup="FooterUtilityGroup_utilityGroup__na72q";var FooterUtilityGroup=function FooterUtilityGroup(_ref){var className=_ref.className,children=_ref.children,id=_ref.id,headingLink=_ref.headingLink;return(0,jsx_runtime.jsx)("div",{id,className:(0,classNames.Z)(FooterUtilityGroup_module_utilityGroup,className),children:(0,jsx_runtime.jsxs)("div",{className:FooterUtilityGroup_module_utilityGroup,children:[headingLink,children]})})};FooterUtilityGroup.componentName="FooterUtilityGroup";try{FooterUtilityGroup.displayName="FooterUtilityGroup",FooterUtilityGroup.__docgenInfo={description:"",displayName:"FooterUtilityGroup",props:{className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the group element.",name:"id",required:!1,type:{name:"string"}},headingLink:{defaultValue:null,description:'FooterGroupHeading component to display at the top of the group.\n@example ```ts\nheadingLink={}\n```',name:"headingLink",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerUtilityGroup/FooterUtilityGroup.tsx#FooterUtilityGroup"]={docgenInfo:FooterUtilityGroup.__docgenInfo,name:"FooterUtilityGroup",path:"src/components/footer/components/footerUtilityGroup/FooterUtilityGroup.tsx#FooterUtilityGroup"})}catch(__react_docgen_typescript_loader_error){}const FooterBase_module={"x-small-down":"only screen and (max-width: 575.98px)","small-down":"only screen and (max-width: 767.98px)","small-up":"only screen and (min-width: 576px)","medium-down":"only screen and (max-width: 991.98px)","medium-up":"only screen and (min-width: 768px)","large-up":"only screen and (min-width: 992px)",backToTopButton:"FooterBase_backToTopButton__CPdpq",divider:"FooterBase_divider__MyW5k",base:"FooterBase_base__THFrL",baseActions:"FooterBase_baseActions__gSD4T",copyright:"FooterBase_copyright__+VWAh",links:"FooterBase_links__p9viR",logoWrapper:"FooterBase_logoWrapper__OfqPD",separator:"FooterBase_separator__4nls6",copyrightDot:"FooterBase_copyrightDot__oMrfO"};var Logo=__webpack_require__("./src/components/logo/Logo.tsx"),IconArrowUp=__webpack_require__("./src/icons/IconArrowUp.tsx"),toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");var getChildren=__webpack_require__("./src/utils/getChildren.ts"),handleBackToTop=function handleBackToTop(){var _window,_getKeyboardFocusable;null===(_window=window)||void 0===_window||_window.scrollTo({top:0}),null===(_getKeyboardFocusable=function(){var element=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;return(0,toConsumableArray.Z)(element.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter((function(el){return!el.hasAttribute("disabled")&&el.offsetWidth>0&&el.offsetHeight>0}))}()[0])||void 0===_getKeyboardFocusable||_getKeyboardFocusable.focus()},FooterBase=function FooterBase(_ref){var backToTopLabel=_ref.backToTopLabel,children=_ref.children,copyrightHolder=_ref.copyrightHolder,copyrightText=_ref.copyrightText,logoHref=_ref.logoHref,_ref$logoLanguage=_ref.logoLanguage,logoLanguage=void 0===_ref$logoLanguage?"fi":_ref$logoLanguage,onBackToTopClick=_ref.onBackToTopClick,_ref$showBackToTopBut=_ref.showBackToTopButton,showBackToTopButton=void 0===_ref$showBackToTopBut||_ref$showBackToTopBut,_ref$year=_ref.year,year=void 0===_ref$year?(new Date).getFullYear():_ref$year,childElements=(0,getChildren.AU)(children);return(0,jsx_runtime.jsxs)("div",{className:FooterBase_module.base,children:[(0,jsx_runtime.jsx)("hr",{className:FooterBase_module.divider,"aria-hidden":!0}),(0,jsx_runtime.jsx)("div",{className:FooterBase_module.logoWrapper,children:(0,jsx_runtime.jsx)(FooterNavigationLink,{tabIndex:0,icon:(0,jsx_runtime.jsx)(Logo.T,{size:"medium",language:logoLanguage,"aria-hidden":!0}),href:logoHref})}),(copyrightHolder||copyrightText)&&(0,jsx_runtime.jsxs)("div",{className:FooterBase_module.copyright,children:[(0,jsx_runtime.jsxs)("span",{className:FooterBase_module.copyrightHolder,children:["© ",copyrightHolder," ",year]}),copyrightText&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("span",{className:FooterBase_module.copyrightDot,children:"•"}),(0,jsx_runtime.jsx)("span",{className:FooterBase_module.copyrightText,children:copyrightText})]})]}),(0,jsx_runtime.jsxs)("div",{className:FooterBase_module.baseActions,children:[children&&(0,jsx_runtime.jsx)("div",{className:FooterBase_module.links,children:childElements.map((function(child,index){return react.isValidElement(child)?(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("span",{className:FooterBase_module.separator,children:"|"}),(0,react.cloneElement)(child)]},index):null}))}),showBackToTopButton&&(0,jsx_runtime.jsxs)("button",{type:"button",role:"link",className:FooterBase_module.backToTopButton,onClick:function onClick(e){return"function"==typeof onBackToTopClick?onBackToTopClick(e):handleBackToTop()},children:[backToTopLabel,(0,jsx_runtime.jsx)(IconArrowUp.IconArrowUp,{"aria-hidden":"true"})]})]})]})};try{FooterBase.displayName="FooterBase",FooterBase.__docgenInfo={description:"",displayName:"FooterBase",props:{backToTopLabel:{defaultValue:null,description:'Label for the "Back to top" button',name:"backToTopLabel",required:!1,type:{name:"ReactNode"}},copyrightHolder:{defaultValue:null,description:"Text to be displayed next to the copyright symbol",name:"copyrightHolder",required:!1,type:{name:"ReactNode"}},copyrightText:{defaultValue:null,description:"Text to be displayed after the copyright holder text",name:"copyrightText",required:!1,type:{name:"ReactNode"}},logoHref:{defaultValue:null,description:"Link for the logo. Should direct to the main page.",name:"logoHref",required:!1,type:{name:"string"}},logoLanguage:{defaultValue:{value:"fi"},description:"The language of the Helsinki-logo",name:"logoLanguage",required:!1,type:{name:"string"}},onBackToTopClick:{defaultValue:null,description:'Callback fired when the "Back to top" button is clicked',name:"onBackToTopClick",required:!1,type:{name:"(event: MouseEvent) => void"}},showBackToTopButton:{defaultValue:{value:"true"},description:'Whether the "Back to top" button should be shown',name:"showBackToTopButton",required:!1,type:{name:"boolean"}},year:{defaultValue:{value:"new Date().getFullYear()"},description:"Set the year for copyright text. This can be useful in automated tests when a static year is set so the tests don't fail after a new year.",name:"year",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerBase/FooterBase.tsx#FooterBase"]={docgenInfo:FooterBase.__docgenInfo,name:"FooterBase",path:"src/components/footer/components/footerBase/FooterBase.tsx#FooterBase"})}catch(__react_docgen_typescript_loader_error){}const FooterCustom_module_divider="FooterCustom_divider__mFn4f",FooterCustom_module_custom="FooterCustom_custom__BYcFI";var FooterCustom=function FooterCustom(_ref){var children=_ref.children,className=_ref.className,id=_ref.id;return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(FooterCustom_module_custom,className),id,children:[(0,jsx_runtime.jsx)("hr",{className:FooterCustom_module_divider,"aria-hidden":!0}),children]})};try{FooterCustom.displayName="FooterCustom",FooterCustom.__docgenInfo={description:"",displayName:"FooterCustom",props:{className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the navigation element.",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/components/footerCustom/FooterCustom.tsx#FooterCustom"]={docgenInfo:FooterCustom.__docgenInfo,name:"FooterCustom",path:"src/components/footer/components/footerCustom/FooterCustom.tsx#FooterCustom"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),Footer=function Footer(_ref){var children=_ref.children,className=_ref.className,footerProps=_ref.footerProps,_ref$korosType=_ref.korosType,korosType=void 0===_ref$korosType?"basic":_ref$korosType,_ref$theme=_ref.theme,theme=void 0===_ref$theme?"light":_ref$theme,title=_ref.title,customThemeClass=(0,useTheme.F)(Footer_module.footer,theme);return(0,jsx_runtime.jsxs)("footer",(0,objectSpread2.Z)((0,objectSpread2.Z)({},footerProps),{},{className:(0,classNames.Z)(Footer_module.footer,Footer_module["koros-".concat(korosType)],"string"==typeof theme&&Footer_module["theme-".concat(theme)],customThemeClass,className),children:[(0,jsx_runtime.jsx)(Koros.N,{className:(0,classNames.Z)(Footer_module.koros,Footer_module[korosType]),type:korosType}),(0,jsx_runtime.jsx)("div",{className:Footer_module.footerContent,children:(0,jsx_runtime.jsxs)("div",{className:Footer_module.footerSections,children:[title&&(0,jsx_runtime.jsx)("h2",{className:Footer_module.title,children:title}),children]})})]}))};Footer.Navigation=FooterNavigation,Footer.NavigationGroup=FooterNavigationGroup,Footer.GroupHeading=FooterGroupHeading,Footer.NavigationLink=FooterNavigationLink,Footer.Utilities=FooterUtilities,Footer.UtilityGroup=FooterUtilityGroup,Footer.Base=FooterBase,Footer.Custom=FooterCustom;try{Footer.displayName="Footer",Footer.__docgenInfo={description:"",displayName:"Footer",props:{className:{defaultValue:null,description:"Additional class names to apply to the footer",name:"className",required:!1,type:{name:"string"}},footerProps:{defaultValue:null,description:"Props that will be passed to the native `
` element",name:"footerProps",required:!1,type:{name:'Pick, HTMLElement>, "key" | keyof HTMLAttributes>'}},korosType:{defaultValue:{value:"basic"},description:"Koros type to use in the footer",name:"korosType",required:!1,type:{name:"enum",value:[{value:'"basic"'},{value:'"beat"'},{value:'"pulse"'},{value:'"wave"'},{value:'"vibration"'},{value:'"calm"'}]}},theme:{defaultValue:{value:"light"},description:"Defines the footer theme",name:"theme",required:!1,type:{name:"FooterTheme"}},title:{defaultValue:null,description:"The title of the service shown on top of the the footer",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer"]={docgenInfo:Footer.__docgenInfo,name:"Footer",path:"src/components/footer/Footer.tsx#Footer"})}catch(__react_docgen_typescript_loader_error){}try{Footer.Navigation.displayName="Footer.Navigation",Footer.Navigation.__docgenInfo={description:"",displayName:"Footer.Navigation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.Navigation"]={docgenInfo:Footer.Navigation.__docgenInfo,name:"Footer.Navigation",path:"src/components/footer/Footer.tsx#Footer.Navigation"})}catch(__react_docgen_typescript_loader_error){}try{Footer.NavigationGroup.displayName="Footer.NavigationGroup",Footer.NavigationGroup.__docgenInfo={description:"",displayName:"Footer.NavigationGroup",props:{className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the navigation group element.",name:"id",required:!1,type:{name:"string"}},headingLink:{defaultValue:null,description:'FooterGroupHeading component to display at the top of the group. On smaller screens only this will be displayed.\n@example ```ts\nheadingLink={}\n```',name:"headingLink",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.NavigationGroup"]={docgenInfo:Footer.NavigationGroup.__docgenInfo,name:"Footer.NavigationGroup",path:"src/components/footer/Footer.tsx#Footer.NavigationGroup"})}catch(__react_docgen_typescript_loader_error){}try{Footer.GroupHeading.displayName="Footer.GroupHeading",Footer.GroupHeading.__docgenInfo={description:"",displayName:"Footer.GroupHeading",props:{as:{defaultValue:null,description:"Element type",name:"as",required:!1,type:{name:"ElementType"}},href:{defaultValue:null,description:"Hypertext Reference of the heading link.",name:"href",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"Id for the heading element.",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the heading.",name:"label",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:"Internal variant to change styles based on context.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"navigation"'},{value:'"utility"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.GroupHeading"]={docgenInfo:Footer.GroupHeading.__docgenInfo,name:"Footer.GroupHeading",path:"src/components/footer/Footer.tsx#Footer.GroupHeading"})}catch(__react_docgen_typescript_loader_error){}try{Footer.NavigationLink.displayName="Footer.NavigationLink",Footer.NavigationLink.__docgenInfo={description:"",displayName:"Footer.NavigationLink",props:{ariaLabel:{defaultValue:null,description:"aria-label for providing detailed information for screen readers about a link.",name:"ariaLabel",required:!1,type:{name:"string"}},as:{defaultValue:{value:"React.forwardRef(\n (\n {\n ariaLabel,\n children,\n className,\n disableVisitedStyles = false,\n external = false,\n href,\n iconLeft,\n openInNewTab = false,\n openInExternalDomainAriaLabel,\n openInNewTabAriaLabel,\n style = {},\n size = 'M',\n ...rest\n }: LinkProps,\n ref: React.Ref,\n ) => {\n const composeAriaLabel = () => {\n let childrenText = ariaLabel || getTextFromReactChildren(children);\n const newTabText = openInNewTab ? openInNewTabAriaLabel || 'Avautuu uudessa välilehdessä.' : '';\n const externalText = external ? openInExternalDomainAriaLabel || 'Siirtyy toiseen sivustoon.' : '';\n\n if (childrenText && childrenText.slice(-1) !== '.') {\n childrenText = `${childrenText}.`;\n }\n\n return [childrenText, newTabText, externalText].filter((text) => text).join(' ');\n };\n\n const mapLinkSizeToExternalIconSize: LinkToIconSizeMappingType = {\n L: 'l',\n M: 's',\n S: 'xs',\n };\n\n return (\n \n {iconLeft && (\n \n {iconLeft}\n \n )}\n {children}\n {external && (\n \n )}\n \n );\n },\n)"},description:"Element type",name:"as",required:!1,type:{name:"ElementType"}},external:{defaultValue:{value:"false"},description:"Boolean indicating whether the link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"Icon placed on the left side of the item label",name:"icon",required:!1,type:{name:"ReactNode"}},openInNewTab:{defaultValue:null,description:"Boolean indicating whether the link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the item.",name:"label",required:!1,type:{name:"string"}},subItem:{defaultValue:{value:"false"},description:"Set this if this item appears in footer navigation group.",name:"subItem",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Internal variant to change styles based on context.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"base"'},{value:'"navigation"'},{value:'"utility"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.NavigationLink"]={docgenInfo:Footer.NavigationLink.__docgenInfo,name:"Footer.NavigationLink",path:"src/components/footer/Footer.tsx#Footer.NavigationLink"})}catch(__react_docgen_typescript_loader_error){}try{Footer.Utilities.displayName="Footer.Utilities",Footer.Utilities.__docgenInfo={description:"",displayName:"Footer.Utilities",props:{children:{defaultValue:null,description:"Children elements to render.",name:"children",required:!0,type:{name:"ReactNode"}},soMeLinks:{defaultValue:null,description:"List of Footer.NavigationLink components to display in the social media section.",name:"soMeLinks",required:!1,type:{name:"ReactNode[]"}},soMeSectionProps:{defaultValue:null,description:"Props that will be passed to the native `
` element.\nCan be used to pass aria attributes that describes the SoMe section to screen reader users.",name:"soMeSectionProps",required:!1,type:{name:'Pick, HTMLElement>, "key" | keyof HTMLAttributes>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.Utilities"]={docgenInfo:Footer.Utilities.__docgenInfo,name:"Footer.Utilities",path:"src/components/footer/Footer.tsx#Footer.Utilities"})}catch(__react_docgen_typescript_loader_error){}try{Footer.UtilityGroup.displayName="Footer.UtilityGroup",Footer.UtilityGroup.__docgenInfo={description:"",displayName:"Footer.UtilityGroup",props:{className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the group element.",name:"id",required:!1,type:{name:"string"}},headingLink:{defaultValue:null,description:'FooterGroupHeading component to display at the top of the group.\n@example ```ts\nheadingLink={}\n```',name:"headingLink",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.UtilityGroup"]={docgenInfo:Footer.UtilityGroup.__docgenInfo,name:"Footer.UtilityGroup",path:"src/components/footer/Footer.tsx#Footer.UtilityGroup"})}catch(__react_docgen_typescript_loader_error){}try{Footer.Base.displayName="Footer.Base",Footer.Base.__docgenInfo={description:"",displayName:"Footer.Base",props:{backToTopLabel:{defaultValue:null,description:'Label for the "Back to top" button',name:"backToTopLabel",required:!1,type:{name:"ReactNode"}},copyrightHolder:{defaultValue:null,description:"Text to be displayed next to the copyright symbol",name:"copyrightHolder",required:!1,type:{name:"ReactNode"}},copyrightText:{defaultValue:null,description:"Text to be displayed after the copyright holder text",name:"copyrightText",required:!1,type:{name:"ReactNode"}},logoHref:{defaultValue:null,description:"Link for the logo. Should direct to the main page.",name:"logoHref",required:!1,type:{name:"string"}},logoLanguage:{defaultValue:{value:"fi"},description:"The language of the Helsinki-logo",name:"logoLanguage",required:!1,type:{name:"string"}},onBackToTopClick:{defaultValue:null,description:'Callback fired when the "Back to top" button is clicked',name:"onBackToTopClick",required:!1,type:{name:"(event: MouseEvent) => void"}},showBackToTopButton:{defaultValue:{value:"true"},description:'Whether the "Back to top" button should be shown',name:"showBackToTopButton",required:!1,type:{name:"boolean"}},year:{defaultValue:{value:"new Date().getFullYear()"},description:"Set the year for copyright text. This can be useful in automated tests when a static year is set so the tests don't fail after a new year.",name:"year",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.Base"]={docgenInfo:Footer.Base.__docgenInfo,name:"Footer.Base",path:"src/components/footer/Footer.tsx#Footer.Base"})}catch(__react_docgen_typescript_loader_error){}try{Footer.Custom.displayName="Footer.Custom",Footer.Custom.__docgenInfo={description:"",displayName:"Footer.Custom",props:{className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the navigation element.",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.tsx#Footer.Custom"]={docgenInfo:Footer.Custom.__docgenInfo,name:"Footer.Custom",path:"src/components/footer/Footer.tsx#Footer.Custom"})}catch(__react_docgen_typescript_loader_error){}var IconFacebook=__webpack_require__("./src/icons/IconFacebook.tsx"),IconTwitter=__webpack_require__("./src/icons/IconTwitter.tsx"),IconInstagram=__webpack_require__("./src/icons/IconInstagram.tsx"),IconYoutube=__webpack_require__("./src/icons/IconYoutube.tsx"),IconTiktok=__webpack_require__("./src/icons/IconTiktok.tsx"),IconLinkedin=__webpack_require__("./src/icons/IconLinkedin.tsx"),createArray=function createArray(length){return Array.from({length},(function(value,index){return index}))},Utilities=function Utilities(){return(0,jsx_runtime.jsxs)(Footer.Utilities,{ariaLabel:"Utility links",soMeLinks:function someLinks(){return[(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Facebook-tili",ariaLabel:"Helsingin kaupungin Facebook-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconFacebook.IconFacebook,{"aria-hidden":!0}),href:"https://facebook.com"}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Twitter-tili",ariaLabel:"Helsingin kaupungin Twitter-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconTwitter.IconTwitter,{"aria-hidden":!0}),href:"https://twitter.com"}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Instagram-tili",ariaLabel:"Helsingin kaupungin Instagram-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconInstagram.IconInstagram,{"aria-hidden":!0}),href:"https://instagram.com"}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Youtube-tili",ariaLabel:"Helsingin kaupungin Youtube-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconYoutube.IconYoutube,{"aria-hidden":!0}),href:"https://youtube.com"}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Tiktok-tili",ariaLabel:"Helsingin kaupungin Tiktok-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconTiktok.IconTiktok,{"aria-hidden":!0}),href:"https://tiktok.com"})]}(),children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Contact us",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Give feedback",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Support",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"About",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Github page",external:!0,openInNewTab:!0,variant:FooterVariant.Utility})]})},Base=function Base(){return(0,jsx_runtime.jsx)(Footer.Base,{copyrightHolder:"Copyright",copyrightText:"All rights reserved",backToTopLabel:"Back to top",ariaLabel:"Copyright information",children:createArray(5).map((function(index){return(0,jsx_runtime.jsx)(Footer.NavigationLink,(0,objectSpread2.Z)({href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Link",className:"test",variant:FooterVariant.Base},4===index&&{external:!0,openInNewTab:!0}),index)}))})};const Footer_stories={component:Footer,title:"Components/Footer",subcomponents:{FooterNavigation,FooterNavigationLink,FooterNavigationGroup,FooterGroupHeading,FooterUtilities,FooterUtilityGroup,FooterBase,FooterCustom},parameters:{storySource:{source:'import React from \'react\';\n\nimport { Footer } from \'./Footer\';\nimport { IconFacebook, IconInstagram, IconLinkedin, IconTiktok, IconTwitter, IconYoutube } from \'../../icons\';\nimport { FooterGroupHeading } from \'./components/footerGroupHeading/FooterGroupHeading\';\nimport { FooterNavigationLink } from \'./components/footerNavigationLink/FooterNavigationLink\';\nimport { FooterNavigationGroup } from \'./components/footerNavigationGroup/FooterNavigationGroup\';\nimport { FooterNavigation } from \'./components/footerNavigation/FooterNavigation\';\nimport { FooterUtilities } from \'./components/footerUtilities/FooterUtilities\';\nimport { FooterUtilityGroup } from \'./components/footerUtilityGroup/FooterUtilityGroup\';\nimport { FooterBase } from \'./components/footerBase/FooterBase\';\nimport { FooterCustom } from \'./components/footerCustom/FooterCustom\';\nimport { FooterVariant } from \'./Footer.interface\';\n\nconst footerNavAriaLabel = \'Footer navigation items\';\nconst footerCustomAriaLabel = \'Custom area\';\nconst footerUtilityAriaLabel = \'Utility links\';\nconst footerBaseAriaLabel = \'Copyright information\';\nconst createArray = (length: number): number[] => Array.from({ length }, (value, index) => index);\n\nconst Utilities = () => {\n const someLinks = () => {\n return [\n }\n href="https://facebook.com"\n />,\n }\n href="https://twitter.com"\n />,\n }\n href="https://instagram.com"\n />,\n }\n href="https://youtube.com"\n />,\n }\n href="https://tiktok.com"\n />,\n ];\n };\n return (\n \n e.preventDefault()}\n label="Contact us"\n variant={FooterVariant.Utility}\n />\n e.preventDefault()}\n label="Give feedback"\n variant={FooterVariant.Utility}\n />\n e.preventDefault()}\n label="Support"\n variant={FooterVariant.Utility}\n />\n e.preventDefault()}\n label="About"\n variant={FooterVariant.Utility}\n />\n e.preventDefault()}\n label="Github page"\n external\n openInNewTab\n variant={FooterVariant.Utility}\n />\n \n );\n};\n\nconst Base = () => (\n \n {createArray(5).map((index) => (\n e.preventDefault()}\n label="Link"\n className="test"\n variant={FooterVariant.Base}\n {...(index === 4 && { external: true, openInNewTab: true })}\n />\n ))}\n \n);\n\nexport default {\n component: Footer,\n title: \'Components/Footer\',\n subcomponents: {\n FooterNavigation,\n FooterNavigationLink,\n FooterNavigationGroup,\n FooterGroupHeading,\n FooterUtilities,\n FooterUtilityGroup,\n FooterBase,\n FooterCustom,\n },\n parameters: {\n controls: { expanded: true },\n layout: \'fullscreen\',\n },\n args: { title: \'Helsinki Design System\', korosType: \'basic\', theme: \'light\' },\n argTypes: {\n korosType: { control: { type: \'radio\', options: [\'basic\', \'beat\', \'calm\', \'pulse\', \'wave\', \'vibration\'] } },\n theme: { control: { type: \'inline-radio\', options: [\'light\', \'dark\'] } },\n title: { control: { type: \'text\' } },\n },\n};\n\nexport const Default = (args) => (\n
\n \n {createArray(8).map((index) => (\n e.preventDefault()}\n label="Nav item"\n variant={FooterVariant.Navigation}\n />\n ))}\n \n \n \n
\n);\n\nexport const NoNav = (args) => (\n
\n \n \n
\n);\nNoNav.storyName = \'No navigation\';\n\nexport const CustomTheme = (args) => (\n
\n \n {createArray(8).map((index) => (\n e.preventDefault()}\n label="Nav item"\n variant={FooterVariant.Navigation}\n />\n ))}\n \n \n \n
\n);\nCustomTheme.storyName = \'Custom theme\';\nCustomTheme.args = {\n theme: {\n \'--footer-background\': \'var(--color-engel)\',\n \'--footer-color\': \'var(--color-black-90)\',\n \'--footer-divider-color\': \'var(--color-black-90)\',\n \'--footer-focus-outline-color\': \'var(--color-black-90)\',\n },\n};\nCustomTheme.argTypes = {\n theme: {\n control: {\n type: \'object\',\n },\n },\n};\n\nexport const Sitemap = (args) => (\n
\n \n {createArray(4).map((index) => (\n \n }\n >\n {createArray(6).map((subIndex) => {\n return (\n e.preventDefault()}\n label="Sub page"\n variant={FooterVariant.Navigation}\n subItem\n />\n );\n })}\n \n ))}\n \n \n \n
\n);\n\nexport const Example = (args) => (\n
\n \n \n \n \n \n \n \n \n \n
\n);\n\nexport const UtilityGroups = (args) => (\n
\n \n \n \n \n \n \n \n \n \n \n {createArray(3).map((index) => (\n e.preventDefault()}\n label="Group heading link"\n variant={FooterVariant.Utility}\n />\n }\n >\n {createArray(6).map((subIndex) => {\n return (\n e.preventDefault()}\n label="Group link"\n variant={FooterVariant.Utility}\n />\n );\n })}\n \n ))}\n }\n >\n \n \n \n \n \n
\n);\n\nexport const CustomSection = (args) => (\n
\n \n {createArray(8).map((index) => (\n e.preventDefault()}\n label="Nav item"\n variant={FooterVariant.Navigation}\n />\n ))}\n \n \n \n \n \n \n \n \n \n \n \n
\n);\n\nexport const Minimal = (args) => (\n
\n \n
\n);\n',locationsMap:{default:{startLoc:{col:23,line:150},endLoc:{col:1,line:166},startBody:{col:23,line:150},endBody:{col:1,line:166}},"no-nav":{startLoc:{col:21,line:168},endLoc:{col:1,line:173},startBody:{col:21,line:168},endBody:{col:1,line:173}},"custom-theme":{startLoc:{col:27,line:176},endLoc:{col:1,line:192},startBody:{col:27,line:176},endBody:{col:1,line:192}},sitemap:{startLoc:{col:23,line:210},endLoc:{col:1,line:238},startBody:{col:23,line:210},endBody:{col:1,line:238}},example:{startLoc:{col:23,line:240},endLoc:{col:1,line:356},startBody:{col:23,line:240},endBody:{col:1,line:356}},"utility-groups":{startLoc:{col:29,line:358},endLoc:{col:1,line:479},startBody:{col:29,line:358},endBody:{col:1,line:479}},"custom-section":{startLoc:{col:29,line:481},endLoc:{col:1,line:508},startBody:{col:29,line:481},endBody:{col:1,line:508}},minimal:{startLoc:{col:23,line:510},endLoc:{col:1,line:514},startBody:{col:23,line:510},endBody:{col:1,line:514}}}},controls:{expanded:!0},layout:"fullscreen"},args:{title:"Helsinki Design System",korosType:"basic",theme:"light"},argTypes:{korosType:{control:{type:"radio",options:["basic","beat","calm","pulse","wave","vibration"]}},theme:{control:{type:"inline-radio",options:["light","dark"]}},title:{control:{type:"text"}}}};var Default=function Default(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:[(0,jsx_runtime.jsx)(Footer.Navigation,{ariaLabel:"Footer navigation items",children:createArray(8).map((function(index){return(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Nav item",variant:FooterVariant.Navigation},index)}))}),(0,jsx_runtime.jsx)(Utilities,{}),(0,jsx_runtime.jsx)(Base,{})]}))},NoNav=function NoNav(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:[(0,jsx_runtime.jsx)(Utilities,{}),(0,jsx_runtime.jsx)(Base,{})]}))};NoNav.storyName="No navigation";var CustomTheme=function CustomTheme(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:[(0,jsx_runtime.jsx)(Footer.Navigation,{ariaLabel:"Footer navigation items",children:createArray(8).map((function(index){return(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Nav item",variant:FooterVariant.Navigation},index)}))}),(0,jsx_runtime.jsx)(Utilities,{}),(0,jsx_runtime.jsx)(Base,{})]}))};CustomTheme.storyName="Custom theme",CustomTheme.args={theme:{"--footer-background":"var(--color-engel)","--footer-color":"var(--color-black-90)","--footer-divider-color":"var(--color-black-90)","--footer-focus-outline-color":"var(--color-black-90)"}},CustomTheme.argTypes={theme:{control:{type:"object"}}};var Sitemap=function Sitemap(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:[(0,jsx_runtime.jsx)(Footer.Navigation,{ariaLabel:"Footer navigation items",children:createArray(4).map((function(index){return(0,jsx_runtime.jsx)(Footer.NavigationGroup,{headingLink:(0,jsx_runtime.jsx)(Footer.GroupHeading,{href:"https://yourpath.com",label:"Main Page",variant:FooterVariant.Navigation}),children:createArray(6).map((function(subIndex){return(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Sub page",variant:FooterVariant.Navigation,subItem:!0},subIndex)}))},index)}))}),(0,jsx_runtime.jsx)(Utilities,{}),(0,jsx_runtime.jsx)(Base,{})]}))},Example=function Example(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({footerProps:{lang:"fi"}},args),{},{children:[(0,jsx_runtime.jsxs)(Footer.Navigation,{ariaLabel:"Nostoja palveluista",children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://asiointi.hel.fi/wps/portal/login?locale=fi",label:"Sähköinen asiointi",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://palvelukartta.hel.fi/",label:"Palvelut kartalla",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/yritystenhelsinki",label:"Yritysten Helsinki",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/rekry/fi",label:"Avoimet työpaikat",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://helsinkikanava.fi/fi_FI/",label:"Videoita kaupungista",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://helmet.fi/",label:"Kirjastot verkossa",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://reittiopas.fi/",label:"Reittiopas",variant:FooterVariant.Navigation})]}),(0,jsx_runtime.jsxs)(Footer.Utilities,{ariaLabel:"Utility links",soMeSectionProps:{"aria-label":"Helsinki sosiaalisessa mediassa"},soMeLinks:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Facebook-tili",ariaLabel:"Helsingin kaupungin Facebook-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconFacebook.IconFacebook,{"aria-hidden":"true"}),href:"https://facebook.com/helsinginkaupunki/",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Twitter-tili",ariaLabel:"Helsingin kaupungin Twitter-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconTwitter.IconTwitter,{"aria-hidden":"true"}),href:"https://twitter.com/helsinki",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Instagram-tili",ariaLabel:"Helsingin kaupungin Instagram-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconInstagram.IconInstagram,{"aria-hidden":"true"}),href:"https://instagram.com/helsinki/",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin LinkedIn-tili",ariaLabel:"Helsingin kaupungin LinkedIn-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconLinkedin.IconLinkedin,{"aria-hidden":"true"}),href:"https://linkedin.com/company/city-of-helsinki",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Youtube-tili",ariaLabel:"Helsingin kaupungin Youtube-tili",external:!0,openInNewTab:!0,icon:(0,jsx_runtime.jsx)(IconYoutube.IconYoutube,{"aria-hidden":"true"}),href:"https://youtube.com/channel/UCzJFvpjRB62oRoep4oRgwjg",variant:FooterVariant.Utility})],children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/helsinki/fi/kaupunki-ja-hallinto/osallistu-ja-vaikuta/ota-yhteytta/ota-yhteytta",label:"Yhteystiedot",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/helsinki/fi/kaupunki-ja-hallinto/osallistu-ja-vaikuta/palaute/anna-palautetta",label:"Anna ja lue palautetta",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/kanslia/neuvonta-fi",label:"Chat-neuvonta",variant:FooterVariant.Utility})]}),(0,jsx_runtime.jsxs)(Footer.Base,{copyrightHolder:"Helsingin kaupunki",copyrightText:"Kaikki oikeudet pidetään",backToTopLabel:"Sivun alkuun",ariaLabel:"Copyright information",children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/helsinki/fi/kaupunki-ja-hallinto/tietoa-helsingista/tietoa-hel-fista/",label:"Tietoa palvelusta",variant:FooterVariant.Base}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/tietoa-helsingista/saavutettavuus/saavutettavuus-helfi-sivustolla/",label:"Saavutettavuusseloste",variant:FooterVariant.Base})]})]}))},UtilityGroups=function UtilityGroups(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({footerProps:{lang:"fi"}},args),{},{children:[(0,jsx_runtime.jsxs)(Footer.Navigation,{ariaLabel:"Nostoja palveluista",children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://asiointi.hel.fi/wps/portal/login?locale=fi",label:"Sähköinen asiointi",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://palvelukartta.hel.fi/",label:"Palvelut kartalla",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/yritystenhelsinki",label:"Yritysten Helsinki",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/rekry/fi",label:"Avoimet työpaikat",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://helsinkikanava.fi/fi_FI/",label:"Videoita kaupungista",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://helmet.fi/",label:"Kirjastot verkossa",variant:FooterVariant.Navigation}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://reittiopas.fi/",label:"Reittiopas",variant:FooterVariant.Navigation})]}),(0,jsx_runtime.jsxs)(Footer.Utilities,{ariaLabel:"Utility links",children:[createArray(3).map((function(index){return(0,jsx_runtime.jsx)(Footer.UtilityGroup,{headingLink:(0,jsx_runtime.jsx)(Footer.GroupHeading,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Group heading link",variant:FooterVariant.Utility}),children:createArray(6).map((function(subIndex){return(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Group link",variant:FooterVariant.Utility},subIndex)}))},index)})),(0,jsx_runtime.jsxs)(Footer.UtilityGroup,{headingLink:(0,jsx_runtime.jsx)(Footer.GroupHeading,{label:"Social media",variant:FooterVariant.Utility}),children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Facebook-tili",label:"Facebook",ariaLabel:"Helsingin kaupungin Facebook-tili",openInNewTabAriaLabel:"Avautuu uudessa välilehdessä.",openInExternalDomainAriaLabel:"Siirtyy toiseen sivustoon.",icon:(0,jsx_runtime.jsx)(IconFacebook.IconFacebook,{"aria-hidden":"true"}),href:"https://facebook.com/helsinginkaupunki/",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Facebook-tili",label:"Facebook",ariaLabel:"Helsingin kaupungin Facebook-tili",openInNewTabAriaLabel:"Avautuu uudessa välilehdessä.",openInExternalDomainAriaLabel:"Siirtyy toiseen sivustoon.",icon:(0,jsx_runtime.jsx)(IconFacebook.IconFacebook,{"aria-hidden":"true"}),href:"https://facebook.com/helsinginkaupunki/",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Twitter-tili",label:"Twitter",ariaLabel:"Helsingin kaupungin Twitter-tili",openInNewTabAriaLabel:"Avautuu uudessa välilehdessä.",openInExternalDomainAriaLabel:"Siirtyy toiseen sivustoon.",icon:(0,jsx_runtime.jsx)(IconTwitter.IconTwitter,{"aria-hidden":"true"}),href:"https://twitter.com/helsinki",variant:FooterVariant.Utility}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{title:"Helsingin kaupungin Instagram-tili",label:"Instagram",ariaLabel:"Helsingin kaupungin Instagram-tili",openInNewTabAriaLabel:"Avautuu uudessa välilehdessä.",openInExternalDomainAriaLabel:"Siirtyy toiseen sivustoon.",icon:(0,jsx_runtime.jsx)(IconInstagram.IconInstagram,{"aria-hidden":"true"}),href:"https://instagram.com/helsinki/",variant:FooterVariant.Utility})]},6)]}),(0,jsx_runtime.jsxs)(Footer.Base,{copyrightHolder:"Helsingin kaupunki",copyrightText:"Kaikki oikeudet pidetään",backToTopLabel:"Sivun alkuun",ariaLabel:"Copyright information",children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://hel.fi/helsinki/fi/kaupunki-ja-hallinto/tietoa-helsingista/tietoa-hel-fista/",label:"Tietoa palvelusta",variant:FooterVariant.Base}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/tietoa-helsingista/saavutettavuus/saavutettavuus-helfi-sivustolla/",label:"Saavutettavuusseloste",variant:FooterVariant.Base})]})]}))},CustomSection=function CustomSection(args){return(0,jsx_runtime.jsxs)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:[(0,jsx_runtime.jsx)(Footer.Navigation,{ariaLabel:"Footer navigation items",children:createArray(8).map((function(index){return(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"https://google.com",onClick:function onClick(e){return e.preventDefault()},label:"Nav item",variant:FooterVariant.Navigation},index)}))}),(0,jsx_runtime.jsx)(Utilities,{}),(0,jsx_runtime.jsxs)(Footer.Custom,{ariaLabel:"Custom area",children:[(0,jsx_runtime.jsx)(Footer.GroupHeading,{label:"Partners",id:"partners"}),(0,jsx_runtime.jsxs)("div",{"aria-label":"partners",style:{display:"flex",flexDirection:"row",gap:"12px 24px",flexWrap:"wrap",marginTop:"8px"},children:[(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"www.google.com",label:"Partner 1",external:!0,openInNewTab:!0}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"www.google.com",label:"Partner 1",external:!0,openInNewTab:!0}),(0,jsx_runtime.jsx)(Footer.NavigationLink,{href:"www.google.com",label:"Partner 1",external:!0,openInNewTab:!0})]})]}),(0,jsx_runtime.jsx)(Base,{})]}))},Minimal=function Minimal(args){return(0,jsx_runtime.jsx)(Footer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(Footer.Base,{backToTopLabel:"Back to top"})}))};Default.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n {createArray(8).map((index) => (\n e.preventDefault()}\n label="Nav item"\n variant={FooterVariant.Navigation}\n />\n ))}\n \n \n \n
\n)'}},Default.parameters),NoNav.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => (\n
\n \n \n
\n)"}},NoNav.parameters),CustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n {createArray(8).map((index) => (\n e.preventDefault()}\n label="Nav item"\n variant={FooterVariant.Navigation}\n />\n ))}\n \n \n \n
\n)'}},CustomTheme.parameters),Sitemap.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n {createArray(4).map((index) => (\n \n }\n >\n {createArray(6).map((subIndex) => {\n return (\n e.preventDefault()}\n label="Sub page"\n variant={FooterVariant.Navigation}\n subItem\n />\n );\n })}\n \n ))}\n \n \n \n
\n)'}},Sitemap.parameters),Example.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n \n \n \n \n \n \n \n \n
\n)'}},Example.parameters),UtilityGroups.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n \n \n \n \n \n \n \n \n \n {createArray(3).map((index) => (\n e.preventDefault()}\n label="Group heading link"\n variant={FooterVariant.Utility}\n />\n }\n >\n {createArray(6).map((subIndex) => {\n return (\n e.preventDefault()}\n label="Group link"\n variant={FooterVariant.Utility}\n />\n );\n })}\n \n ))}\n }\n >\n \n \n \n \n \n
\n)'}},UtilityGroups.parameters),CustomSection.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n {createArray(8).map((index) => (\n e.preventDefault()}\n label="Nav item"\n variant={FooterVariant.Navigation}\n />\n ))}\n \n \n \n \n \n \n \n \n \n \n \n
\n)'}},CustomSection.parameters),Minimal.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => (\n
\n \n
\n)'}},Minimal.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/footer/Footer.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{NoNav.displayName="NoNav",NoNav.__docgenInfo={description:"",displayName:"NoNav",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#NoNav"]={docgenInfo:NoNav.__docgenInfo,name:"NoNav",path:"src/components/footer/Footer.stories.tsx#NoNav"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/footer/Footer.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{Sitemap.displayName="Sitemap",Sitemap.__docgenInfo={description:"",displayName:"Sitemap",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#Sitemap"]={docgenInfo:Sitemap.__docgenInfo,name:"Sitemap",path:"src/components/footer/Footer.stories.tsx#Sitemap"})}catch(__react_docgen_typescript_loader_error){}try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"src/components/footer/Footer.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}try{UtilityGroups.displayName="UtilityGroups",UtilityGroups.__docgenInfo={description:"",displayName:"UtilityGroups",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#UtilityGroups"]={docgenInfo:UtilityGroups.__docgenInfo,name:"UtilityGroups",path:"src/components/footer/Footer.stories.tsx#UtilityGroups"})}catch(__react_docgen_typescript_loader_error){}try{CustomSection.displayName="CustomSection",CustomSection.__docgenInfo={description:"",displayName:"CustomSection",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#CustomSection"]={docgenInfo:CustomSection.__docgenInfo,name:"CustomSection",path:"src/components/footer/Footer.stories.tsx#CustomSection"})}catch(__react_docgen_typescript_loader_error){}try{Minimal.displayName="Minimal",Minimal.__docgenInfo={description:"",displayName:"Minimal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/footer/Footer.stories.tsx#Minimal"]={docgenInfo:Minimal.__docgenInfo,name:"Minimal",path:"src/components/footer/Footer.stories.tsx#Minimal"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Minimal:()=>Minimal,WithFullFeatures:()=>WithFullFeatures,WithSkipLink:()=>WithSkipLink,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js")),_Header__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/header/Header.tsx"),_components_headerUniversalBar_HeaderUniversalBar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/header/components/headerUniversalBar/HeaderUniversalBar.tsx"),_components_headerActionBar_HeaderActionBar__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/header/components/headerActionBar/HeaderActionBar.tsx"),_components_navigationLink_NavigationLink__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/header/components/navigationLink/NavigationLink.tsx"),_components_headerNavigationMenu__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/header/components/headerNavigationMenu/HeaderNavigationMenu.tsx"),_icons__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/icons/IconSearch.tsx"),_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/icons/IconUser.tsx"),_link_Link__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/link/Link.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Header__WEBPACK_IMPORTED_MODULE_3__.h,title:"Components/Header",subcomponents:{HeaderUniversalBar:_components_headerUniversalBar_HeaderUniversalBar__WEBPACK_IMPORTED_MODULE_4__.V,HeaderNavigationMenu:_components_headerNavigationMenu__WEBPACK_IMPORTED_MODULE_5__.p,HeaderActionBar:_components_headerActionBar_HeaderActionBar__WEBPACK_IMPORTED_MODULE_6__.K,NavigationLink:_components_navigationLink_NavigationLink__WEBPACK_IMPORTED_MODULE_7__.F},parameters:{storySource:{source:'import React from \'react\';\nimport { action } from \'@storybook/addon-actions\';\n\nimport { Header } from \'./Header\';\nimport { HeaderUniversalBar } from \'./components/headerUniversalBar/HeaderUniversalBar\';\nimport { HeaderActionBar, TitleStyleType } from \'./components/headerActionBar/HeaderActionBar\';\nimport { NavigationLink } from \'./components/navigationLink/NavigationLink\';\nimport { HeaderNavigationMenu } from \'./components/headerNavigationMenu\';\nimport { LanguageOption } from \'../../context/languageContext\';\nimport { IconSearch, IconUser } from \'../../icons\';\nimport { Link } from \'../link/Link\';\n\nexport default {\n component: Header,\n title: \'Components/Header\',\n subcomponents: {\n HeaderUniversalBar,\n HeaderNavigationMenu,\n HeaderActionBar,\n NavigationLink,\n },\n parameters: {\n controls: { expanded: true },\n layout: \'fullscreen\',\n },\n args: {},\n};\n\nconst languageChangedAction = action(\'language:onChange\');\nconst searchSubmitAction = action(\'search:onSubmit\');\nconst searchChangeAction = action(\'search:onChange\');\n\nconst languages: LanguageOption[] = [\n { label: \'Suomi\', value: \'fi\' },\n { label: \'Svenska\', value: \'sv\' },\n { label: \'English\', value: \'en\' },\n];\n\nexport const WithFullFeatures = (args) => (\n <>\n
\n \n \n \n \n \n\n \n \n

Tietoa muilla kielillä

\n \n Selkosuomi\n \n \n Viittomakieli\n \n
\n\n \n \n \n \n\n \n event.preventDefault()}\n active\n dropdownLinks={[\n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n \n \n \n \n \n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n \n
\n \n);\n\nexport const Minimal = (args) => {\n return (\n
\n \n \n

Tietoa muilla kielillä

\n \n Selkosuomi\n \n \n Viittomakieli\n \n
\n\n \n \n \n
\n \n

Kirjautumisvalinnat

\n
\n \n\n \n \n \n \n \n
\n );\n};\n\nexport const WithSkipLink = (args) => {\n return (\n
\n \n \n \n

Tietoa muilla kielillä

\n \n Selkosuomi\n \n \n Viittomakieli\n \n
\n\n \n

Kirjautumisvalinnat

\n
\n \n\n \n \n \n \n \n
\n );\n};\n',locationsMap:{"with-full-features":{startLoc:{col:32,line:39},endLoc:{col:1,line:155},startBody:{col:32,line:39},endBody:{col:1,line:155}},minimal:{startLoc:{col:23,line:157},endLoc:{col:1,line:192},startBody:{col:23,line:157},endBody:{col:1,line:192}},"with-skip-link":{startLoc:{col:28,line:194},endLoc:{col:1,line:226},startBody:{col:28,line:194},endBody:{col:1,line:226}}}},controls:{expanded:!0},layout:"fullscreen"},args:{}};var languageChangedAction=(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("language:onChange"),searchSubmitAction=(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("search:onSubmit"),searchChangeAction=(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("search:onChange"),languages=[{label:"Suomi",value:"fi"},{label:"Svenska",value:"sv"},{label:"English",value:"en"}],WithFullFeatures=function WithFullFeatures(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{onDidChangeLanguage:languageChangedAction,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.UniversalBar,{primaryLinkText:"Helsingin kaupunki",primaryLinkHref:"#",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 3"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBar,{title:"Helsingin kaupunki",titleAriaLabel:"Helsingin kaupunki",titleUrl:"https://hel.fi",titleStyle:_components_headerActionBar_HeaderActionBar__WEBPACK_IMPORTED_MODULE_6__.b.normal,logoAriaLabel:"Service logo",logoUrl:"https://hel.fi",menuButtonAriaLabel:"Menu",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLanguageSelector,{languages,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{children:"Tietoa muilla kielillä"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_link_Link__WEBPACK_IMPORTED_MODULE_9__.r,{external:!0,href:"www.example.com",children:"Selkosuomi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_link_Link__WEBPACK_IMPORTED_MODULE_9__.r,{external:!0,href:"www.example.com",children:"Viittomakieli"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBarItem,{fullWidth:!0,label:"Haku",icon:_icons__WEBPACK_IMPORTED_MODULE_10__.IconSearch,id:"action-bar-search",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationSearch,{label:"Hae palvelusta",onChange:searchChangeAction,onSubmit:searchSubmitAction})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationMenu,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 1",onClick:function onClick(event){return event.preventDefault()},active:!0,dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Test",active:!0,dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Test",dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 2",dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Test",active:!0,dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Test",dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 5"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 6"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 7"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 8",dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Test",active:!0,dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Test",dropdownLinks:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Nested"})]})]})]})]}))})},Minimal=function Minimal(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{onDidChangeLanguage:languageChangedAction,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBar,{title:"Helsingin kaupunki",titleAriaLabel:"Helsingin kaupunki",titleUrl:"https://hel.fi",titleStyle:_components_headerActionBar_HeaderActionBar__WEBPACK_IMPORTED_MODULE_6__.b.black,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLanguageSelector,{languages,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{children:"Tietoa muilla kielillä"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_link_Link__WEBPACK_IMPORTED_MODULE_9__.r,{external:!0,href:"www.example.com",children:"Selkosuomi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_link_Link__WEBPACK_IMPORTED_MODULE_9__.r,{external:!0,href:"www.example.com",children:"Viittomakieli"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBarItem,{fullWidth:!0,label:"Haku",icon:_icons__WEBPACK_IMPORTED_MODULE_10__.IconSearch,id:"action-bar-search",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationSearch,{onChange:searchChangeAction,onSubmit:searchSubmitAction,label:"Haku"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("hr",{style:{order:9}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBarItem,{label:"Kirjaudu",icon:_icons__WEBPACK_IMPORTED_MODULE_11__.IconUser,style:{order:10},id:"action-bar-login",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{children:"Kirjautumisvalinnat"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationMenu,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 3"})]})]}))},WithSkipLink=function WithSkipLink(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{onDidChangeLanguage:languageChangedAction,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.SkipLink,{skipTo:"#content",label:"Skip To Content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBar,{title:"Helsingin kaupunki",titleAriaLabel:"Helsingin kaupunki",titleUrl:"https://hel.fi",titleStyle:_components_headerActionBar_HeaderActionBar__WEBPACK_IMPORTED_MODULE_6__.b.black,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLanguageSelector,{languages,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{children:"Tietoa muilla kielillä"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_link_Link__WEBPACK_IMPORTED_MODULE_9__.r,{external:!0,href:"www.example.com",children:"Selkosuomi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_link_Link__WEBPACK_IMPORTED_MODULE_9__.r,{external:!0,href:"www.example.com",children:"Viittomakieli"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.ActionBarItem,{label:"Kirjaudu",icon:_icons__WEBPACK_IMPORTED_MODULE_11__.IconUser,style:{order:10},id:"action-bar-login",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{children:"Kirjautumisvalinnat"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationMenu,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.h.NavigationLink,{href:"#",label:"Link 3"})]})]}))};WithFullFeatures.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:'(args) => (\n <>\n
\n \n \n \n \n \n\n \n \n

Tietoa muilla kielillä

\n \n Selkosuomi\n \n \n Viittomakieli\n \n
\n\n \n \n \n \n\n \n event.preventDefault()}\n active\n dropdownLinks={[\n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n \n \n \n \n \n ,\n ,\n ,\n ]}\n />,\n ,\n ,\n ]}\n />,\n ]}\n />\n \n
\n \n)'}},WithFullFeatures.parameters),Minimal.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n

Tietoa muilla kielillä

\n \n Selkosuomi\n \n \n Viittomakieli\n \n
\n\n \n \n \n
\n \n

Kirjautumisvalinnat

\n
\n \n\n \n \n \n \n \n
\n );\n}'}},Minimal.parameters),WithSkipLink.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n \n

Tietoa muilla kielillä

\n \n Selkosuomi\n \n \n Viittomakieli\n \n
\n\n \n

Kirjautumisvalinnat

\n
\n \n\n \n \n \n \n \n
\n );\n}'}},WithSkipLink.parameters);try{WithFullFeatures.displayName="WithFullFeatures",WithFullFeatures.__docgenInfo={description:"",displayName:"WithFullFeatures",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.stories.tsx#WithFullFeatures"]={docgenInfo:WithFullFeatures.__docgenInfo,name:"WithFullFeatures",path:"src/components/header/Header.stories.tsx#WithFullFeatures"})}catch(__react_docgen_typescript_loader_error){}try{Minimal.displayName="Minimal",Minimal.__docgenInfo={description:"",displayName:"Minimal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.stories.tsx#Minimal"]={docgenInfo:Minimal.__docgenInfo,name:"Minimal",path:"src/components/header/Header.stories.tsx#Minimal"})}catch(__react_docgen_typescript_loader_error){}try{WithSkipLink.displayName="WithSkipLink",WithSkipLink.__docgenInfo={description:"",displayName:"WithSkipLink",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.stories.tsx#WithSkipLink"]={docgenInfo:WithSkipLink.__docgenInfo,name:"WithSkipLink",path:"src/components/header/Header.stories.tsx#WithSkipLink"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/hero/Hero.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllHeroes:()=>AllHeroes,BackgroundImage:()=>BackgroundImage,DiagonalKoros:()=>DiagonalKoros,EmbeddedToPage:()=>EmbeddedToPage,ImageBottom:()=>ImageBottom,ImageLeft:()=>ImageLeft,ImageRight:()=>ImageRight,PlaygroundForKoros:()=>PlaygroundForKoros,PlaygroundForTheme:()=>PlaygroundForTheme,WithoutImage:()=>WithoutImage,WithoutImageAndKoros:()=>WithoutImageAndKoros,WithoutImageKorosOverlay:()=>WithoutImageKorosOverlay,default:()=>Hero_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectWithoutProperties=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));__webpack_require__("./src/styles/base.css");const Hero_module={"large-up":"only screen and (min-width: 992px)",hero:"Hero_hero__pPV-s hero_hds-hero__mpYBf",title:"Hero_title__0riIs hero_hds-hero__title__o-vId",text:"Hero_text__tKE+X hero_hds-hero__text__O1feG",container:"Hero_container__X5qLO hero_hds-hero__container__OFZF6",content:"Hero_content__klxe- hero_hds-hero__content__g152N",singleColumn:"Hero_singleColumn__MGHpX hero_hds-hero__content--single-column__PXJRa",twoColumns:"Hero_twoColumns__8zVOk hero_hds-hero__content--two-columns__WU2sJ",twoColumnsImageContainer:"Hero_twoColumnsImageContainer__EIXxa hero_hds-hero__content--two-columns__image-container__CCT+o",card:"Hero_card__jI0-y hero_hds-hero__card__tEpO9",centeredContent:"Hero_centeredContent__5ZUhw hero_hds-hero__card--centered-content__LmI+u",image:"Hero_image__7lTXb hero_hds-hero__image__9aYZd",imageBelowKoros:"Hero_imageBelowKoros__iQl-j hero_hds-hero__image-below-koros__K+jPn",withBackgroundContainer:"Hero_withBackgroundContainer__uL45a hero_hds-hero--with-background__container__qeWA4",withBackgroundBackground:"Hero_withBackgroundBackground__zD10B hero_hds-hero--with-background__background__ddu6y",backgroundImage:"Hero_backgroundImage__ezRhh hero_hds-hero--background-image__rJkML",backgroundImageKoros:"Hero_backgroundImageKoros__UDiFT hero_hds-hero--background-image__koros__-rcMC",diagonalKoros:"Hero_diagonalKoros__VkZ4o hero_hds-hero--diagonal-koros__sQEyP",diagonalKorosWithBackgroundContainer:"Hero_diagonalKorosWithBackgroundContainer__xCw1M hero_hds-hero--diagonal-koros__sQEyP hero_hds-hero--with-background__container__qeWA4",diagonalKorosAndBackground:"Hero_diagonalKorosAndBackground__LRN6q hero_hds-hero--diagonal-koros__koros-and-background__VaJ1L",contentColums:"Hero_contentColums__2SJjX hero_hds-hero--with-background__content-columns__Ceek0",emptyColumn:"Hero_emptyColumn__vQqms hero_hds-hero--with-background__empty-column__Zx-VW",imageLeft:"Hero_imageLeft__oeDh+ hero_hds-hero--image-left__V4wF4",imageRight:"Hero_imageRight__NgWoL hero_hds-hero--image-right__mwVcG",korosContainer:"Hero_korosContainer__Ktzlt hero_hds-hero__koros-container__A2gNI",korosContainerInwardKoros:"Hero_korosContainerInwardKoros__s0qdz hero_hds-hero__koros-container--inward-koros__CffRO",korosContainerOverflowBottom:"Hero_korosContainerOverflowBottom__uTKk6 hero_hds-hero__koros-container--overflow-bottom__L-oFy",korosAndImageContainer:"Hero_korosAndImageContainer__UvQT3 hero_hds-hero__koros-and-image-container__aB6W-",korosAligner:"Hero_korosAligner__E3AX2 hero_hds-hero--diagonal-koros__koros-aligner__UHSoi"};var classNames=__webpack_require__("./src/utils/classNames.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),Koros=__webpack_require__("./src/components/koros/Koros.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["className","children"],Text=function Text(props){var className=props.className,children=props.children,elementProps=(0,objectWithoutProperties.Z)(props,_excluded),classList=(0,classNames.Z)(Hero_module.text,className);return(0,jsx_runtime.jsx)("p",(0,objectSpread2.Z)((0,objectSpread2.Z)({},elementProps),{},{className:classList,children}))};try{Text.displayName="Text",Text.__docgenInfo={description:"",displayName:"Text",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Text.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"src/components/hero/Text.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}var Title_excluded=["headingLevel","className","children"],Title=function Title(props){var _props$headingLevel=props.headingLevel,headingLevel=void 0===_props$headingLevel?1:_props$headingLevel,className=props.className,children=props.children,elementProps=(0,objectWithoutProperties.Z)(props,Title_excluded),classList=(0,classNames.Z)(Hero_module.title,className),TagName="h".concat(headingLevel);return(0,jsx_runtime.jsx)(TagName,(0,objectSpread2.Z)((0,objectSpread2.Z)({},elementProps),{},{className:classList,children}))};try{Title.displayName="Title",Title.__docgenInfo={description:"",displayName:"Title",props:{headingLevel:{defaultValue:{value:"1"},description:"Heading level",name:"headingLevel",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Title.tsx#Title"]={docgenInfo:Title.__docgenInfo,name:"Title",path:"src/components/hero/Title.tsx#Title"})}catch(__react_docgen_typescript_loader_error){}var Hero_excluded=["children","variant","imageSrc","centeredContent","theme","koros"],_excluded2=["inward","containerClassName","style"],Hero=function Hero(_ref){var children=_ref.children,variant=_ref.variant,imageSrc=_ref.imageSrc,centeredContent=_ref.centeredContent,theme=_ref.theme,koros=_ref.koros,elementAttributes=(0,objectWithoutProperties.Z)(_ref,Hero_excluded),editableTheme=(0,objectSpread2.Z)({},theme);if(editableTheme["--koros-color"]||(editableTheme["--koros-color"]="var(--background-color)"),"backgroundImage"===variant&&(editableTheme["--top-koros-color"]="var(--background-color)",editableTheme["--bottom-koros-color"]="var(--koros-color)"),!editableTheme["--koros-height"]){var korosHeight=(0,Koros.X)(koros||{});korosHeight&&(editableTheme["--koros-height"]="".concat(korosHeight,"px"))}var currentVariant=variant||(imageSrc?"imageLeft":"noImage"),customThemeClass=(0,useTheme.F)(Hero_module.hero,editableTheme),korosStyle=(0,objectSpread2.Z)((0,objectSpread2.Z)({},koros),{},{style:{fill:"var(--koros-color)"}}),heroElementAttributes=(0,objectSpread2.Z)((0,objectSpread2.Z)({},elementAttributes),{},{className:(0,classNames.Z)(Hero_module.hero,customThemeClass,Hero_module[currentVariant],elementAttributes.className)}),Image=function Image(){return(0,jsx_runtime.jsx)("img",{className:Hero_module.image,src:imageSrc,"aria-hidden":!0,alt:""})},ImageAsBackground=function ImageAsBackground(props){return(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Hero_module.withBackgroundBackground,props&&props.className),children:(0,jsx_runtime.jsx)(Image,{})})},TwoColumsImage=function TwoColumsImage(){return(0,jsx_runtime.jsx)("div",{className:Hero_module.twoColumnsImageContainer,children:(0,jsx_runtime.jsx)(Image,{})},"imageContainer-".concat(currentVariant))},Content=function Content(){var classNameList=centeredContent?(0,classNames.Z)(Hero_module.card,Hero_module.centeredContent):(0,classNames.Z)(Hero_module.card);return(0,jsx_runtime.jsx)("div",{className:classNameList,children})},KorosInContainer=function KorosInContainer(props){var inward=props.inward,containerClassName=props.containerClassName,style=props.style,korosProps=(0,objectWithoutProperties.Z)(props,_excluded2),className=containerClassName||(!0!==inward?Hero_module.korosContainer:Hero_module.korosContainerInwardKoros);return(0,jsx_runtime.jsx)("div",{className,children:(0,jsx_runtime.jsx)(Koros.N,(0,objectSpread2.Z)({},(0,objectSpread2.Z)((0,objectSpread2.Z)({},korosProps),{},{style,shift:!1,compact:!1})))})};if("backgroundImage"===currentVariant)return(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},heroElementAttributes),{},{children:(0,jsx_runtime.jsxs)("div",{className:Hero_module.withBackgroundContainer,children:[(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Hero_module.withBackgroundBackground),children:[(0,jsx_runtime.jsx)(Image,{}),(0,jsx_runtime.jsx)(KorosInContainer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},korosStyle),{},{containerClassName:Hero_module.backgroundImageKoros}))]}),(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Hero_module.content),children:[(0,jsx_runtime.jsx)(Content,{}),(0,jsx_runtime.jsx)("div",{className:Hero_module.emptyColumn})]})]})}));if("diagonalKoros"===currentVariant)return(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},heroElementAttributes),{},{children:(0,jsx_runtime.jsxs)("div",{className:Hero_module.diagonalKorosWithBackgroundContainer,children:[(0,jsx_runtime.jsx)("div",{className:Hero_module.content,children:(0,jsx_runtime.jsxs)("div",{className:Hero_module.contentColums,children:[(0,jsx_runtime.jsx)(Content,{}),(0,jsx_runtime.jsx)("div",{className:Hero_module.emptyColumn})]})}),(0,jsx_runtime.jsx)("div",{className:Hero_module.korosAligner,children:(0,jsx_runtime.jsx)("div",{className:Hero_module.diagonalKorosAndBackground,children:(0,jsx_runtime.jsx)(KorosInContainer,(0,objectSpread2.Z)({},korosStyle))})}),(0,jsx_runtime.jsx)(ImageAsBackground,{className:Hero_module.diagonalKorosBackgroundContainer})]})}));var hideKoros=!(null==koros||!koros.hide),flipVertical=null==koros?void 0:koros.flipVertical,hasImage=!!imageSrc&&"noImage"!==currentVariant,columnStyle=hasImage&&"imageBottom"!==currentVariant?Hero_module.twoColumns:Hero_module.singleColumn;return(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},heroElementAttributes),{},{children:[(0,jsx_runtime.jsx)("div",{className:Hero_module.container,children:(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Hero_module.content,columnStyle),children:[hasImage&&"imageLeft"===currentVariant&&(0,jsx_runtime.jsx)(TwoColumsImage,{}),(0,jsx_runtime.jsx)(Content,{}),hasImage&&"imageRight"===currentVariant&&(0,jsx_runtime.jsx)(TwoColumsImage,{})]},"content")}),!hasImage&&!hideKoros&&(0,jsx_runtime.jsx)(KorosInContainer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},korosStyle),{},{inward:!flipVertical,flipVertical,containerClassName:flipVertical?Hero_module.korosContainerOverflowBottom:void 0})),hasImage&&(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Hero_module.korosAndImageContainer),children:[(0,jsx_runtime.jsx)(KorosInContainer,(0,objectSpread2.Z)((0,objectSpread2.Z)({},korosStyle),{},{flipVertical:!1!==flipVertical})),(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Hero_module.imageBelowKoros),children:(0,jsx_runtime.jsx)(Image,{})},"imageContainer")]},"korosAndImageContainer")]}))};Hero.Title=Title,Hero.Text=Text;try{Hero.displayName="Hero",Hero.__docgenInfo={description:"",displayName:"Hero",props:{centeredContent:{defaultValue:null,description:"Should texts be centered. Use when there is no image.",name:"centeredContent",required:!1,type:{name:"boolean"}},imageSrc:{defaultValue:null,description:"Image source",name:"imageSrc",required:!1,type:{name:"string"}},koros:{defaultValue:null,description:'Koros properties. Accepts also boolean "hide", which hides the koros.\n@see KorosProps',name:"koros",required:!1,type:{name:'Omit & { hide?: boolean; }'}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"HeroCustomTheme"}},variant:{defaultValue:null,description:"Defines the hero variant",name:"variant",required:!1,type:{name:"enum",value:[{value:'"imageLeft"'},{value:'"imageRight"'},{value:'"backgroundImage"'},{value:'"imageBottom"'},{value:'"diagonalKoros"'},{value:'"noImage"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.tsx#Hero"]={docgenInfo:Hero.__docgenInfo,name:"Hero",path:"src/components/hero/Hero.tsx#Hero"})}catch(__react_docgen_typescript_loader_error){}try{Hero.Title.displayName="Hero.Title",Hero.Title.__docgenInfo={description:"",displayName:"Hero.Title",props:{headingLevel:{defaultValue:{value:"1"},description:"Heading level",name:"headingLevel",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.tsx#Hero.Title"]={docgenInfo:Hero.Title.__docgenInfo,name:"Hero.Title",path:"src/components/hero/Hero.tsx#Hero.Title"})}catch(__react_docgen_typescript_loader_error){}try{Hero.Text.displayName="Hero.Text",Hero.Text.__docgenInfo={description:"",displayName:"Hero.Text",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.tsx#Hero.Text"]={docgenInfo:Hero.Text.__docgenInfo,name:"Hero.Text",path:"src/components/hero/Hero.tsx#Hero.Text"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/button/Button.tsx"),placeholder_1920x1080=__webpack_require__("./src/assets/img/placeholder_1920x1080.jpg"),Navigation=__webpack_require__("./src/components/navigation/Navigation.tsx"),Section=__webpack_require__("./src/components/section/Section.tsx");const Hero_stories={component:Hero,title:"Components/Hero",parameters:{storySource:{source:"import React from 'react';\n\nimport { Hero, HeroCustomTheme, HeroProps } from './Hero';\nimport { Button } from '../button/Button';\n// @ts-ignore\nimport imageFile from '../../assets/img/placeholder_1920x1080.jpg';\nimport { Navigation } from '../navigation/Navigation';\nimport { Section } from '../section/Section';\n\nexport default {\n component: Hero,\n title: 'Components/Hero',\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\ntype DefaultContentProps = {\n title?: string;\n text?: string;\n buttonTheme?: 'black' | 'white';\n};\n\nconst variantSelection = {\n defaultValue: 'noImage',\n control: {\n type: 'select',\n options: ['imageLeft', 'imageRight', 'backgroundImage', 'imageBottom', 'diagonalKoros', 'noImage'],\n },\n};\n\nconst korosPosition = {\n defaultValue: '45%',\n control: 'text',\n description: 'Position of the koros in the variant \"diagonalKoros\".',\n};\n\nconst defaultText =\n 'Nullam ut nunc consectetur, accumsan nunc sed, luctus nisl. Curabitur lacinia tristique est, sit amet egestas velit elementum sit amet. Nam lacinia volutpat erat vel faucibus.';\n\nconst imageLeftOrRightTheme = { '--background-color': '#c2a251', '--color': '#000' };\nconst noImageOptions = ['', 'Without image', 'Without image II', 'Without image and koros'];\n\nconst getThemePropertyDescriptionAsSummary = (themeVariable: string) => ({\n table: {\n type: {\n summary: `Storybook control for a theme variable, not an actual component property. Given value is set to theme property as \"${themeVariable}\".`,\n },\n },\n});\n\nconst getKorosPropertyDescriptionAsSummary = () => ({\n table: {\n type: {\n summary: `Storybook control for a koros property, not an actual component property. Given value is set to the \"koros\" property of the component.`,\n },\n },\n});\n\nconst getDisabledControl = (control: string, notUsed?: boolean) => {\n const description = notUsed\n ? `*** ${control} is not used in this variant ***`\n : `*** ${control} is not passed to the component in this story ***`;\n return {\n [control]: {\n description,\n control: false,\n table: {\n type: {\n summary: 'Disabled',\n },\n },\n },\n };\n};\n\nconst getDefaultArgs = (variant: HeroProps['variant'], preset?: string): HeroProps => {\n const defaultValuePicker = (args: Record) => {\n return Object.entries(args).reduce((currentObject, [prop, value]) => {\n if (value.defaultValue) {\n return {\n ...currentObject,\n [prop]: value.defaultValue,\n };\n }\n return currentObject;\n }, {});\n };\n \n if (variant === 'noImage') {\n if (preset === noImageOptions[1]) {\n return defaultValuePicker(WithoutImage.argTypes);\n }\n if (preset === noImageOptions[2]) {\n return defaultValuePicker(WithoutImageKorosOverlay.argTypes);\n }\n return defaultValuePicker(WithoutImageAndKoros.argTypes);\n }\n\n switch (variant) {\n case 'backgroundImage':\n return defaultValuePicker(BackgroundImage.argTypes);\n case 'imageLeft':\n return defaultValuePicker(ImageLeft.argTypes);\n case 'imageRight':\n return defaultValuePicker(ImageRight.argTypes);\n case 'imageBottom':\n return defaultValuePicker(ImageBottom.argTypes);\n case 'diagonalKoros':\n return defaultValuePicker(DiagonalKoros.argTypes);\n default:\n return {};\n }\n};\n\nconst defaultImageSrcArg = {\n imageSrc: {\n defaultValue: imageFile,\n control: 'text',\n },\n};\nconst createCenteredContentArg = (defaultValue: boolean) => ({\n centeredContent: {\n defaultValue,\n control: 'boolean',\n },\n});\nconst createThemeArg = (themeProps: HeroCustomTheme) => ({\n theme: {\n defaultValue: { ...themeProps },\n control: 'object',\n },\n});\n\nconst createKorosArg = (korosProps: HeroProps['koros']) => ({\n koros: {\n defaultValue: { ...korosProps },\n control: 'object',\n },\n});\n\nconst createVariantArg = (defaultValue: HeroProps['variant']) => ({\n variant: {\n ...variantSelection,\n defaultValue,\n },\n});\n\nconst DefaultContent = (props: DefaultContentProps) => {\n const { title, text, buttonTheme } = props;\n const h1Text = title || 'Welcome to the hero story';\n const paragraphText = text || defaultText;\n const blackButtonStyle = {\n '--background-color': '#000',\n '--color': '#fff',\n '--border-color': '#000',\n '--color-focus': '#fff',\n '--background-color-focus': '#000',\n '--background-color-hover': '#fff',\n '--background-color-hover-focus': '#fff',\n };\n const whiteButtonStyle = {\n '--background-color': '#fff',\n '--color': '#000',\n '--border-color': '#fff',\n '--color-focus': '#000',\n '--color-hover': '#fff',\n '--color-hover-focus': '#fff',\n '--background-color-focus': '#fff',\n '--background-color-hover': '#000',\n '--border-color-hover': '#fff',\n '--background-color-hover-focus': '#000',\n };\n const buttonStyle = buttonTheme !== 'black' ? whiteButtonStyle : blackButtonStyle;\n return (\n <>\n {h1Text}\n {paragraphText}\n \n Click me\n \n \n );\n};\n\nconst NavigationComponent = () => (\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang=\"fi\" label=\"Suomeksi\" />\n e.preventDefault()} lang=\"sv\" label=\"På svenska\" />\n e.preventDefault()} lang=\"en\" label=\"In English\" />\n e.preventDefault()} lang=\"fr\" label=\"En français\" />\n e.preventDefault()} lang=\"de\" label=\"Auf deutsch\" />\n e.preventDefault()} lang=\"ru\" label=\"По-русски\" />\n \n \n \n);\n\nexport const ImageLeft = (args) => {\n return (\n \n \n \n );\n};\nImageLeft.argTypes = {\n ...defaultImageSrcArg,\n ...createThemeArg(imageLeftOrRightTheme),\n ...createVariantArg('imageLeft'),\n};\n\nexport const ImageRight = (args) => {\n return (\n \n \n \n );\n};\nImageRight.argTypes = {\n ...getDisabledControl('variant'),\n ...defaultImageSrcArg,\n ...createThemeArg(imageLeftOrRightTheme),\n ...createVariantArg('imageRight'),\n};\n\nexport const WithoutImage = (args) => {\n return (\n \n \n \n );\n};\n\nWithoutImage.argTypes = {\n ...getDisabledControl('imageSrc', true),\n ...createThemeArg({\n '--background-color': '#9fc9eb',\n '--color': '#000',\n '--koros-color': '#009246',\n '--koros-height': '82px',\n }),\n ...createKorosArg({ type: 'pulse' }),\n ...createVariantArg('noImage'),\n ...createCenteredContentArg(true),\n};\n\nexport const WithoutImageKorosOverlay = (args) => {\n return (\n \n \n \n );\n};\n\nWithoutImageKorosOverlay.argTypes = {\n ...getDisabledControl('imageSrc', true),\n ...createThemeArg({\n '--background-color': '#000',\n '--color': '#fff',\n '--koros-color': '#000',\n }),\n ...createKorosArg({ flipVertical: true }),\n ...createVariantArg('noImage'),\n ...createCenteredContentArg(false),\n};\n\nexport const WithoutImageAndKoros = (args) => {\n return (\n \n \n \n );\n};\n\nWithoutImageAndKoros.argTypes = {\n ...getDisabledControl('imageSrc', true),\n ...createThemeArg({\n '--background-color': '#fff',\n '--color': '#000',\n }),\n ...createKorosArg({ hide: true }),\n ...createVariantArg('noImage'),\n ...createCenteredContentArg(false),\n};\n\nexport const BackgroundImage = (args) => {\n return (\n \n \n \n );\n};\n\nBackgroundImage.argTypes = {\n ...defaultImageSrcArg,\n ...createThemeArg({\n '--background-color': '#fff',\n }),\n ...createVariantArg('backgroundImage'),\n};\n\nexport const DiagonalKoros = (args) => {\n return (\n \n \n \n );\n};\n\nDiagonalKoros.argTypes = {\n ...defaultImageSrcArg,\n ...createThemeArg({\n '--background-color': '#f5a3c7',\n '--color': '#000',\n }),\n ...createVariantArg('diagonalKoros'),\n};\n\nexport const ImageBottom = (args) => {\n return (\n \n \n \n );\n};\nImageBottom.storyName = 'Bottom image';\nImageBottom.argTypes = {\n ...defaultImageSrcArg,\n ...createThemeArg({\n '--background-color': '#fff',\n '--image-position': 'bottom left',\n }),\n ...createVariantArg('imageBottom'),\n};\n\nexport const PlaygroundForKoros = (args) => {\n const heroProps: HeroProps = {\n koros: {\n type: args.type,\n dense: !!args.dense,\n hide: !!args.hide,\n ...args.koros,\n },\n theme: {\n '--background-color': '#9fc9eb',\n '--koros-color': args.color || '#9fc9eb',\n '--diagonal-koros-position': args.diagonalKorosPosition,\n ...args.theme,\n },\n imageSrc: imageFile,\n variant: args.variant,\n };\n return (\n
\n \n \n \n \n
\n

Applied theme:

\n
{JSON.stringify(heroProps.theme, null, 2)}
\n
\n
\n

Applied koros:

\n
{JSON.stringify(heroProps.koros, null, 2)}
\n
\n
\n );\n};\n\nPlaygroundForKoros.argTypes = {\n ...getDisabledControl('centeredContent'),\n ...getDisabledControl('imageSrc'),\n type: {\n defaultValue: 'basic',\n description: 'Koros type',\n control: {\n type: 'select',\n options: ['basic', 'beat', 'pulse', 'storm', 'wave', 'calm'],\n },\n ...getKorosPropertyDescriptionAsSummary(),\n },\n color: {\n control: { type: 'color' },\n description: 'Koros color. Default is \"--background-color\"',\n ...getThemePropertyDescriptionAsSummary('--koros-color'),\n },\n hide: {\n control: 'boolean',\n description: 'Hide koros. Most variants override this setting.',\n ...getKorosPropertyDescriptionAsSummary(),\n },\n dense: {\n control: 'boolean',\n description: 'Use dense koros version or not',\n ...getKorosPropertyDescriptionAsSummary(),\n },\n diagonalKorosPosition: {\n ...korosPosition,\n ...getThemePropertyDescriptionAsSummary('--diagonal-koros-position'),\n },\n flipVertical: {\n control: 'boolean',\n description: 'Flip koros vertically. Most variants override this setting.',\n ...getKorosPropertyDescriptionAsSummary(),\n },\n ...createVariantArg('diagonalKoros'),\n};\n\nexport const EmbeddedToPage = (args) => {\n const { preset, variant } = args;\n const props = getDefaultArgs(variant, preset);\n const NoImage = () => {\n if (preset === noImageOptions[1]) {\n return ;\n }\n if (preset === noImageOptions[2]) {\n return ;\n }\n return ;\n };\n return (\n
\n \n {variant === 'imageRight' && }\n {variant === 'imageLeft' && }\n {variant === 'backgroundImage' && (\n \n )}\n {variant === 'diagonalKoros' && }\n {variant === 'noImage' && }\n {variant === 'imageBottom' && }\n
\n

Component after hero

\n This component shows padding after hero\n
\n
\n );\n};\n\nEmbeddedToPage.argTypes = {\n ...getDisabledControl('koros'),\n ...getDisabledControl('theme'),\n ...getDisabledControl('imageSrc'),\n ...getDisabledControl('centeredContent'),\n ...createVariantArg('noImage'),\n preset: {\n defaultValue: noImageOptions[1],\n control: {\n type: 'select',\n options: noImageOptions,\n },\n table: {\n type: {\n summary:\n 'Changes to another version of the \"noImage\" variant. Storybook control, not an actual component property',\n },\n },\n },\n};\n\nconst demoPadding = '55px';\nconst demoBgColor = '#f5a3c7';\n\nexport const PlaygroundForTheme = (args) => {\n const argsAsTheme = {\n '--background-color': args.backgroundColor,\n '--color': args.color,\n '--image-position': args.imagePosition,\n '--koros-color': args.korosColor,\n '--diagonal-koros-position': args.diagonalKorosPosition,\n '--horizontal-padding-small': args.horizontalPaddingSmall,\n '--horizontal-padding-medium': args.horizontalPaddingMedium,\n '--horizontal-padding-large': args.horizontalPaddingLarge,\n '--horizontal-padding-x-large': args.horizontalPaddingXLarge,\n ...args.theme,\n };\n\n const theme = Object.fromEntries(Object.entries(argsAsTheme).filter(([, value]) => !!value));\n const heroProps: HeroProps = {\n koros: args.koros,\n theme,\n imageSrc: imageFile,\n variant: args.variant,\n };\n return (\n
\n \n \n \n \n
\n

This text should align with the hero content box on all screen sizes

\n
\n
\n

Applied theme:

\n
{JSON.stringify(theme, null, 2)}
\n
\n
\n );\n};\n\nPlaygroundForTheme.argTypes = {\n ...getDisabledControl('centeredContent'),\n ...getDisabledControl('imageSrc'),\n backgroundColor: {\n defaultValue: demoBgColor,\n control: 'color',\n description: 'Background color. Also koros color, if not set.',\n ...getThemePropertyDescriptionAsSummary('--background-color'),\n },\n color: {\n defaultValue: '',\n control: 'color',\n description: 'Text color.',\n ...getThemePropertyDescriptionAsSummary('--color'),\n },\n korosColor: {\n defaultValue: '',\n control: 'color',\n description: 'Optional koros color. Default is \"--background-color\"',\n ...getThemePropertyDescriptionAsSummary('--koros-color'),\n },\n imagePosition: {\n defaultValue: '',\n description:\n 'How image is aligned to its container when image is larger than the container. Value can be any valid value for css rule \"object-fit\"',\n control: {\n type: 'select',\n options: [\n 'top left',\n 'top center',\n 'top right',\n 'center left',\n 'center center',\n 'center right',\n 'bottom left',\n 'bottom center',\n 'bottom right',\n '',\n ],\n },\n ...getThemePropertyDescriptionAsSummary('--image-position'),\n },\n diagonalKorosPosition: {\n ...korosPosition,\n ...getThemePropertyDescriptionAsSummary('--diagonal-koros-position'),\n },\n horizontalPaddingSmall: {\n defaultValue: demoPadding,\n control: 'text',\n description: 'Horizontal padding on small screens <768px.',\n ...getThemePropertyDescriptionAsSummary('--horizontal-padding-small'),\n },\n horizontalPaddingMedium: {\n defaultValue: demoPadding,\n control: 'text',\n description: 'Horizontal padding on medium screens >=768px.',\n ...getThemePropertyDescriptionAsSummary('--horizontal-padding-medium'),\n },\n horizontalPaddingLarge: {\n defaultValue: demoPadding,\n control: 'text',\n description: 'Horizontal padding on large screens >=992px.',\n ...getThemePropertyDescriptionAsSummary('--horizontal-padding-large'),\n },\n horizontalPaddingXLarge: {\n defaultValue: demoPadding,\n control: 'text',\n description: 'Horizontal padding on x-large screens >=1248px.',\n ...getThemePropertyDescriptionAsSummary('--horizontal-padding-x-large'),\n },\n ...createVariantArg('backgroundImage'),\n};\n\nexport const AllHeroes = () => {\n const Divider = () => {\n return
;\n };\n\n return (\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nAllHeroes.argTypes = {\n ...getDisabledControl('koros'),\n ...getDisabledControl('theme'),\n ...getDisabledControl('imageSrc'),\n ...getDisabledControl('centeredContent'),\n ...getDisabledControl('variant'),\n};\n",locationsMap:{"image-left":{startLoc:{col:25,line:223},endLoc:{col:1,line:229},startBody:{col:25,line:223},endBody:{col:1,line:229}},"image-right":{startLoc:{col:26,line:236},endLoc:{col:1,line:242},startBody:{col:26,line:236},endBody:{col:1,line:242}},"without-image":{startLoc:{col:28,line:250},endLoc:{col:1,line:256},startBody:{col:28,line:250},endBody:{col:1,line:256}},"without-image-koros-overlay":{startLoc:{col:40,line:271},endLoc:{col:1,line:277},startBody:{col:40,line:271},endBody:{col:1,line:277}},"without-image-and-koros":{startLoc:{col:36,line:291},endLoc:{col:1,line:297},startBody:{col:36,line:291},endBody:{col:1,line:297}},"background-image":{startLoc:{col:31,line:310},endLoc:{col:1,line:316},startBody:{col:31,line:310},endBody:{col:1,line:316}},"diagonal-koros":{startLoc:{col:29,line:326},endLoc:{col:1,line:332},startBody:{col:29,line:326},endBody:{col:1,line:332}},"image-bottom":{startLoc:{col:27,line:343},endLoc:{col:1,line:349},startBody:{col:27,line:343},endBody:{col:1,line:349}},"playground-for-koros":{startLoc:{col:34,line:360},endLoc:{col:1,line:400},startBody:{col:34,line:360},endBody:{col:1,line:400}},"embedded-to-page":{startLoc:{col:30,line:441},endLoc:{col:1,line:470},startBody:{col:30,line:441},endBody:{col:1,line:470}},"playground-for-theme":{startLoc:{col:34,line:496},endLoc:{col:1,line:547},startBody:{col:34,line:496},endBody:{col:1,line:547}},"all-heroes":{startLoc:{col:25,line:622},endLoc:{col:1,line:648},startBody:{col:25,line:622},endBody:{col:1,line:648}}}},controls:{expanded:!0}},args:{}};var variantSelection={defaultValue:"noImage",control:{type:"select",options:["imageLeft","imageRight","backgroundImage","imageBottom","diagonalKoros","noImage"]}},korosPosition={defaultValue:"45%",control:"text",description:'Position of the koros in the variant "diagonalKoros".'},imageLeftOrRightTheme={"--background-color":"#c2a251","--color":"#000"},noImageOptions=["","Without image","Without image II","Without image and koros"],getThemePropertyDescriptionAsSummary=function getThemePropertyDescriptionAsSummary(themeVariable){return{table:{type:{summary:'Storybook control for a theme variable, not an actual component property. Given value is set to theme property as "'.concat(themeVariable,'".')}}}},getDisabledControl=function getDisabledControl(control,notUsed){var description="*** ".concat(control,notUsed?" is not used in this variant ***":" is not passed to the component in this story ***");return(0,defineProperty.Z)({},control,{description,control:!1,table:{type:{summary:"Disabled"}}})},getDefaultArgs=function getDefaultArgs(variant,preset){var defaultValuePicker=function defaultValuePicker(args){return Object.entries(args).reduce((function(currentObject,_ref2){var _ref3=(0,slicedToArray.Z)(_ref2,2),prop=_ref3[0],value=_ref3[1];return value.defaultValue?(0,objectSpread2.Z)((0,objectSpread2.Z)({},currentObject),{},(0,defineProperty.Z)({},prop,value.defaultValue)):currentObject}),{})};if("noImage"===variant)return defaultValuePicker(preset===noImageOptions[1]?WithoutImage.argTypes:preset===noImageOptions[2]?WithoutImageKorosOverlay.argTypes:WithoutImageAndKoros.argTypes);switch(variant){case"backgroundImage":return defaultValuePicker(BackgroundImage.argTypes);case"imageLeft":return defaultValuePicker(ImageLeft.argTypes);case"imageRight":return defaultValuePicker(ImageRight.argTypes);case"imageBottom":return defaultValuePicker(ImageBottom.argTypes);case"diagonalKoros":return defaultValuePicker(DiagonalKoros.argTypes);default:return{}}},defaultImageSrcArg={imageSrc:{defaultValue:placeholder_1920x1080,control:"text"}},createCenteredContentArg=function createCenteredContentArg(defaultValue){return{centeredContent:{defaultValue,control:"boolean"}}},createThemeArg=function createThemeArg(themeProps){return{theme:{defaultValue:(0,objectSpread2.Z)({},themeProps),control:"object"}}},createKorosArg=function createKorosArg(korosProps){return{koros:{defaultValue:(0,objectSpread2.Z)({},korosProps),control:"object"}}},createVariantArg=function createVariantArg(defaultValue){return{variant:(0,objectSpread2.Z)((0,objectSpread2.Z)({},variantSelection),{},{defaultValue})}},DefaultContent=function DefaultContent(props){var title=props.title,text=props.text,buttonTheme=props.buttonTheme,h1Text=title||"Welcome to the hero story",paragraphText=text||"Nullam ut nunc consectetur, accumsan nunc sed, luctus nisl. Curabitur lacinia tristique est, sit amet egestas velit elementum sit amet. Nam lacinia volutpat erat vel faucibus.",buttonStyle="black"!==buttonTheme?{"--background-color":"#fff","--color":"#000","--border-color":"#fff","--color-focus":"#000","--color-hover":"#fff","--color-hover-focus":"#fff","--background-color-focus":"#fff","--background-color-hover":"#000","--border-color-hover":"#fff","--background-color-hover-focus":"#000"}:{"--background-color":"#000","--color":"#fff","--border-color":"#000","--color-focus":"#fff","--background-color-focus":"#000","--background-color-hover":"#fff","--background-color-hover-focus":"#fff"};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Hero.Title,{children:h1Text}),(0,jsx_runtime.jsx)(Hero.Text,{children:paragraphText}),(0,jsx_runtime.jsx)(Button.z,{variant:"secondary",role:"link",style:buttonTheme?buttonStyle:{},children:"Click me"})]})},NavigationComponent=function NavigationComponent(){return(0,jsx_runtime.jsxs)(Navigation.W,{menuToggleAriaLabel:"Menu",skipTo:"#content",skipToContentLabel:"Skip to main content",children:[(0,jsx_runtime.jsxs)(Navigation.W.Row,{ariaLabel:"Main navigation",children:[(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",active:!0,onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsxs)(Navigation.W.Dropdown,{label:"Dropdown",children:[(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]})]}),(0,jsx_runtime.jsx)(Navigation.W.Actions,{children:(0,jsx_runtime.jsxs)(Navigation.W.LanguageSelector,{label:"FI",children:[(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fi",label:"Suomeksi"}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"sv",label:"På svenska"}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"en",label:"In English"}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fr",label:"En français"}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"de",label:"Auf deutsch"}),(0,jsx_runtime.jsx)(Navigation.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"ru",label:"По-русски"})]})})]})},ImageLeft=function ImageLeft(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{buttonTheme:"black"})}))};ImageLeft.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultImageSrcArg),createThemeArg(imageLeftOrRightTheme)),createVariantArg("imageLeft"));var ImageRight=function ImageRight(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{buttonTheme:"black"})}))};ImageRight.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("variant")),defaultImageSrcArg),createThemeArg(imageLeftOrRightTheme)),createVariantArg("imageRight"));var WithoutImage=function WithoutImage(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{})}))};WithoutImage.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("imageSrc",!0)),createThemeArg({"--background-color":"#9fc9eb","--color":"#000","--koros-color":"#009246","--koros-height":"82px"})),createKorosArg({type:"pulse"})),createVariantArg("noImage")),createCenteredContentArg(!0));var WithoutImageKorosOverlay=function WithoutImageKorosOverlay(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{buttonTheme:"white"})}))};WithoutImageKorosOverlay.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("imageSrc",!0)),createThemeArg({"--background-color":"#000","--color":"#fff","--koros-color":"#000"})),createKorosArg({flipVertical:!0})),createVariantArg("noImage")),createCenteredContentArg(!1));var WithoutImageAndKoros=function WithoutImageAndKoros(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{})}))};WithoutImageAndKoros.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("imageSrc",!0)),createThemeArg({"--background-color":"#fff","--color":"#000"})),createKorosArg({hide:!0})),createVariantArg("noImage")),createCenteredContentArg(!1));var BackgroundImage=function BackgroundImage(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{buttonTheme:"black"})}))};BackgroundImage.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultImageSrcArg),createThemeArg({"--background-color":"#fff"})),createVariantArg("backgroundImage"));var DiagonalKoros=function DiagonalKoros(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{buttonTheme:"black"})}))};DiagonalKoros.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultImageSrcArg),createThemeArg({"--background-color":"#f5a3c7","--color":"#000"})),createVariantArg("diagonalKoros"));var ImageBottom=function ImageBottom(args){return(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{})}))};ImageBottom.storyName="Bottom image",ImageBottom.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultImageSrcArg),createThemeArg({"--background-color":"#fff","--image-position":"bottom left"})),createVariantArg("imageBottom"));var PlaygroundForKoros=function PlaygroundForKoros(args){var heroProps={koros:(0,objectSpread2.Z)({type:args.type,dense:!!args.dense,hide:!!args.hide},args.koros),theme:(0,objectSpread2.Z)({"--background-color":"#9fc9eb","--koros-color":args.color||"#9fc9eb","--diagonal-koros-position":args.diagonalKorosPosition},args.theme),imageSrc:placeholder_1920x1080,variant:args.variant};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("style",{children:"\n .theme {\n padding: 20px;\n font-size:10px;\n }\n "}),(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},heroProps),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{})})),(0,jsx_runtime.jsxs)("div",{className:"theme",children:[(0,jsx_runtime.jsx)("p",{children:"Applied theme:"}),(0,jsx_runtime.jsx)("pre",{children:JSON.stringify(heroProps.theme,null,2)})]}),(0,jsx_runtime.jsxs)("div",{className:"theme",children:[(0,jsx_runtime.jsx)("p",{children:"Applied koros:"}),(0,jsx_runtime.jsx)("pre",{children:JSON.stringify(heroProps.koros,null,2)})]})]})};PlaygroundForKoros.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("centeredContent")),getDisabledControl("imageSrc")),{},{type:(0,objectSpread2.Z)({defaultValue:"basic",description:"Koros type",control:{type:"select",options:["basic","beat","pulse","storm","wave","calm"]}},{table:{type:{summary:'Storybook control for a koros property, not an actual component property. Given value is set to the "koros" property of the component.'}}}),color:(0,objectSpread2.Z)({control:{type:"color"},description:'Koros color. Default is "--background-color"'},getThemePropertyDescriptionAsSummary("--koros-color")),hide:(0,objectSpread2.Z)({control:"boolean",description:"Hide koros. Most variants override this setting."},{table:{type:{summary:'Storybook control for a koros property, not an actual component property. Given value is set to the "koros" property of the component.'}}}),dense:(0,objectSpread2.Z)({control:"boolean",description:"Use dense koros version or not"},{table:{type:{summary:'Storybook control for a koros property, not an actual component property. Given value is set to the "koros" property of the component.'}}}),diagonalKorosPosition:(0,objectSpread2.Z)((0,objectSpread2.Z)({},korosPosition),getThemePropertyDescriptionAsSummary("--diagonal-koros-position")),flipVertical:(0,objectSpread2.Z)({control:"boolean",description:"Flip koros vertically. Most variants override this setting."},{table:{type:{summary:'Storybook control for a koros property, not an actual component property. Given value is set to the "koros" property of the component.'}}})},createVariantArg("diagonalKoros"));var EmbeddedToPage=function EmbeddedToPage(args){var preset=args.preset,variant=args.variant,props=getDefaultArgs(variant,preset),NoImage=function NoImage(){return preset===noImageOptions[1]?(0,jsx_runtime.jsx)(WithoutImage,(0,objectSpread2.Z)({},props)):preset===noImageOptions[2]?(0,jsx_runtime.jsx)(WithoutImageKorosOverlay,(0,objectSpread2.Z)({},props)):(0,jsx_runtime.jsx)(WithoutImageAndKoros,(0,objectSpread2.Z)({},props))};return(0,jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,jsx_runtime.jsx)(NavigationComponent,{}),"imageRight"===variant&&(0,jsx_runtime.jsx)(ImageRight,(0,objectSpread2.Z)({},props)),"imageLeft"===variant&&(0,jsx_runtime.jsx)(ImageLeft,(0,objectSpread2.Z)({},props)),"backgroundImage"===variant&&(0,jsx_runtime.jsx)(BackgroundImage,(0,objectSpread2.Z)({},(0,objectSpread2.Z)((0,objectSpread2.Z)({},props),{},{theme:{"--koros-color":"var(--color-fog)"}}))),"diagonalKoros"===variant&&(0,jsx_runtime.jsx)(DiagonalKoros,(0,objectSpread2.Z)({},props)),"noImage"===variant&&(0,jsx_runtime.jsx)(NoImage,(0,objectSpread2.Z)({},props)),"imageBottom"===variant&&(0,jsx_runtime.jsx)(ImageBottom,(0,objectSpread2.Z)({},props)),(0,jsx_runtime.jsxs)(Section.$,{color:"secondary",children:[(0,jsx_runtime.jsx)("h1",{className:"heading-xl",children:"Component after hero"}),"This component shows padding after hero"]})]})};EmbeddedToPage.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("koros")),getDisabledControl("theme")),getDisabledControl("imageSrc")),getDisabledControl("centeredContent")),createVariantArg("noImage")),{},{preset:{defaultValue:noImageOptions[1],control:{type:"select",options:noImageOptions},table:{type:{summary:'Changes to another version of the "noImage" variant. Storybook control, not an actual component property'}}}});var PlaygroundForTheme=function PlaygroundForTheme(args){var argsAsTheme=(0,objectSpread2.Z)({"--background-color":args.backgroundColor,"--color":args.color,"--image-position":args.imagePosition,"--koros-color":args.korosColor,"--diagonal-koros-position":args.diagonalKorosPosition,"--horizontal-padding-small":args.horizontalPaddingSmall,"--horizontal-padding-medium":args.horizontalPaddingMedium,"--horizontal-padding-large":args.horizontalPaddingLarge,"--horizontal-padding-x-large":args.horizontalPaddingXLarge},args.theme),theme=Object.fromEntries(Object.entries(argsAsTheme).filter((function(_ref4){return!!(0,slicedToArray.Z)(_ref4,2)[1]}))),heroProps={koros:args.koros,theme,imageSrc:placeholder_1920x1080,variant:args.variant};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("style",{children:"\n .oddly-padded {\n padding: 20px ".concat("55px",";\n background:").concat("#f5a3c7",";\n }\n .oddly-padded p{\n max-width: var(--container-width-xl);\n margin: 0 auto;\n }\n .theme {\n padding: 20px 20px 20px ").concat("55px",";\n font-size:10px;\n }\n ")}),(0,jsx_runtime.jsx)(Hero,(0,objectSpread2.Z)((0,objectSpread2.Z)({},heroProps),{},{children:(0,jsx_runtime.jsx)(DefaultContent,{})})),(0,jsx_runtime.jsx)("div",{className:"oddly-padded",children:(0,jsx_runtime.jsx)("p",{children:"This text should align with the hero content box on all screen sizes"})}),(0,jsx_runtime.jsxs)("div",{className:"theme",children:[(0,jsx_runtime.jsx)("p",{children:"Applied theme:"}),(0,jsx_runtime.jsx)("pre",{children:JSON.stringify(theme,null,2)})]})]})};PlaygroundForTheme.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("centeredContent")),getDisabledControl("imageSrc")),{},{backgroundColor:(0,objectSpread2.Z)({defaultValue:"#f5a3c7",control:"color",description:"Background color. Also koros color, if not set."},getThemePropertyDescriptionAsSummary("--background-color")),color:(0,objectSpread2.Z)({defaultValue:"",control:"color",description:"Text color."},getThemePropertyDescriptionAsSummary("--color")),korosColor:(0,objectSpread2.Z)({defaultValue:"",control:"color",description:'Optional koros color. Default is "--background-color"'},getThemePropertyDescriptionAsSummary("--koros-color")),imagePosition:(0,objectSpread2.Z)({defaultValue:"",description:'How image is aligned to its container when image is larger than the container. Value can be any valid value for css rule "object-fit"',control:{type:"select",options:["top left","top center","top right","center left","center center","center right","bottom left","bottom center","bottom right",""]}},getThemePropertyDescriptionAsSummary("--image-position")),diagonalKorosPosition:(0,objectSpread2.Z)((0,objectSpread2.Z)({},korosPosition),getThemePropertyDescriptionAsSummary("--diagonal-koros-position")),horizontalPaddingSmall:(0,objectSpread2.Z)({defaultValue:"55px",control:"text",description:"Horizontal padding on small screens <768px."},getThemePropertyDescriptionAsSummary("--horizontal-padding-small")),horizontalPaddingMedium:(0,objectSpread2.Z)({defaultValue:"55px",control:"text",description:"Horizontal padding on medium screens >=768px."},getThemePropertyDescriptionAsSummary("--horizontal-padding-medium")),horizontalPaddingLarge:(0,objectSpread2.Z)({defaultValue:"55px",control:"text",description:"Horizontal padding on large screens >=992px."},getThemePropertyDescriptionAsSummary("--horizontal-padding-large")),horizontalPaddingXLarge:(0,objectSpread2.Z)({defaultValue:"55px",control:"text",description:"Horizontal padding on x-large screens >=1248px."},getThemePropertyDescriptionAsSummary("--horizontal-padding-x-large"))},createVariantArg("backgroundImage"));var AllHeroes=function AllHeroes(){var Divider=function Divider(){return(0,jsx_runtime.jsx)("div",{style:{height:"50px"}})};return(0,jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column",backgroundColor:"#eafad4"},children:[(0,jsx_runtime.jsx)(NavigationComponent,{}),(0,jsx_runtime.jsx)(ImageLeft,(0,objectSpread2.Z)({},getDefaultArgs("imageLeft"))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(BackgroundImage,(0,objectSpread2.Z)({},(0,objectSpread2.Z)((0,objectSpread2.Z)({},getDefaultArgs("backgroundImage")),{},{theme:{"--koros-color":"#eafad4"}}))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(ImageRight,(0,objectSpread2.Z)({},getDefaultArgs("imageRight"))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(WithoutImage,(0,objectSpread2.Z)({},getDefaultArgs("noImage",noImageOptions[1]))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(DiagonalKoros,(0,objectSpread2.Z)({},getDefaultArgs("diagonalKoros"))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(WithoutImageKorosOverlay,(0,objectSpread2.Z)({},getDefaultArgs("noImage",noImageOptions[2]))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(ImageBottom,(0,objectSpread2.Z)({},getDefaultArgs("imageBottom"))),(0,jsx_runtime.jsx)(Divider,{}),(0,jsx_runtime.jsx)(WithoutImageAndKoros,(0,objectSpread2.Z)({},getDefaultArgs("noImage",noImageOptions[3]))),(0,jsx_runtime.jsx)(Divider,{})]})};AllHeroes.argTypes=(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},getDisabledControl("koros")),getDisabledControl("theme")),getDisabledControl("imageSrc")),getDisabledControl("centeredContent")),getDisabledControl("variant")),ImageLeft.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n \n \n \n );\n}'}},ImageLeft.parameters),ImageRight.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n \n \n \n );\n}'}},ImageRight.parameters),WithoutImage.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n return (\n \n \n \n );\n}"}},WithoutImage.parameters),WithoutImageKorosOverlay.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n \n \n \n );\n}'}},WithoutImageKorosOverlay.parameters),WithoutImageAndKoros.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n return (\n \n \n \n );\n}"}},WithoutImageAndKoros.parameters),BackgroundImage.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n \n \n \n );\n}'}},BackgroundImage.parameters),DiagonalKoros.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n \n \n \n );\n}'}},DiagonalKoros.parameters),ImageBottom.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n return (\n \n \n \n );\n}"}},ImageBottom.parameters),PlaygroundForKoros.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const heroProps: HeroProps = {\n koros: {\n type: args.type,\n dense: !!args.dense,\n hide: !!args.hide,\n ...args.koros,\n },\n theme: {\n '--background-color': '#9fc9eb',\n '--koros-color': args.color || '#9fc9eb',\n '--diagonal-koros-position': args.diagonalKorosPosition,\n ...args.theme,\n },\n imageSrc: imageFile,\n variant: args.variant,\n };\n return (\n
\n \n \n \n \n
\n

Applied theme:

\n
{JSON.stringify(heroProps.theme, null, 2)}
\n
\n
\n

Applied koros:

\n
{JSON.stringify(heroProps.koros, null, 2)}
\n
\n
\n );\n}"}},PlaygroundForKoros.parameters),EmbeddedToPage.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const { preset, variant } = args;\n const props = getDefaultArgs(variant, preset);\n const NoImage = () => {\n if (preset === noImageOptions[1]) {\n return ;\n }\n if (preset === noImageOptions[2]) {\n return ;\n }\n return ;\n };\n return (\n
\n \n {variant === 'imageRight' && }\n {variant === 'imageLeft' && }\n {variant === 'backgroundImage' && (\n \n )}\n {variant === 'diagonalKoros' && }\n {variant === 'noImage' && }\n {variant === 'imageBottom' && }\n
\n

Component after hero

\n This component shows padding after hero\n
\n
\n );\n}"}},EmbeddedToPage.parameters),PlaygroundForTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const argsAsTheme = {\n '--background-color': args.backgroundColor,\n '--color': args.color,\n '--image-position': args.imagePosition,\n '--koros-color': args.korosColor,\n '--diagonal-koros-position': args.diagonalKorosPosition,\n '--horizontal-padding-small': args.horizontalPaddingSmall,\n '--horizontal-padding-medium': args.horizontalPaddingMedium,\n '--horizontal-padding-large': args.horizontalPaddingLarge,\n '--horizontal-padding-x-large': args.horizontalPaddingXLarge,\n ...args.theme,\n };\n\n const theme = Object.fromEntries(Object.entries(argsAsTheme).filter(([, value]) => !!value));\n const heroProps: HeroProps = {\n koros: args.koros,\n theme,\n imageSrc: imageFile,\n variant: args.variant,\n };\n return (\n
\n \n \n \n \n
\n

This text should align with the hero content box on all screen sizes

\n
\n
\n

Applied theme:

\n
{JSON.stringify(theme, null, 2)}
\n
\n
\n );\n}"}},PlaygroundForTheme.parameters),AllHeroes.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {\n const Divider = () => {\n return
;\n };\n\n return (\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}"}},AllHeroes.parameters);try{ImageLeft.displayName="ImageLeft",ImageLeft.__docgenInfo={description:"",displayName:"ImageLeft",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#ImageLeft"]={docgenInfo:ImageLeft.__docgenInfo,name:"ImageLeft",path:"src/components/hero/Hero.stories.tsx#ImageLeft"})}catch(__react_docgen_typescript_loader_error){}try{ImageRight.displayName="ImageRight",ImageRight.__docgenInfo={description:"",displayName:"ImageRight",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#ImageRight"]={docgenInfo:ImageRight.__docgenInfo,name:"ImageRight",path:"src/components/hero/Hero.stories.tsx#ImageRight"})}catch(__react_docgen_typescript_loader_error){}try{WithoutImage.displayName="WithoutImage",WithoutImage.__docgenInfo={description:"",displayName:"WithoutImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#WithoutImage"]={docgenInfo:WithoutImage.__docgenInfo,name:"WithoutImage",path:"src/components/hero/Hero.stories.tsx#WithoutImage"})}catch(__react_docgen_typescript_loader_error){}try{WithoutImageKorosOverlay.displayName="WithoutImageKorosOverlay",WithoutImageKorosOverlay.__docgenInfo={description:"",displayName:"WithoutImageKorosOverlay",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#WithoutImageKorosOverlay"]={docgenInfo:WithoutImageKorosOverlay.__docgenInfo,name:"WithoutImageKorosOverlay",path:"src/components/hero/Hero.stories.tsx#WithoutImageKorosOverlay"})}catch(__react_docgen_typescript_loader_error){}try{WithoutImageAndKoros.displayName="WithoutImageAndKoros",WithoutImageAndKoros.__docgenInfo={description:"",displayName:"WithoutImageAndKoros",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#WithoutImageAndKoros"]={docgenInfo:WithoutImageAndKoros.__docgenInfo,name:"WithoutImageAndKoros",path:"src/components/hero/Hero.stories.tsx#WithoutImageAndKoros"})}catch(__react_docgen_typescript_loader_error){}try{BackgroundImage.displayName="BackgroundImage",BackgroundImage.__docgenInfo={description:"",displayName:"BackgroundImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#BackgroundImage"]={docgenInfo:BackgroundImage.__docgenInfo,name:"BackgroundImage",path:"src/components/hero/Hero.stories.tsx#BackgroundImage"})}catch(__react_docgen_typescript_loader_error){}try{DiagonalKoros.displayName="DiagonalKoros",DiagonalKoros.__docgenInfo={description:"",displayName:"DiagonalKoros",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#DiagonalKoros"]={docgenInfo:DiagonalKoros.__docgenInfo,name:"DiagonalKoros",path:"src/components/hero/Hero.stories.tsx#DiagonalKoros"})}catch(__react_docgen_typescript_loader_error){}try{ImageBottom.displayName="ImageBottom",ImageBottom.__docgenInfo={description:"",displayName:"ImageBottom",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#ImageBottom"]={docgenInfo:ImageBottom.__docgenInfo,name:"ImageBottom",path:"src/components/hero/Hero.stories.tsx#ImageBottom"})}catch(__react_docgen_typescript_loader_error){}try{PlaygroundForKoros.displayName="PlaygroundForKoros",PlaygroundForKoros.__docgenInfo={description:"",displayName:"PlaygroundForKoros",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#PlaygroundForKoros"]={docgenInfo:PlaygroundForKoros.__docgenInfo,name:"PlaygroundForKoros",path:"src/components/hero/Hero.stories.tsx#PlaygroundForKoros"})}catch(__react_docgen_typescript_loader_error){}try{EmbeddedToPage.displayName="EmbeddedToPage",EmbeddedToPage.__docgenInfo={description:"",displayName:"EmbeddedToPage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#EmbeddedToPage"]={docgenInfo:EmbeddedToPage.__docgenInfo,name:"EmbeddedToPage",path:"src/components/hero/Hero.stories.tsx#EmbeddedToPage"})}catch(__react_docgen_typescript_loader_error){}try{PlaygroundForTheme.displayName="PlaygroundForTheme",PlaygroundForTheme.__docgenInfo={description:"",displayName:"PlaygroundForTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero/Hero.stories.tsx#PlaygroundForTheme"]={docgenInfo:PlaygroundForTheme.__docgenInfo,name:"PlaygroundForTheme",path:"src/components/hero/Hero.stories.tsx#PlaygroundForTheme"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/imageWithCard/ImageWithCard.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Hover:()=>Hover,HoverFullWidth:()=>HoverFullWidth,Playground:()=>Playground,Split:()=>Split,SplitFullWidth:()=>SplitFullWidth,default:()=>ImageWithCard_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),blocks=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js")),classNames=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/utils/classNames.ts"));const ImageWithCard_module={wrapper:"ImageWithCard_wrapper__nLwcq",image:"ImageWithCard_image__Zbe9i",cardContainer:"ImageWithCard_cardContainer__XrK+a",card:"ImageWithCard_card__DHQyY helpers_text-body__t2yVb",rightAlignment:"ImageWithCard_rightAlignment__vwITo",leftAlignment:"ImageWithCard_leftAlignment__+x+LS",splitLayout:"ImageWithCard_splitLayout__XBkte",hoverLayout:"ImageWithCard_hoverLayout__zSkEn",fullWidth:"ImageWithCard_fullWidth__rIndJ",primary:"ImageWithCard_primary__AHsiC",secondary:"ImageWithCard_secondary__sMFDp",tertiary:"ImageWithCard_tertiary__nYixT"};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),ImageWithCard=function ImageWithCard(_ref){var src=_ref.src,_ref$fullWidth=_ref.fullWidth,fullWidth=void 0!==_ref$fullWidth&&_ref$fullWidth,children=_ref.children,_ref$cardAlignment=_ref.cardAlignment,cardAlignment=void 0===_ref$cardAlignment?"left":_ref$cardAlignment,_ref$color=_ref.color,color=void 0===_ref$color?"plain":_ref$color,_ref$cardLayout=_ref.cardLayout,cardLayout=void 0===_ref$cardLayout?null:_ref$cardLayout,_ref$className=_ref.className,className=void 0===_ref$className?null:_ref$className;return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(ImageWithCard_module.wrapper,ImageWithCard_module["".concat(cardAlignment,"Alignment")],cardLayout&&ImageWithCard_module["".concat(cardLayout,"Layout")],ImageWithCard_module[color],fullWidth&&ImageWithCard_module.fullWidth,className),children:[(0,jsx_runtime.jsx)("div",{className:ImageWithCard_module.image,style:{backgroundImage:"url(".concat(src,")")}}),children&&(0,jsx_runtime.jsx)("div",{className:ImageWithCard_module.cardContainer,children:(0,jsx_runtime.jsx)("div",{className:ImageWithCard_module.card,children})})]})};try{ImageWithCard.displayName="ImageWithCard",ImageWithCard.__docgenInfo={description:"",displayName:"ImageWithCard",props:{src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},cardAlignment:{defaultValue:{value:"left"},description:"",name:"cardAlignment",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},cardLayout:{defaultValue:{value:"null"},description:"",name:"cardLayout",required:!1,type:{name:"enum",value:[{value:'"split"'},{value:'"hover"'}]}},color:{defaultValue:{value:"plain"},description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"plain"'}]}},className:{defaultValue:{value:"null"},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/imageWithCard/ImageWithCard.tsx#ImageWithCard"]={docgenInfo:ImageWithCard.__docgenInfo,name:"ImageWithCard",path:"src/components/imageWithCard/ImageWithCard.tsx#ImageWithCard"})}catch(__react_docgen_typescript_loader_error){}var placeholder_1920x1080=__webpack_require__("./src/assets/img/placeholder_1920x1080.jpg"),contentText="Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident.",content=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h2",{className:"heading-l",children:"Lorem ipsum"}),(0,jsx_runtime.jsx)("p",{style:{margin:"var(--spacing-l) 0"},children:contentText})]});const ImageWithCard_stories={component:ImageWithCard,title:"Components/ImageWithCard",parameters:{storySource:{source:"import React from 'react';\nimport { ArgsTable, Title } from '@storybook/addon-docs/blocks';\n\nimport { ImageWithCard } from './ImageWithCard';\nimport imageFile from '../../assets/img/placeholder_1920x1080.jpg';\n\nconst contentTitle = 'Lorem ipsum';\nconst contentText =\n 'Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident.';\n\nconst content = (\n <>\n

{contentTitle}

\n

{contentText}

\n \n);\n\nexport default {\n component: ImageWithCard,\n title: 'Components/ImageWithCard',\n parameters: {\n controls: { hideNoControlsWarning: true },\n layout: 'fullscreen',\n docs: {\n page: () => (\n <>\n Props\n \n \n ),\n },\n },\n};\n\nexport const Default = () => {content};\n\nexport const Hover = () => (\n \n {content}\n \n);\n\nexport const HoverFullWidth = () => (\n \n {content}\n \n);\nHoverFullWidth.storyName = 'Hover full width';\n\nexport const Split = () => (\n \n {content}\n \n);\n\nexport const SplitFullWidth = () => (\n \n {content}\n \n);\nSplitFullWidth.storyName = 'Split full width';\n\nexport const Playground = (args) => (\n \n

{args.title}

\n

{args.text}

\n \n);\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n title: contentTitle,\n text: contentText,\n color: 'plain',\n fullWidth: false,\n cardAlignment: 'left',\n cardLayout: null,\n};\n\nPlayground.argTypes = {\n color: {\n options: ['plain', 'primary', 'secondary', 'tertiary'],\n control: { type: 'radio' },\n },\n cardAlignment: {\n options: ['left', 'right'],\n control: { type: 'radio' },\n },\n cardLayout: {\n options: ['hover', 'split', null],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{default:{startLoc:{col:23,line:35},endLoc:{col:85,line:35},startBody:{col:23,line:35},endBody:{col:85,line:35}},hover:{startLoc:{col:21,line:37},endLoc:{col:1,line:41},startBody:{col:21,line:37},endBody:{col:1,line:41}},"hover-full-width":{startLoc:{col:30,line:43},endLoc:{col:1,line:47},startBody:{col:30,line:43},endBody:{col:1,line:47}},split:{startLoc:{col:21,line:50},endLoc:{col:1,line:54},startBody:{col:21,line:50},endBody:{col:1,line:54}},"split-full-width":{startLoc:{col:30,line:56},endLoc:{col:1,line:60},startBody:{col:30,line:56},endBody:{col:1,line:60}},playground:{startLoc:{col:26,line:63},endLoc:{col:1,line:74},startBody:{col:26,line:63},endBody:{col:1,line:74}}}},controls:{hideNoControlsWarning:!0},layout:"fullscreen",docs:{page:function page(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(blocks.Dx,{children:"Props"}),(0,jsx_runtime.jsx)(blocks.$4,{})]})}}}};var Default=function Default(){return(0,jsx_runtime.jsx)(ImageWithCard,{src:placeholder_1920x1080,children:content})},Hover=function Hover(){return(0,jsx_runtime.jsx)(ImageWithCard,{cardLayout:"hover",src:placeholder_1920x1080,children:content})},HoverFullWidth=function HoverFullWidth(){return(0,jsx_runtime.jsx)(ImageWithCard,{cardLayout:"hover",fullWidth:!0,src:placeholder_1920x1080,children:content})};HoverFullWidth.storyName="Hover full width";var Split=function Split(){return(0,jsx_runtime.jsx)(ImageWithCard,{cardLayout:"split",src:placeholder_1920x1080,children:content})},SplitFullWidth=function SplitFullWidth(){return(0,jsx_runtime.jsx)(ImageWithCard,{cardLayout:"split",fullWidth:!0,src:placeholder_1920x1080,children:content})};SplitFullWidth.storyName="Split full width";var Playground=function Playground(args){return(0,jsx_runtime.jsxs)(ImageWithCard,{color:args.color,cardAlignment:args.cardAlignment,fullWidth:args.fullWidth,cardLayout:args.cardLayout,src:placeholder_1920x1080,children:[(0,jsx_runtime.jsx)("h2",{style:{fontSize:"var(--fontsize-heading-l)"},children:args.title}),(0,jsx_runtime.jsx)("p",{style:{margin:"var(--spacing-l) 0"},children:args.text})]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={title:"Lorem ipsum",text:contentText,color:"plain",fullWidth:!1,cardAlignment:"left",cardLayout:null},Playground.argTypes={color:{options:["plain","primary","secondary","tertiary"],control:{type:"radio"}},cardAlignment:{options:["left","right"],control:{type:"radio"}},cardLayout:{options:["hover","split",null],control:{type:"radio"}}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {content}"}},Default.parameters),Hover.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Hover.parameters),HoverFullWidth.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},HoverFullWidth.parameters),Split.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Split.parameters),SplitFullWidth.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},SplitFullWidth.parameters),Playground.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => (\n \n

{args.title}

\n

{args.text}

\n \n)"}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/imageWithCard/ImageWithCard.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/imageWithCard/ImageWithCard.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/koros/Koros.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Beat:()=>Beat,Calm:()=>Calm,CustomColor:()=>CustomColor,Dense:()=>Dense,ExactFit:()=>ExactFit,Flipped:()=>Flipped,Playground:()=>Playground,Pulse:()=>Pulse,Rotated:()=>Rotated,RotatedInContainer:()=>RotatedInContainer,Vibration:()=>Vibration,Wave:()=>Wave,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js")),_Koros__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/koros/Koros.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Koros__WEBPACK_IMPORTED_MODULE_3__.N,title:"Components/Koros",parameters:{storySource:{source:"import React from 'react';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { getShapeHeight, Koros } from './Koros';\n\nexport default {\n component: Koros,\n title: 'Components/Koros',\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props\n \n \n \n ),\n },\n },\n};\n\nexport const Basic = () => ;\n\nexport const Beat = () => ;\n\nexport const Pulse = () => ;\n\nexport const Vibration = () => ;\n\nexport const Wave = () => ;\n\nexport const Calm = () => ;\n\nexport const Dense = () => (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n);\n\nexport const Flipped = (args) => (\n <>\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n \n);\n\nFlipped.args = {\n flipVertical: true,\n};\n\nexport const Rotated = (args) => ;\n\nRotated.args = {\n type: 'basic',\n flipVertical: false,\n rotate: '45deg',\n};\n\nexport const RotatedInContainer = () => {\n const rootStyle = { '--koros-height': '85px', '--hero-height': '300px', '--hero-width': '500px' };\n\n return (\n \n \n \n
\n );\n};\n\nexport const CustomColor = () => ;\n\nexport const ExactFit = (args) => {\n const korosProps = {\n style: { fill: 'var(--color-coat-of-arms)' },\n ...args,\n };\n\n const containerStyle = {\n height: `${getShapeHeight(korosProps)}px`,\n overflow: 'hidden',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-end',\n } as React.CSSProperties;\n\n return (\n
\n \n
\n );\n};\n\nexport const Playground = (args) => ;\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n type: 'basic',\n flipVertical: false,\n rotate: '',\n};\n\nPlayground.argTypes = {\n type: {\n options: ['basic', 'beat', 'pulse', 'vibration', 'wave'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{basic:{startLoc:{col:21,line:23},endLoc:{col:36,line:23},startBody:{col:21,line:23},endBody:{col:36,line:23}},beat:{startLoc:{col:20,line:25},endLoc:{col:47,line:25},startBody:{col:20,line:25},endBody:{col:47,line:25}},pulse:{startLoc:{col:21,line:27},endLoc:{col:49,line:27},startBody:{col:21,line:27},endBody:{col:49,line:27}},vibration:{startLoc:{col:25,line:29},endLoc:{col:57,line:29},startBody:{col:25,line:29},endBody:{col:57,line:29}},wave:{startLoc:{col:20,line:31},endLoc:{col:47,line:31},startBody:{col:20,line:31},endBody:{col:47,line:31}},calm:{startLoc:{col:20,line:33},endLoc:{col:47,line:33},startBody:{col:20,line:33},endBody:{col:47,line:33}},dense:{startLoc:{col:21,line:35},endLoc:{col:1,line:47},startBody:{col:21,line:35},endBody:{col:1,line:47}},flipped:{startLoc:{col:23,line:49},endLoc:{col:1,line:65},startBody:{col:23,line:49},endBody:{col:1,line:65}},rotated:{startLoc:{col:23,line:71},endLoc:{col:113,line:71},startBody:{col:23,line:71},endBody:{col:113,line:71}},"rotated-in-container":{startLoc:{col:34,line:79},endLoc:{col:1,line:114},startBody:{col:34,line:79},endBody:{col:1,line:114}},"custom-color":{startLoc:{col:27,line:116},endLoc:{col:88,line:116},startBody:{col:27,line:116},endBody:{col:88,line:116}},"exact-fit":{startLoc:{col:24,line:118},endLoc:{col:1,line:137},startBody:{col:24,line:118},endBody:{col:1,line:137}},playground:{startLoc:{col:26,line:139},endLoc:{col:116,line:139},startBody:{col:26,line:139},endBody:{col:116,line:139}}}},controls:{hideNoControlsWarning:!0},docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Examples",includePrimary:!0})]})}}}};var Basic=function Basic(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{})},Beat=function Beat(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"beat"})},Pulse=function Pulse(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"pulse"})},Vibration=function Vibration(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"vibration"})},Wave=function Wave(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"wave"})},Calm=function Calm(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"calm"})},Dense=function Dense(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{dense:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{dense:!0,type:"beat"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{dense:!0,type:"pulse"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{dense:!0,type:"vibration"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{dense:!0,type:"wave"})]})},Flipped=function Flipped(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{flipVertical:args.flipVertical}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"beat",flipVertical:args.flipVertical}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"pulse",flipVertical:args.flipVertical}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"vibration",flipVertical:args.flipVertical}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:"wave",flipVertical:args.flipVertical})]})};Flipped.args={flipVertical:!0};var Rotated=function Rotated(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:args.type,flipVertical:args.flipVertical,rotate:args.rotate})};Rotated.args={type:"basic",flipVertical:!1,rotate:"45deg"};var RotatedInContainer=function RotatedInContainer(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},{"--koros-height":"85px","--hero-height":"300px","--hero-width":"500px"}),{},{backgroundColor:"var(--color-silver-light)",height:"var(--hero-height)",maxWidth:"100%",overflow:"hidden",position:"relative",width:"var(--hero-width)"}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{backgroundColor:"var(--color-coat-of-arms)",clipPath:"polygon(0 0, var(--hero-height) 0, 0 100%, 0% 100%)",height:"100%"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{style:{fill:"var(--color-coat-of-arms)",left:"calc(-1 * var(--koros-height))",position:"absolute",top:"var(--koros-height)",transformOrigin:"center",width:"calc(2 * var(--hero-height))"},rotate:"135deg"})]})},CustomColor=function CustomColor(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{style:{fill:"var(--color-coat-of-arms)"}})},ExactFit=function ExactFit(args){var korosProps=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({style:{fill:"var(--color-coat-of-arms)"}},args),containerStyle={height:"".concat((0,_Koros__WEBPACK_IMPORTED_MODULE_3__.X)(korosProps),"px"),overflow:"hidden",display:"flex",flexDirection:"row",justifyContent:"flex-end"};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:containerStyle,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},korosProps))})},Playground=function Playground(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Koros__WEBPACK_IMPORTED_MODULE_3__.N,{type:args.type,flipVertical:args.flipVertical,rotate:args.rotate})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={type:"basic",flipVertical:!1,rotate:""},Playground.argTypes={type:{options:["basic","beat","pulse","vibration","wave"],control:{type:"radio"}}},Basic.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => "}},Basic.parameters),Beat.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Beat.parameters),Pulse.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Pulse.parameters),Vibration.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Vibration.parameters),Wave.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Wave.parameters),Calm.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Calm.parameters),Dense.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n)'}},Dense.parameters),Flipped.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'(args) => (\n <>\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n \n)'}},Flipped.parameters),Rotated.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},Rotated.parameters),RotatedInContainer.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => {\n const rootStyle = { '--koros-height': '85px', '--hero-height': '300px', '--hero-width': '500px' };\n\n return (\n \n \n \n
\n );\n}"}},RotatedInContainer.parameters),CustomColor.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => "}},CustomColor.parameters),ExactFit.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => {\n const korosProps = {\n style: { fill: 'var(--color-coat-of-arms)' },\n ...args,\n };\n\n const containerStyle = {\n height: `${getShapeHeight(korosProps)}px`,\n overflow: 'hidden',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-end',\n } as React.CSSProperties;\n\n return (\n
\n \n
\n );\n}"}},ExactFit.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},Playground.parameters);try{Flipped.displayName="Flipped",Flipped.__docgenInfo={description:"",displayName:"Flipped",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/koros/Koros.stories.tsx#Flipped"]={docgenInfo:Flipped.__docgenInfo,name:"Flipped",path:"src/components/koros/Koros.stories.tsx#Flipped"})}catch(__react_docgen_typescript_loader_error){}try{Rotated.displayName="Rotated",Rotated.__docgenInfo={description:"",displayName:"Rotated",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/koros/Koros.stories.tsx#Rotated"]={docgenInfo:Rotated.__docgenInfo,name:"Rotated",path:"src/components/koros/Koros.stories.tsx#Rotated"})}catch(__react_docgen_typescript_loader_error){}try{ExactFit.displayName="ExactFit",ExactFit.__docgenInfo={description:"",displayName:"ExactFit",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/koros/Koros.stories.tsx#ExactFit"]={docgenInfo:ExactFit.__docgenInfo,name:"ExactFit",path:"src/components/koros/Koros.stories.tsx#ExactFit"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/koros/Koros.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/koros/Koros.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/link/Link.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ExternalLinks:()=>ExternalLinks,InternalLinks:()=>InternalLinks,OpenInNewTabLink:()=>OpenInNewTabLink,default:()=>__WEBPACK_DEFAULT_EXPORT__,inlineLinks:()=>inlineLinks,standaloneLink:()=>standaloneLink,visitedStylesDisabled:()=>visitedStylesDisabled,withCustomIcon:()=>withCustomIcon});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Link__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/link/Link.tsx")),_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icons/IconDocument.tsx"),_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/icons/IconPhone.tsx"),_icons__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icons/IconEnvelope.tsx"),_icons__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/IconPhoto.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Link__WEBPACK_IMPORTED_MODULE_2__.r,title:"Components/Link",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"600px"},children:storyFn()})}],parameters:{storySource:{source:'import React from \'react\';\n\nimport { Link } from \'./Link\';\nimport { IconDocument, IconEnvelope, IconPhone, IconPhoto } from \'../../icons\';\n\nexport default {\n component: Link,\n title: \'Components/Link\',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {\n href: \'/?path=/docs/components-link--internal-links\',\n },\n};\n\nexport const Default = (args) => Default link;\n\nexport const InternalLinks = (args) => {\n return (\n <>\n \n Internal link size S\n \n
\n
\n \n Internal link size M\n \n
\n
\n \n Internal link size L\n \n \n );\n};\nInternalLinks.storyName = \'Internal links\';\nInternalLinks.argTypes = {\n size: {\n control: false,\n },\n external: {\n control: false,\n },\n};\n\nexport const ExternalLinks = (args) => {\n return (\n <>\n \n External link size S\n \n
\n
\n \n External link size M\n \n
\n
\n \n External link size L\n \n \n );\n};\n\nExternalLinks.storyName = \'External links\';\nExternalLinks.argTypes = {\n size: {\n control: false,\n },\n external: {\n control: false,\n },\n};\n\nexport const OpenInNewTabLink = (args) => (\n \n Link that opens in a new tab\n \n);\nOpenInNewTabLink.storyName = \'Link that opens in a new tab\';\nOpenInNewTabLink.args = {\n openInNewTabAriaLabel: \'Opens in a new tab.\',\n openInExternalDomainAriaLabel: \'Opens a different website\',\n openInNewTab: true,\n external: true,\n};\n\nexport const visitedStylesDisabled = (args) => (\n \n Link without visited styles\n \n);\nvisitedStylesDisabled.storyName = \'Link without visited styles\';\nvisitedStylesDisabled.args = {\n disableVisitedStyles: true,\n};\n\nexport const inlineLinks = (args) => {\n return (\n <>\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n \n Inline link\n \n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est\n laborum.\n

\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n \n Inline link\n \n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est\n laborum.\n

\n \n );\n};\n\ninlineLinks.storyName = \'Inline links\';\ninlineLinks.argTypes = {\n size: {\n control: false,\n },\n};\n\nexport const standaloneLink = (args) => {\n return (\n \n Standalone link\n \n );\n};\n\nstandaloneLink.storyName = \'Standalone link\';\n\nexport const withCustomIcon = (args) => {\n return (\n
\n
\n

Small

\n } size="S" href="/#">\n Document link\n \n
\n
\n } size="S" href="/#">\n Phone link\n \n
\n
\n } size="S" href="/#">\n Envelope link\n \n
\n
\n } size="S" href="/#">\n Photo link\n \n
\n
\n

Medium

\n } size="M" href="/#">\n Document link\n \n
\n
\n } size="M" href="/#">\n Phone link\n \n
\n
\n } size="M" href="/#">\n Envelope link\n \n
\n
\n } size="M" href="/#">\n Photo link\n \n
\n
\n

Large

\n } size="L" href="/#">\n Document link\n \n
\n
\n } size="L" href="/#">\n Phone Link\n \n
\n
\n } size="L" href="/#">\n Envelope Link\n \n
\n
\n } size="L" href="/#">\n Photo Link\n \n
\n
\n );\n};\n\nwithCustomIcon.storyName = \'With a custom icon\';\nwithCustomIcon.argTypes = {\n size: {\n control: false,\n },\n};\n',locationsMap:{default:{startLoc:{col:23,line:18},endLoc:{col:68,line:18},startBody:{col:23,line:18},endBody:{col:68,line:18}},"internal-links":{startLoc:{col:29,line:20},endLoc:{col:1,line:38},startBody:{col:29,line:20},endBody:{col:1,line:38}},"external-links":{startLoc:{col:29,line:49},endLoc:{col:1,line:85},startBody:{col:29,line:49},endBody:{col:1,line:85}},"open-in-new-tab-link":{startLoc:{col:32,line:97},endLoc:{col:1,line:108},startBody:{col:32,line:97},endBody:{col:1,line:108}},"visited-styles-disabled":{startLoc:{col:37,line:117},endLoc:{col:1,line:121},startBody:{col:37,line:117},endBody:{col:1,line:121}},"inline-links":{startLoc:{col:27,line:127},endLoc:{col:1,line:152},startBody:{col:27,line:127},endBody:{col:1,line:152}},"standalone-link":{startLoc:{col:30,line:161},endLoc:{col:1,line:167},startBody:{col:30,line:161},endBody:{col:1,line:167}},"with-custom-icon":{startLoc:{col:30,line:171},endLoc:{col:1,line:239},startBody:{col:30,line:171},endBody:{col:1,line:239}}}},controls:{expanded:!0}},args:{href:"/?path=/docs/components-link--internal-links"}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{children:"Default link"}))},InternalLinks=function InternalLinks(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{href:args.href,size:"S",children:"Internal link size S"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{href:args.href,size:"M",children:"Internal link size M"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{href:args.href,size:"L",children:"Internal link size L"}))]})};InternalLinks.storyName="Internal links",InternalLinks.argTypes={size:{control:!1},external:{control:!1}};var ExternalLinks=function ExternalLinks(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{external:!0,openInExternalDomainAriaLabel:"Opens a different website",size:"S",href:"https://hds.hel.fi",children:"External link size S"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{external:!0,openInExternalDomainAriaLabel:"Opens a different website",size:"M",href:"https://hds.hel.fi",children:"External link size M"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{external:!0,openInExternalDomainAriaLabel:"Opens a different website",size:"L",href:"https://hds.hel.fi",children:"External link size L"}))]})};ExternalLinks.storyName="External links",ExternalLinks.argTypes={size:{control:!1},external:{control:!1}};var OpenInNewTabLink=function OpenInNewTabLink(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{href:"https://hds.hel.fi",external:args.external,openInExternalDomainAriaLabel:args.openInExternalDomainAriaLabel,openInNewTabAriaLabel:args.openInNewTabAriaLabel,openInNewTab:args.openInNewTab,children:"Link that opens in a new tab"}))};OpenInNewTabLink.storyName="Link that opens in a new tab",OpenInNewTabLink.args={openInNewTabAriaLabel:"Opens in a new tab.",openInExternalDomainAriaLabel:"Opens a different website",openInNewTab:!0,external:!0};var visitedStylesDisabled=function visitedStylesDisabled(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{href:args.href,disableVisitedStyles:args.disableVisitedStyles,children:"Link without visited styles"}))};visitedStylesDisabled.storyName="Link without visited styles",visitedStylesDisabled.args={disableVisitedStyles:!0};var inlineLinks=function inlineLinks(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("p",{style:{fontSize:"14px"},children:["Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({size:"S"},args),{},{external:!0,openInExternalDomainAriaLabel:"Opens a different website",children:"Inline link"})),"consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("p",{style:{fontSize:"16px"},children:["Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{external:!0,openInExternalDomainAriaLabel:"Opens a different website",children:"Inline link"})),"consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."]})]})};inlineLinks.storyName="Inline links",inlineLinks.argTypes={size:{control:!1}};var standaloneLink=function standaloneLink(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{size:"L",style:{display:"block",marginBottom:"20px",width:"fit-content"},children:"Standalone link"}))};standaloneLink.storyName="Standalone link";var withCustomIcon=function withCustomIcon(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"grid",columnGap:"10px",gridTemplateColumns:"1fr 1fr 1fr"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"Small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_4__.IconDocument,{size:"xs","aria-hidden":!0}),size:"S",href:"/#",children:"Document link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_5__.IconPhone,{size:"xs","aria-hidden":!0}),size:"S",href:"/#",children:"Phone link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_6__.IconEnvelope,{size:"xs","aria-hidden":!0}),size:"S",href:"/#",children:"Envelope link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_7__.IconPhoto,{size:"xs","aria-hidden":!0}),size:"S",href:"/#",children:"Photo link"}))]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_4__.IconDocument,{size:"s","aria-hidden":!0}),size:"M",href:"/#",children:"Document link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_5__.IconPhone,{size:"s","aria-hidden":!0}),size:"M",href:"/#",children:"Phone link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_6__.IconEnvelope,{size:"s","aria-hidden":!0}),size:"M",href:"/#",children:"Envelope link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_7__.IconPhoto,{size:"s","aria-hidden":!0}),size:"M",href:"/#",children:"Photo link"}))]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"Large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_4__.IconDocument,{size:"l","aria-hidden":!0}),size:"L",href:"/#",children:"Document link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_5__.IconPhone,{size:"l","aria-hidden":!0}),size:"L",href:"/#",children:"Phone Link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_6__.IconEnvelope,{size:"l","aria-hidden":!0}),size:"L",href:"/#",children:"Envelope Link"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_2__.r,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{iconLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_7__.IconPhoto,{size:"l","aria-hidden":!0}),size:"L",href:"/#",children:"Photo Link"}))]})]})};withCustomIcon.storyName="With a custom icon",withCustomIcon.argTypes={size:{control:!1}},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => Default link"}},Default.parameters),InternalLinks.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => {\n return (\n <>\n \n Internal link size S\n \n
\n
\n \n Internal link size M\n \n
\n
\n \n Internal link size L\n \n \n );\n}'}},InternalLinks.parameters),ExternalLinks.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => {\n return (\n <>\n \n External link size S\n \n
\n
\n \n External link size M\n \n
\n
\n \n External link size L\n \n \n );\n}'}},ExternalLinks.parameters),OpenInNewTabLink.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => (\n \n Link that opens in a new tab\n \n)'}},OpenInNewTabLink.parameters),visitedStylesDisabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n \n Link without visited styles\n \n)"}},visitedStylesDisabled.parameters),inlineLinks.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => {\n return (\n <>\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n \n Inline link\n \n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est\n laborum.\n

\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n \n Inline link\n \n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est\n laborum.\n

\n \n );\n}'}},inlineLinks.parameters),standaloneLink.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n return (\n \n Standalone link\n \n );\n}"}},standaloneLink.parameters),withCustomIcon.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'(args) => {\n return (\n
\n
\n

Small

\n } size="S" href="/#">\n Document link\n \n
\n
\n } size="S" href="/#">\n Phone link\n \n
\n
\n } size="S" href="/#">\n Envelope link\n \n
\n
\n } size="S" href="/#">\n Photo link\n \n
\n
\n

Medium

\n } size="M" href="/#">\n Document link\n \n
\n
\n } size="M" href="/#">\n Phone link\n \n
\n
\n } size="M" href="/#">\n Envelope link\n \n
\n
\n } size="M" href="/#">\n Photo link\n \n
\n
\n

Large

\n } size="L" href="/#">\n Document link\n \n
\n
\n } size="L" href="/#">\n Phone Link\n \n
\n
\n } size="L" href="/#">\n Envelope Link\n \n
\n
\n } size="L" href="/#">\n Photo Link\n \n
\n
\n );\n}'}},withCustomIcon.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/link/Link.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{InternalLinks.displayName="InternalLinks",InternalLinks.__docgenInfo={description:"",displayName:"InternalLinks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#InternalLinks"]={docgenInfo:InternalLinks.__docgenInfo,name:"InternalLinks",path:"src/components/link/Link.stories.tsx#InternalLinks"})}catch(__react_docgen_typescript_loader_error){}try{ExternalLinks.displayName="ExternalLinks",ExternalLinks.__docgenInfo={description:"",displayName:"ExternalLinks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#ExternalLinks"]={docgenInfo:ExternalLinks.__docgenInfo,name:"ExternalLinks",path:"src/components/link/Link.stories.tsx#ExternalLinks"})}catch(__react_docgen_typescript_loader_error){}try{OpenInNewTabLink.displayName="OpenInNewTabLink",OpenInNewTabLink.__docgenInfo={description:"",displayName:"OpenInNewTabLink",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#OpenInNewTabLink"]={docgenInfo:OpenInNewTabLink.__docgenInfo,name:"OpenInNewTabLink",path:"src/components/link/Link.stories.tsx#OpenInNewTabLink"})}catch(__react_docgen_typescript_loader_error){}try{visitedStylesDisabled.displayName="visitedStylesDisabled",visitedStylesDisabled.__docgenInfo={description:"",displayName:"visitedStylesDisabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#visitedStylesDisabled"]={docgenInfo:visitedStylesDisabled.__docgenInfo,name:"visitedStylesDisabled",path:"src/components/link/Link.stories.tsx#visitedStylesDisabled"})}catch(__react_docgen_typescript_loader_error){}try{inlineLinks.displayName="inlineLinks",inlineLinks.__docgenInfo={description:"",displayName:"inlineLinks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#inlineLinks"]={docgenInfo:inlineLinks.__docgenInfo,name:"inlineLinks",path:"src/components/link/Link.stories.tsx#inlineLinks"})}catch(__react_docgen_typescript_loader_error){}try{standaloneLink.displayName="standaloneLink",standaloneLink.__docgenInfo={description:"",displayName:"standaloneLink",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#standaloneLink"]={docgenInfo:standaloneLink.__docgenInfo,name:"standaloneLink",path:"src/components/link/Link.stories.tsx#standaloneLink"})}catch(__react_docgen_typescript_loader_error){}try{withCustomIcon.displayName="withCustomIcon",withCustomIcon.__docgenInfo={description:"",displayName:"withCustomIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/Link.stories.tsx#withCustomIcon"]={docgenInfo:withCustomIcon.__docgenInfo,name:"withCustomIcon",path:"src/components/link/Link.stories.tsx#withCustomIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/linkbox/LinkboxEmpty.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,External:()=>External,LargeSize:()=>LargeSize,MediumSize:()=>MediumSize,SmallSize:()=>SmallSize,WithBorder:()=>WithBorder,WithoutBackground:()=>WithoutBackground,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Linkbox__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/linkbox/Linkbox.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,title:"Components/Linkbox/Empty for custom content",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:'import React from \'react\';\n\nimport { Linkbox } from \'./Linkbox\';\n\nexport default {\n component: Linkbox,\n title: \'Components/Linkbox/Empty for custom content\',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n backgrounds: {\n default: \'gray\',\n values: [{ name: \'gray\', value: \'#efefef\' }],\n },\n controls: { expanded: true },\n },\n};\n\nexport const Default = () => (\n
\n \n
\n \n
\n);\n\nexport const WithBorder = () => (\n
\n \n
\n \n
\n);\n\nexport const WithoutBackground = () => (\n
\n \n
\n \n
\n);\n\nexport const External = () => (\n
\n \n
\n \n
\n);\n\nexport const SmallSize = () => (\n
\n \n
\n \n
\n);\n\nexport const MediumSize = () => (\n
\n \n
\n \n
\n);\n\nexport const LargeSize = () => (\n
\n \n
\n \n
\n);\n',locationsMap:{default:{startLoc:{col:23,line:18},endLoc:{col:1,line:24},startBody:{col:23,line:18},endBody:{col:1,line:24}},"with-border":{startLoc:{col:26,line:26},endLoc:{col:1,line:32},startBody:{col:26,line:26},endBody:{col:1,line:32}},"without-background":{startLoc:{col:33,line:34},endLoc:{col:1,line:40},startBody:{col:33,line:34},endBody:{col:1,line:40}},external:{startLoc:{col:24,line:42},endLoc:{col:1,line:48},startBody:{col:24,line:42},endBody:{col:1,line:48}},"small-size":{startLoc:{col:25,line:50},endLoc:{col:1,line:56},startBody:{col:25,line:50},endBody:{col:1,line:56}},"medium-size":{startLoc:{col:26,line:58},endLoc:{col:1,line:64},startBody:{col:26,line:58},endBody:{col:1,line:64}},"large-size":{startLoc:{col:25,line:66},endLoc:{col:1,line:72},startBody:{col:25,line:66},endBody:{col:1,line:72}}}},backgrounds:{default:"gray",values:[{name:"gray",value:"#efefef"}]},controls:{expanded:!0}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},WithBorder=function WithBorder(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",border:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},WithoutBackground=function WithoutBackground(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",noBackground:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},External=function External(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",external:!0,openInNewTab:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},SmallSize=function SmallSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"288px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",size:"small",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"192px"}})})})},MediumSize=function MediumSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",size:"medium",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},LargeSize=function LargeSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"400px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",size:"large",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"296px"}})})})};Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},Default.parameters),WithBorder.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},WithBorder.parameters),WithoutBackground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},WithoutBackground.parameters),External.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},External.parameters),SmallSize.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},SmallSize.parameters),MediumSize.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},MediumSize.parameters),LargeSize.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n \n
\n)'}},LargeSize.parameters)},"./src/components/linkbox/LinkboxWithHeadingAndTitle.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,External:()=>External,LargeSize:()=>LargeSize,MediumSize:()=>MediumSize,SmallSize:()=>SmallSize,WithBorder:()=>WithBorder,WithoutBackground:()=>WithoutBackground,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Linkbox__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/linkbox/Linkbox.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,title:"Components/Linkbox/With text and heading",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:'import React from \'react\';\n\nimport { Linkbox } from \'./Linkbox\';\n\nexport default {\n component: Linkbox,\n title: \'Components/Linkbox/With text and heading\',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n backgrounds: {\n default: \'gray\',\n values: [{ name: \'gray\', value: \'#efefef\' }],\n },\n controls: { expanded: true },\n },\n};\n\nexport const Default = () => (\n
\n \n
\n);\n\nexport const WithBorder = () => (\n
\n \n
\n);\n\nexport const WithoutBackground = () => (\n
\n \n
\n);\n\nexport const External = () => (\n
\n \n
\n);\n\nexport const SmallSize = () => (\n
\n \n
\n);\n\nexport const MediumSize = () => (\n
\n \n
\n);\n\nexport const LargeSize = () => (\n \n);\n',locationsMap:{default:{startLoc:{col:23,line:18},endLoc:{col:1,line:28},startBody:{col:23,line:18},endBody:{col:1,line:28}},"with-border":{startLoc:{col:26,line:30},endLoc:{col:1,line:41},startBody:{col:26,line:30},endBody:{col:1,line:41}},"without-background":{startLoc:{col:33,line:43},endLoc:{col:1,line:54},startBody:{col:33,line:43},endBody:{col:1,line:54}},external:{startLoc:{col:24,line:56},endLoc:{col:1,line:68},startBody:{col:24,line:56},endBody:{col:1,line:68}},"small-size":{startLoc:{col:25,line:70},endLoc:{col:1,line:81},startBody:{col:25,line:70},endBody:{col:1,line:81}},"medium-size":{startLoc:{col:26,line:83},endLoc:{col:1,line:94},startBody:{col:26,line:83},endBody:{col:1,line:94}},"large-size":{startLoc:{col:25,line:96},endLoc:{col:1,line:105},startBody:{col:25,line:96},endBody:{col:1,line:105}}}},backgrounds:{default:"gray",values:[{name:"gray",value:"#efefef"}]},controls:{expanded:!0}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text"})})},WithBorder=function WithBorder(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",border:!0})})},WithoutBackground=function WithoutBackground(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",noBackground:!0})})},External=function External(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",external:!0,openInNewTab:!0})})},SmallSize=function SmallSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"288px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",size:"small"})})},MediumSize=function MediumSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",size:"medium"})})},LargeSize=function LargeSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",size:"large"})};Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},Default.parameters),WithBorder.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},WithBorder.parameters),WithoutBackground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},WithoutBackground.parameters),External.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},External.parameters),SmallSize.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},SmallSize.parameters),MediumSize.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},MediumSize.parameters),LargeSize.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},LargeSize.parameters)},"./src/components/linkbox/LinkboxWithImage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,External:()=>External,LargeSize:()=>LargeSize,MediumSize:()=>MediumSize,SmallSize:()=>SmallSize,WithBorder:()=>WithBorder,WithoutBackground:()=>WithoutBackground,default:()=>LinkboxWithImage_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),Linkbox=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/linkbox/Linkbox.tsx"));const placeholder_medium_namespaceObject=__webpack_require__.p+"f3b374ad3ff135c4f79b.png",placeholder_large_namespaceObject=__webpack_require__.p+"ac06baf0acb35bb93c0b.png";var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const LinkboxWithImage_stories={component:Linkbox.R,title:"Components/Linkbox/With image",decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"567px"},children:storyFn()})}],parameters:{storySource:{source:'import React from \'react\';\n\nimport { Linkbox } from \'./Linkbox\';\n\n// @ts-ignore\nimport smallImage from \'../../assets/img/linkbox/placeholder-small.png\';\n// @ts-ignore\nimport mediumImage from \'../../assets/img/linkbox/placeholder-medium.png\';\n// @ts-ignore\nimport largeImage from \'../../assets/img/linkbox/placeholder-large.png\';\n\n\nexport default {\n component: Linkbox,\n title: \'Components/Linkbox/With image\',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n backgrounds: {\n default: \'gray\',\n values: [{ name: \'gray\', value: \'#efefef\' }],\n },\n controls: { expanded: true },\n },\n};\n\nexport const Default = () => (\n
\n \n
\n);\n\nexport const WithBorder = () => (\n
\n \n
\n);\n\nexport const WithoutBackground = () => (\n
\n \n
\n);\n\nexport const External = () => (\n
\n \n
\n);\n\nexport const SmallSize = () => (\n
\n \n
\n);\n\nexport const MediumSize = () => (\n
\n \n
\n);\n\nexport const LargeSize = () => (\n
\n \n
\n);\n',locationsMap:{default:{startLoc:{col:23,line:26},endLoc:{col:1,line:37},startBody:{col:23,line:26},endBody:{col:1,line:37}},"with-border":{startLoc:{col:26,line:39},endLoc:{col:1,line:51},startBody:{col:26,line:39},endBody:{col:1,line:51}},"without-background":{startLoc:{col:33,line:53},endLoc:{col:1,line:65},startBody:{col:33,line:53},endBody:{col:1,line:65}},external:{startLoc:{col:24,line:67},endLoc:{col:1,line:80},startBody:{col:24,line:67},endBody:{col:1,line:80}},"small-size":{startLoc:{col:25,line:82},endLoc:{col:1,line:94},startBody:{col:25,line:82},endBody:{col:1,line:94}},"medium-size":{startLoc:{col:26,line:96},endLoc:{col:1,line:108},startBody:{col:26,line:96},endBody:{col:1,line:108}},"large-size":{startLoc:{col:25,line:110},endLoc:{col:1,line:122},startBody:{col:25,line:110},endBody:{col:1,line:122}}}},backgrounds:{default:"gray",values:[{name:"gray",value:"#efefef"}]},controls:{expanded:!0}}};var Default=function Default(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},WithBorder=function WithBorder(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",border:!0,imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},WithoutBackground=function WithoutBackground(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",noBackground:!0,imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},External=function External(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",external:!0,openInNewTab:!0,imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},SmallSize=function SmallSize(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"284px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAHCCAYAAAAzc7dkAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAACWKADAAQAAAABAAABwgAAAACRdu29AAAc8klEQVR4Ae3dS4uc1RYG4N0mIEGNQkwcaSSCE02UoCMRFceKmQUkEgj+DsnvEEGcmIGIoJmIouhIRMEbIYoJUYPE28ALGWjMYZd00+lUPFXlWl1ff+spELs7VW/VetYevNSle+X8+fOXmwsBAgQIECBAgECYwHVhSYIIECBAgAABAgQmAgqWg0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBbYHpwnjgCBwgLHjx/f0tM/99xzW/rxe/AECAxHwDNYw9mFR0KAAAECBAiMREDBGskijUGAAAECBAgMR0DBGs4uPBICBAgQIEBgJAIK1kgWaQwCBAgQIEBgOAIK1nB24ZEQIECAAAECIxHwKcKRLNIYBIYsMLRP5231TzsOedceGwEC/wh4BstJIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECzgU4TBoOIIEJhf4MyZM+2LL75o33zzTfv1118nATt37mx33HFHu+eee9q+ffvmD3ULAgQILFFAwVoivrsmUF3g559/bq+//no7d+7cVRQ//fRT6/99/PHHbe/eve2JJ55ou3btuup6fkCAAIEhCniJcIhb8ZgIFBDoz1a98MILU8vVxvF7AevX7bdxIUCAwFYQULC2wpY8RgIjE+jPXJ04caJdvHhx5sn6dftt+m1dCBAgMHQBBWvoG/L4CIxQoL8sOE+5WiXot+m3dSFAgMDQBRSsoW/I4yMwMoH+hvZp77madcx+257hQoAAgSELeJP7kLfjsREYoUD/tOC0y7Zt29pjjz3WDhw4MPnnTz/9tL3zzjvt0qVLV129Z/hk4VUsfkCAwIAEFKwBLcNDIVBB4FpvVO/l6qGHHlojWP36rbfeWvvZ6hfXylj9d/8nQIDAsgW8RLjsDbh/AsUEVn/P1caxV5+5Wv/zaT/r/36tjPW39TUBAgSWKaBgLVPffRMgQIAAAQKjFFCwRrlWQxEYrkD/De3TLv09Vxsv037Wr3OtjI239z0BAgSWJeA9WMuSd78Eigr0P3/Tf0P7xkt/Q3u/rL4suPom943X69/3DBcCBAgMWUDBGvJ2PDYCIxTof1uw//mbjZf+acH+hvZpb2rfeN2e4UKAAIEhC3iJcMjb8dgIjFCg/3qF/rcFF7302/oVDYvquR0BApsloGBtlrT7IUBgTaD/4eYdO3asfT/rF/02/bYuBAgQGLqAgjX0DXl8BEYosGvXrnb48OG5SlYvV/02/bYuBAgQGLqAgjX0DXl8BEYq0N+ofuzYsZleLuwvC/brenP7SA+DsQiMUMCb3Ee4VCMR2CoC/dmoo0ePTv62YP/zN/03tK/+EtH+qxh6oepvaPeeq62yUY+TAIFVAQVrVcL/CRBYmkAvUErU0vjdMQECCQJeIkxAFUmAAAECBAjUFlCwau/f9AQIECBAgECCgJcIE1BFEiCwuQKXL19u586da59//nn74Ycf2u+//z75b2Vlpd14443thhtuaHv27Gn79++f6U31m/vo3RsBAmMUULDGuFUzERiYwCeffNLuu+++lEfV/6TO22+/vfbm+I138ssvv7T+37fffts++ugjf8dwI5DvCRBIEVCwUliFEiCwXuC1115rvQg9+eST7eabb17/Twt//dtvv7U33nijffnll3NlrH5Kca4buTIBAgTmFPAerDnBXJ0AgcUEzpw5055//vn23XffLRaw7lb9ZcCeNW+5WhfhSwIECKQKKFipvMIJEFgv8Mcff7SXXnpp8nuv1v98nq/7S30vvvhi689guRAgQGCoAgrWUDfjcREYqcCff/7ZXn755fbVV1/NPeHXX389KWgXL16c+7ZuQIAAgc0U8B6szdR2XwQITAT++uuvduLEiXbo0KF27733zqTSPyHY38t16dKla17/tttuaw8++ODkl5b2Tw/2S3/WrL88+cEHH0w+YXjNG/sHAgQIBAooWIGYoggQmF3g77//bq+++mr78ccf2yOPPNKuu276E+r9eu+//3579913/zX80UcfbQ8//PBVObfccks7ePBgu//++2fK+dc78Y8ECBCYUUDBmhHK1QgQWFxg+/btrT9rtfHSf3/Ve++9106fPt0eeOCByTNPN9100+Rq/Zmn/pLghx9+2C5cuLDxpmvfb9u2rT311FP/95mwXuB6kbv11lvbK6+8snZ7XxAgQCBDQMHKUJVJgMAVAocPH568JDitZPUr9gJ18uTJK24zyze9uPXsu+66a5arT67T/3i0gjUzlysSILCgwPTn5BcMczMCBAhME+gF6Omnn27XX3/9tH9e6Gc7duxozzzzzFzlaqE7ciMCBAgsIKBgLYDmJgQIzC9w5513tmPHjoX8otH+MuLRo0fb7bffPv8DcQsCBAhsgoCCtQnI7oIAgX8Edu/ePSlZ+/btW5jk7rvvbs8+++zkbwsuHOKGBAgQSBbwHqxkYPEECFwp0J99OnLkSPvss8/am2++Ofmj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",width:284,height:181},size:"small"})})},MediumSize=function MediumSize(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245},size:"medium"})})},LargeSize=function LargeSize(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"567px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:placeholder_large_namespaceObject,width:567,height:363},size:"large"})})};Default.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},Default.parameters),WithBorder.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},WithBorder.parameters),WithoutBackground.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},WithoutBackground.parameters),External.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},External.parameters),SmallSize.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},SmallSize.parameters),MediumSize.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},MediumSize.parameters),LargeSize.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n
\n \n
\n)'}},LargeSize.parameters)},"./src/components/loadingSpinner/LoadingSpinner.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomTheme:()=>CustomTheme,Default:()=>Default,MultipleSpinners:()=>MultipleSpinners,Small:()=>Small,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { LoadingSpinner } from './LoadingSpinner';\nimport { Button } from '../button';\n\nexport default {\n component: LoadingSpinner,\n title: 'Components/LoadingSpinner',\n};\n\nexport const Default = (args) => ;\n\nexport const Small = (args) => ;\nSmall.args = {\n small: true,\n};\n\nexport const CustomTheme = (args) => (\n <>\n \n
\n \n \n);\nCustomTheme.storyName = 'Custom theme';\nCustomTheme.args = {\n theme: {\n '--spinner-color': 'var(--color-tram)',\n '--spinner-color-stage1': 'var(--color-coat-of-arms)',\n '--spinner-color-stage2': 'var(--color-tram)',\n '--spinner-color-stage3': 'var(--color-metro)',\n },\n};\n\nexport const MultipleSpinners = (args) => {\n const [showSpinner1, setShowSpinner1] = useState(false);\n const [showSpinner2, setShowSpinner2] = useState(false);\n const [showSpinner3, setShowSpinner3] = useState(false);\n\n return (\n <>\n
\n \n
\n
\n \n
\n
\n \n
\n {showSpinner1 && }\n {showSpinner2 && }\n {showSpinner3 && }\n \n );\n};\nMultipleSpinners.storyName = 'Multiple spinners';\n",locationsMap:{default:{startLoc:{col:23,line:11},endLoc:{col:61,line:11},startBody:{col:23,line:11},endBody:{col:61,line:11}},small:{startLoc:{col:21,line:13},endLoc:{col:59,line:13},startBody:{col:21,line:13},endBody:{col:59,line:13}},"custom-theme":{startLoc:{col:27,line:18},endLoc:{col:1,line:24},startBody:{col:27,line:18},endBody:{col:1,line:24}},"multiple-spinners":{startLoc:{col:32,line:35},endLoc:{col:1,line:62},startBody:{col:32,line:35},endBody:{col:1,line:62}}}}},component:_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,title:"Components/LoadingSpinner"};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))},Small=function Small(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};Small.args={small:!0};var CustomTheme=function CustomTheme(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{multicolor:!1})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{multicolor:!0}))]})};CustomTheme.storyName="Custom theme",CustomTheme.args={theme:{"--spinner-color":"var(--color-tram)","--spinner-color-stage1":"var(--color-coat-of-arms)","--spinner-color-stage2":"var(--color-tram)","--spinner-color-stage3":"var(--color-metro)"}};var MultipleSpinners=function MultipleSpinners(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState,2),showSpinner1=_useState2[0],setShowSpinner1=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState3,2),showSpinner2=_useState4[0],setShowSpinner2=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState5,2),showSpinner3=_useState6[0],setShowSpinner3=_useState6[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginBottom:"var(--spacing-s)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{onClick:function onClick(){return setShowSpinner1(!showSpinner1)},children:[showSpinner1?"Remove":"Add"," loading spinner #1"]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginBottom:"var(--spacing-s)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{onClick:function onClick(){return setShowSpinner2(!showSpinner2)},children:[showSpinner2?"Remove":"Add"," loading spinner #2"]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginBottom:"var(--spacing-s)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{onClick:function onClick(){return setShowSpinner3(!showSpinner3)},children:[showSpinner3?"Remove":"Add"," loading spinner #3"]})}),showSpinner1&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args)),showSpinner2&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args)),showSpinner3&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__.T,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))]})};MultipleSpinners.storyName="Multiple spinners",Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Default.parameters),Small.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Small.parameters),CustomTheme.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n <>\n \n
\n \n \n)"}},CustomTheme.parameters),MultipleSpinners.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const [showSpinner1, setShowSpinner1] = useState(false);\n const [showSpinner2, setShowSpinner2] = useState(false);\n const [showSpinner3, setShowSpinner3] = useState(false);\n\n return (\n <>\n
\n \n
\n
\n \n
\n
\n \n
\n {showSpinner1 && }\n {showSpinner2 && }\n {showSpinner3 && }\n \n );\n}"}},MultipleSpinners.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loadingSpinner/LoadingSpinner.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/loadingSpinner/LoadingSpinner.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Small.displayName="Small",Small.__docgenInfo={description:"",displayName:"Small",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loadingSpinner/LoadingSpinner.stories.tsx#Small"]={docgenInfo:Small.__docgenInfo,name:"Small",path:"src/components/loadingSpinner/LoadingSpinner.stories.tsx#Small"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loadingSpinner/LoadingSpinner.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/loadingSpinner/LoadingSpinner.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{MultipleSpinners.displayName="MultipleSpinners",MultipleSpinners.__docgenInfo={description:"",displayName:"MultipleSpinners",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loadingSpinner/LoadingSpinner.stories.tsx#MultipleSpinners"]={docgenInfo:MultipleSpinners.__docgenInfo,name:"MultipleSpinners",path:"src/components/loadingSpinner/LoadingSpinner.stories.tsx#MultipleSpinners"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/logo/Logo.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Playground:()=>Playground,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Logo__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/logo/Logo.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Logo__WEBPACK_IMPORTED_MODULE_2__.T,title:"Components/Logo",parameters:{storySource:{source:"import React from 'react';\n\nimport { Logo } from './Logo';\n\nexport default {\n component: Logo,\n title: 'Components/Logo',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n};\n\nexport const Playground = (args) => ;\n\nPlayground.args = {\n language: 'fi',\n size: 'full',\n};\n\nPlayground.argTypes = {\n language: {\n options: ['fi', 'sv', 'ru'],\n control: { type: 'radio' },\n },\n size: {\n options: ['full', 'small', 'medium', 'large'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{playground:{startLoc:{col:26,line:13},endLoc:{col:86,line:13},startBody:{col:26,line:13},endBody:{col:86,line:13}}}},controls:{hideNoControlsWarning:!0}}};var Playground=function Playground(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Logo__WEBPACK_IMPORTED_MODULE_2__.T,{language:args.language,size:args.size})};Playground.args={language:"fi",size:"full"},Playground.argTypes={language:{options:["fi","sv","ru"],control:{type:"radio"}},size:{options:["full","small","medium","large"],control:{type:"radio"}}},Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/logo/Logo.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/logo/Logo.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/navigation/Navigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomTheme:()=>CustomTheme,Default:()=>Default,DropdownLinks:()=>DropdownLinks,Example:()=>Example,Inline:()=>Inline,WithoutTitleUrl:()=>WithoutTitleUrl,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_Navigation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/navigation/Navigation.tsx"),_navigationRow_NavigationRow__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/navigation/navigationRow/NavigationRow.tsx"),_navigationItem_NavigationItem__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/navigation/navigationItem/NavigationItem.tsx"),_navigationUser_NavigationUser__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/navigation/navigationUser/NavigationUser.tsx"),_navigationSearch_NavigationSearch__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/navigation/navigationSearch/NavigationSearch.tsx"),_navigationLanguageSelector_NavigationLanguageSelector__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/navigation/navigationLanguageSelector/NavigationLanguageSelector.tsx"),_navigationDropdown_NavigationDropdown__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/navigation/navigationDropdown/NavigationDropdown.tsx"),_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/icons/IconSignout.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["searchLabel","searchPlaceholder","authenticated","userName"],_excluded2=["searchLabel","searchPlaceholder","authenticated","userName"],_excluded3=["searchLabel","searchPlaceholder","authenticated","userName"],_excluded4=["userName"],_excluded5=["searchLabel","searchPlaceholder","authenticated","userName"],_excluded6=["searchLabel","searchPlaceholder","authenticated","userName"];const __WEBPACK_DEFAULT_EXPORT__={component:_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,title:"Components/Navigation",subcomponents:{NavigationRow:_navigationRow_NavigationRow__WEBPACK_IMPORTED_MODULE_3__.w,NavigationItem:_navigationItem_NavigationItem__WEBPACK_IMPORTED_MODULE_4__.D,NavigationDropdown:_navigationDropdown_NavigationDropdown__WEBPACK_IMPORTED_MODULE_5__.m,NavigationSearch:_navigationSearch_NavigationSearch__WEBPACK_IMPORTED_MODULE_6__.f,NavigationUser:_navigationUser_NavigationUser__WEBPACK_IMPORTED_MODULE_7__.H,NavigationLanguageSelector:_navigationLanguageSelector_NavigationLanguageSelector__WEBPACK_IMPORTED_MODULE_8__.S},parameters:{storySource:{source:'\nimport React, { useState } from \'react\';\n\nimport { Navigation } from \'./Navigation\';\nimport { NavigationRow } from \'./navigationRow/NavigationRow\';\nimport { NavigationItem } from \'./navigationItem/NavigationItem\';\nimport { NavigationUser } from \'./navigationUser/NavigationUser\';\nimport { NavigationSearch } from \'./navigationSearch/NavigationSearch\';\nimport { NavigationLanguageSelector } from \'./navigationLanguageSelector/NavigationLanguageSelector\';\nimport { NavigationDropdown } from \'./navigationDropdown/NavigationDropdown\';\nimport { IconSignout } from \'../../icons\';\n\ntype LanguageOption = {\n label: string;\n value: string;\n};\n\nexport default {\n component: Navigation,\n title: \'Components/Navigation\',\n subcomponents: {\n NavigationRow,\n NavigationItem,\n NavigationDropdown,\n NavigationSearch,\n NavigationUser,\n NavigationLanguageSelector,\n },\n parameters: {\n controls: { expanded: true },\n layout: \'fullscreen\',\n },\n args: {\n title: \'Helsinki Design System\',\n titleAriaLabel: \'Helsinki: Helsinki Design System\',\n titleUrl: \'https://hel.fi\',\n theme: \'light\',\n menuToggleAriaLabel: \'Menu\',\n skipTo: \'#content\',\n skipToContentLabel: \'Skip to main content\',\n searchLabel: \'Search\',\n searchPlaceholder: \'Search page\',\n authenticated: false,\n userName: \'John Doe\',\n },\n argTypes: {\n theme: { control: { type: \'inline-radio\', options: [\'light\', \'dark\'] } },\n },\n};\n\nexport const Default = ({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n);\n\nexport const Inline = ({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => {\n return (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n );\n};\n\nexport const CustomTheme = ({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => {\n return (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n );\n};\nCustomTheme.storyName = \'Custom theme\';\nCustomTheme.args = {\n theme: {\n \'--header-background-color\': \'var(--color-engel)\',\n \'--header-color\': \'var(--color-black-90)\',\n \'--header-divider-color\': \'var(--color-black-20)\',\n \'--header-focus-outline-color\': \'var(--color-black)\',\n \'--mobile-menu-background-color\': \'var(--color-white)\',\n \'--mobile-menu-color\': \'var(--color-black-90)\',\n \'--navigation-row-background-color\': \'var(--color-white)\',\n \'--navigation-row-color\': \'var(--color-black-90)\',\n \'--navigation-row-focus-outline-color\': \'var(--color-coat-of-arms)\',\n },\n};\nCustomTheme.argTypes = {\n theme: {\n control: {\n type: \'object\',\n },\n },\n};\n\nexport const Example = ({ userName, ...args }) => {\n const i18n = {\n title: {\n fi: \'Helsingin kaupunki\',\n sv: \'Helsingfors stad\',\n en: \'City of Helsinki\',\n },\n titleAria: {\n fi: \'Helsinki: Helsingin kaupunki\',\n sv: \'Helsingfors: Helsingfors stad\',\n en: \'Helsinki: City of Helsinki\',\n },\n menuName: {\n fi: \'Päänavigointi\',\n sv: \'Huvudnavigering\',\n en: \'Main navigation\',\n },\n menuToggleAria: {\n fi: \'Valikko\',\n sv: \'Meny\',\n en: \'Menu\',\n },\n search: {\n fi: \'Hae\',\n sv: \'Sök\',\n en: \'Search\',\n },\n searchPlaceholder: {\n fi: \'Hae sivustolta\',\n sv: \'Sök på webbplatsen\',\n en: \'Search page\',\n },\n login: {\n fi: \'Kirjaudu sisään\',\n sv: \'Logga in\',\n en: \'Sign in\',\n },\n loginAria: {\n fi: \'Käyttäjä:\',\n sv: \'Användare:\',\n en: \'User:\',\n },\n logout: {\n fi: \'Kirjaudu ulos\',\n sv: \'Logga ut\',\n en: \'Sign out\',\n },\n skip: {\n fi: \'Siirry sivun pääsisältöön\',\n sv: \'Gå till huvudinnehåll\',\n en: \'Skip to main content\',\n },\n languageSelectorLabel: {\n fi: \'Kieli: Suomi. Vaihda kieli. Change language. Ändra språk.\',\n sv: \'Språk: Svenska. Ändra språk. Vaihda kieli. Change language.\',\n en: \'Language: English. Change language. Vaihda kieli. Ändra språk.\',\n },\n navigation: [\n {\n fi: \'Kaupunki ja hallinto\',\n sv: \'Staden och förvaltning\',\n en: \'City administration\',\n },\n {\n fi: \'Liikenne ja kartat\',\n sv: \'Kartor och trafik\',\n en: \'Maps and transport\',\n },\n {\n fi: \'Kasvatus ja koulutus\',\n sv: \'Fostran och utbildning\',\n en: \'Childhood and education\',\n },\n {\n fi: \'Kulttuuri ja vapaa-aika\',\n sv: \'Kultur och fritid\',\n en: \'Culture and leisure\',\n },\n ],\n navigationDropdown: {\n label: {\n fi: \'Asuminen ja ympäristö\',\n sv: \'Boende och miljö\',\n en: \'Housing and environment\',\n },\n options: [\n {\n fi: \'Asuminen\',\n sv: \'Boende\',\n en: \'Housing\',\n },\n {\n fi: \'Kaavoitus ja suunnittelu\',\n sv: \'Planläggning\',\n en: \'Planning\',\n },\n {\n fi: \'Rakentaminen\',\n sv: \'Byggande\',\n en: \'Construction\',\n },\n ],\n },\n };\n const languages: LanguageOption[] = [\n { label: \'Suomeksi\', value: \'fi\' },\n { label: \'På svenska\', value: \'sv\' },\n { label: \'In English\', value: \'en\' },\n ];\n\n const [authenticated, setAuthenticated] = useState(false);\n const [language, setLanguage] = useState(\'fi\');\n const [active, setActive] = useState();\n\n // show helsingfors logo if swedish is selected as the language\n const logoLanguage = language === \'sv\' ? \'sv\' : \'fi\';\n\n return (\n <>\n {/* @ts-ignore */}\n \n {/* NAVIGATION ROW */}\n \n {i18n.navigation.map((item, index) => {\n return (\n {\n e.preventDefault();\n setActive(`link-${index}`);\n }}\n />\n );\n })}\n \n {i18n.navigationDropdown.options.map((option, index) => {\n return (\n {\n e.preventDefault();\n setActive(\'dropdown\');\n }}\n />\n );\n })}\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n setAuthenticated(true)}\n userName={userName}\n >\n {\n e.preventDefault();\n setAuthenticated(false);\n }}\n variant="supplementary"\n label={i18n.logout[language]}\n icon={}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n {languages.map((lang) => {\n return (\n {\n e.preventDefault();\n setLanguage(lang.value);\n }}\n lang={lang.value}\n label={lang.label}\n />\n );\n })}\n \n \n \n \n );\n};\n\nexport const DropdownLinks = ({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => {\n return (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()}>\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()}>\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()}>\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()}\n buttonAriaLabel="Submenu"\n >\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n \n \n \n );\n};\n\nexport const WithoutTitleUrl = ({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n);\n\nWithoutTitleUrl.args = {\n title: \'Helsinki Design System\',\n titleAriaLabel: \'Helsinki: Helsinki Design System\',\n titleUrl: undefined,\n theme: \'light\',\n menuToggleAriaLabel: \'Menu\',\n skipTo: \'#content\',\n skipToContentLabel: \'Skip to main content\',\n searchLabel: \'Search\',\n searchPlaceholder: \'Search page\',\n authenticated: false,\n userName: \'John Doe\',\n};\n\nWithoutTitleUrl.parameters = {\n loki: { skip: true }, // The visuals are identical to Default\n};\n\nWithoutTitleUrl.storyName = \'Without title url\';\n',locationsMap:{default:{startLoc:{col:23,line:51},endLoc:{col:1,line:96},startBody:{col:23,line:51},endBody:{col:1,line:96}},inline:{startLoc:{col:22,line:98},endLoc:{col:1,line:143},startBody:{col:22,line:98},endBody:{col:1,line:143}},"custom-theme":{startLoc:{col:27,line:145},endLoc:{col:1,line:192},startBody:{col:27,line:145},endBody:{col:1,line:192}},example:{startLoc:{col:23,line:215},endLoc:{col:1,line:426},startBody:{col:23,line:215},endBody:{col:1,line:426}},"dropdown-links":{startLoc:{col:29,line:428},endLoc:{col:1,line:493},startBody:{col:29,line:428},endBody:{col:1,line:493}},"without-title-url":{startLoc:{col:31,line:495},endLoc:{col:1,line:540},startBody:{col:31,line:495},endBody:{col:1,line:540}}}},controls:{expanded:!0},layout:"fullscreen"},args:{title:"Helsinki Design System",titleAriaLabel:"Helsinki: Helsinki Design System",titleUrl:"https://hel.fi",theme:"light",menuToggleAriaLabel:"Menu",skipTo:"#content",skipToContentLabel:"Skip to main content",searchLabel:"Search",searchPlaceholder:"Search page",authenticated:!1,userName:"John Doe"},argTypes:{theme:{control:{type:"inline-radio",options:["light","dark"]}}}};var Default=function Default(_ref){var searchLabel=_ref.searchLabel,searchPlaceholder=_ref.searchPlaceholder,authenticated=_ref.authenticated,userName=_ref.userName,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Row,{ariaLabel:"Main navigation",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",active:!0,onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Dropdown,{label:"Dropdown",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Search,{searchLabel,searchPlaceholder}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.User,{authenticated,label:"Sign in",userName,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Link",href:"#",variant:"secondary",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Sign out",href:"#",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconSignout,{"aria-hidden":!0}),variant:"supplementary",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.LanguageSelector,{label:"FI",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fi",label:"Suomeksi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"sv",label:"På svenska"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"en",label:"In English"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fr",label:"En français"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"de",label:"Auf deutsch"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"ru",label:"По-русски"})]})]})]}))},Inline=function Inline(_ref2){var searchLabel=_ref2.searchLabel,searchPlaceholder=_ref2.searchPlaceholder,authenticated=_ref2.authenticated,userName=_ref2.userName,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref2,_excluded2);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Row,{variant:"inline",ariaLabel:"Main navigation",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",active:!0,onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Dropdown,{label:"Dropdown",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Search,{searchLabel,searchPlaceholder}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.User,{authenticated,label:"Sign in",userName,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Link",href:"#",variant:"secondary",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Sign out",href:"#",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconSignout,{"aria-hidden":!0}),variant:"supplementary",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.LanguageSelector,{label:"FI",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fi",label:"Suomeksi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"sv",label:"På svenska"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"en",label:"In English"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fr",label:"En français"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"de",label:"Auf deutsch"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"ru",label:"По-русски"})]})]})]}))},CustomTheme=function CustomTheme(_ref3){var searchLabel=_ref3.searchLabel,searchPlaceholder=_ref3.searchPlaceholder,authenticated=_ref3.authenticated,userName=_ref3.userName,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref3,_excluded3);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Row,{ariaLabel:"Main navigation",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",active:!0,onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Dropdown,{label:"Dropdown",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Search,{searchLabel,searchPlaceholder}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.User,{authenticated,label:"Sign in",userName,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Link",href:"#",variant:"secondary",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Sign out",href:"#",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconSignout,{"aria-hidden":!0}),variant:"supplementary",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.LanguageSelector,{label:"FI",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fi",label:"Suomeksi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"sv",label:"På svenska"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"en",label:"In English"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fr",label:"En français"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"de",label:"Auf deutsch"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"ru",label:"По-русски"})]})]})]}))};CustomTheme.storyName="Custom theme",CustomTheme.args={theme:{"--header-background-color":"var(--color-engel)","--header-color":"var(--color-black-90)","--header-divider-color":"var(--color-black-20)","--header-focus-outline-color":"var(--color-black)","--mobile-menu-background-color":"var(--color-white)","--mobile-menu-color":"var(--color-black-90)","--navigation-row-background-color":"var(--color-white)","--navigation-row-color":"var(--color-black-90)","--navigation-row-focus-outline-color":"var(--color-coat-of-arms)"}},CustomTheme.argTypes={theme:{control:{type:"object"}}};var Example=function Example(_ref4){var userName=_ref4.userName,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref4,_excluded4),i18n={title:{fi:"Helsingin kaupunki",sv:"Helsingfors stad",en:"City of Helsinki"},titleAria:{fi:"Helsinki: Helsingin kaupunki",sv:"Helsingfors: Helsingfors stad",en:"Helsinki: City of Helsinki"},menuName:{fi:"Päänavigointi",sv:"Huvudnavigering",en:"Main navigation"},menuToggleAria:{fi:"Valikko",sv:"Meny",en:"Menu"},search:{fi:"Hae",sv:"Sök",en:"Search"},searchPlaceholder:{fi:"Hae sivustolta",sv:"Sök på webbplatsen",en:"Search page"},login:{fi:"Kirjaudu sisään",sv:"Logga in",en:"Sign in"},loginAria:{fi:"Käyttäjä:",sv:"Användare:",en:"User:"},logout:{fi:"Kirjaudu ulos",sv:"Logga ut",en:"Sign out"},skip:{fi:"Siirry sivun pääsisältöön",sv:"Gå till huvudinnehåll",en:"Skip to main content"},languageSelectorLabel:{fi:"Kieli: Suomi. Vaihda kieli. Change language. Ändra språk.",sv:"Språk: Svenska. Ändra språk. Vaihda kieli. Change language.",en:"Language: English. Change language. Vaihda kieli. Ändra språk."},navigation:[{fi:"Kaupunki ja hallinto",sv:"Staden och förvaltning",en:"City administration"},{fi:"Liikenne ja kartat",sv:"Kartor och trafik",en:"Maps and transport"},{fi:"Kasvatus ja koulutus",sv:"Fostran och utbildning",en:"Childhood and education"},{fi:"Kulttuuri ja vapaa-aika",sv:"Kultur och fritid",en:"Culture and leisure"}],navigationDropdown:{label:{fi:"Asuminen ja ympäristö",sv:"Boende och miljö",en:"Housing and environment"},options:[{fi:"Asuminen",sv:"Boende",en:"Housing"},{fi:"Kaavoitus ja suunnittelu",sv:"Planläggning",en:"Planning"},{fi:"Rakentaminen",sv:"Byggande",en:"Construction"}]}},_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState,2),authenticated=_useState2[0],setAuthenticated=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("fi"),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState3,2),language=_useState4[0],setLanguage=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),_useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState5,2),active=_useState6[0],setActive=_useState6[1],logoLanguage="sv"===language?"sv":"fi";return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},args),{},{logoLanguage,title:i18n.title[language],titleAriaLabel:i18n.titleAria[language],skipToContentLabel:i18n.skip[language],menuToggleAriaLabel:i18n.menuToggleAria[language],children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Row,{ariaLabel:i18n.menuName[language],children:[i18n.navigation.map((function(item,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",active:active==="link-".concat(index),label:item[language],onClick:function onClick(e){e.preventDefault(),setActive("link-".concat(index))}},item[language])})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Dropdown,{active:"dropdown"===active,label:i18n.navigationDropdown.label[language],children:i18n.navigationDropdown.options.map((function(option,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:option[language],href:"#",onClick:function onClick(e){e.preventDefault(),setActive("dropdown")}},index)}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Search,{searchLabel:i18n.search[language],searchPlaceholder:i18n.searchPlaceholder[language]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.User,{authenticated,buttonAriaLabel:"".concat(i18n.loginAria[language]," ").concat(userName),label:i18n.login[language],onSignIn:function onSignIn(){return setAuthenticated(!0)},userName,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){e.preventDefault(),setAuthenticated(!1)},variant:"supplementary",label:i18n.logout[language],icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconSignout,{"aria-hidden":!0})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.LanguageSelector,{label:language.toUpperCase(),buttonAriaLabel:i18n.languageSelectorLabel[language],children:[{label:"Suomeksi",value:"fi"},{label:"På svenska",value:"sv"},{label:"In English",value:"en"}].map((function(lang){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){e.preventDefault(),setLanguage(lang.value)},lang:lang.value,label:lang.label},lang.value)}))})]})]}))})},DropdownLinks=function DropdownLinks(_ref5){var searchLabel=_ref5.searchLabel,searchPlaceholder=_ref5.searchPlaceholder,authenticated=_ref5.authenticated,userName=_ref5.userName,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref5,_excluded5);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Row,{ariaLabel:"Main navigation",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.DropdownLink,{label:"Dropdown Link",href:"#",onClick:function onClick(e){return e.preventDefault()},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.DropdownLink,{label:"Dropdown Link",href:"#",active:!0,onClick:function onClick(e){return e.preventDefault()},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.DropdownLink,{label:"Dropdown Link",href:"#",onClick:function onClick(e){return e.preventDefault()},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.DropdownLink,{label:"Dropdown Link",href:"#",onClick:function onClick(e){return e.preventDefault()},buttonAriaLabel:"Submenu",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Search,{searchLabel,searchPlaceholder}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.User,{authenticated,label:"Sign in",userName,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Link",href:"#",variant:"secondary",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Sign out",href:"#",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconSignout,{"aria-hidden":!0}),variant:"supplementary",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.LanguageSelector,{label:"FI",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fi",label:"Suomeksi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"sv",label:"På svenska"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"en",label:"In English"})]})]})]}))},WithoutTitleUrl=function WithoutTitleUrl(_ref6){var searchLabel=_ref6.searchLabel,searchPlaceholder=_ref6.searchPlaceholder,authenticated=_ref6.authenticated,userName=_ref6.userName,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref6,_excluded6);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},args),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Row,{ariaLabel:"Main navigation",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",active:!0,onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Dropdown,{label:"Dropdown",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",label:"Link",onClick:function onClick(e){return e.preventDefault()}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Search,{searchLabel,searchPlaceholder}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.User,{authenticated,label:"Sign in",userName,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Link",href:"#",variant:"secondary",onClick:function onClick(e){return e.preventDefault()}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{label:"Sign out",href:"#",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_11__.IconSignout,{"aria-hidden":!0}),variant:"supplementary",onClick:function onClick(e){return e.preventDefault()}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.LanguageSelector,{label:"FI",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fi",label:"Suomeksi"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"sv",label:"På svenska"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"en",label:"In English"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"fr",label:"En français"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"de",label:"Auf deutsch"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Navigation__WEBPACK_IMPORTED_MODULE_2__.W.Item,{href:"#",onClick:function onClick(e){return e.preventDefault()},lang:"ru",label:"По-русски"})]})]})]}))};WithoutTitleUrl.args={title:"Helsinki Design System",titleAriaLabel:"Helsinki: Helsinki Design System",titleUrl:void 0,theme:"light",menuToggleAriaLabel:"Menu",skipTo:"#content",skipToContentLabel:"Skip to main content",searchLabel:"Search",searchPlaceholder:"Search page",authenticated:!1,userName:"John Doe"},WithoutTitleUrl.parameters={loki:{skip:!0}},WithoutTitleUrl.storyName="Without title url",Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({storySource:{source:'({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n)'}},Default.parameters),Inline.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({storySource:{source:'({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => {\n return (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n );\n}'}},Inline.parameters),CustomTheme.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({storySource:{source:'({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => {\n return (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n );\n}'}},CustomTheme.parameters),Example.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({storySource:{source:"({ userName, ...args }) => {\n const i18n = {\n title: {\n fi: 'Helsingin kaupunki',\n sv: 'Helsingfors stad',\n en: 'City of Helsinki',\n },\n titleAria: {\n fi: 'Helsinki: Helsingin kaupunki',\n sv: 'Helsingfors: Helsingfors stad',\n en: 'Helsinki: City of Helsinki',\n },\n menuName: {\n fi: 'Päänavigointi',\n sv: 'Huvudnavigering',\n en: 'Main navigation',\n },\n menuToggleAria: {\n fi: 'Valikko',\n sv: 'Meny',\n en: 'Menu',\n },\n search: {\n fi: 'Hae',\n sv: 'Sök',\n en: 'Search',\n },\n searchPlaceholder: {\n fi: 'Hae sivustolta',\n sv: 'Sök på webbplatsen',\n en: 'Search page',\n },\n login: {\n fi: 'Kirjaudu sisään',\n sv: 'Logga in',\n en: 'Sign in',\n },\n loginAria: {\n fi: 'Käyttäjä:',\n sv: 'Användare:',\n en: 'User:',\n },\n logout: {\n fi: 'Kirjaudu ulos',\n sv: 'Logga ut',\n en: 'Sign out',\n },\n skip: {\n fi: 'Siirry sivun pääsisältöön',\n sv: 'Gå till huvudinnehåll',\n en: 'Skip to main content',\n },\n languageSelectorLabel: {\n fi: 'Kieli: Suomi. Vaihda kieli. Change language. Ändra språk.',\n sv: 'Språk: Svenska. Ändra språk. Vaihda kieli. Change language.',\n en: 'Language: English. Change language. Vaihda kieli. Ändra språk.',\n },\n navigation: [\n {\n fi: 'Kaupunki ja hallinto',\n sv: 'Staden och förvaltning',\n en: 'City administration',\n },\n {\n fi: 'Liikenne ja kartat',\n sv: 'Kartor och trafik',\n en: 'Maps and transport',\n },\n {\n fi: 'Kasvatus ja koulutus',\n sv: 'Fostran och utbildning',\n en: 'Childhood and education',\n },\n {\n fi: 'Kulttuuri ja vapaa-aika',\n sv: 'Kultur och fritid',\n en: 'Culture and leisure',\n },\n ],\n navigationDropdown: {\n label: {\n fi: 'Asuminen ja ympäristö',\n sv: 'Boende och miljö',\n en: 'Housing and environment',\n },\n options: [\n {\n fi: 'Asuminen',\n sv: 'Boende',\n en: 'Housing',\n },\n {\n fi: 'Kaavoitus ja suunnittelu',\n sv: 'Planläggning',\n en: 'Planning',\n },\n {\n fi: 'Rakentaminen',\n sv: 'Byggande',\n en: 'Construction',\n },\n ],\n },\n };\n const languages: LanguageOption[] = [\n { label: 'Suomeksi', value: 'fi' },\n { label: 'På svenska', value: 'sv' },\n { label: 'In English', value: 'en' },\n ];\n\n const [authenticated, setAuthenticated] = useState(false);\n const [language, setLanguage] = useState('fi');\n const [active, setActive] = useState();\n\n // show helsingfors logo if swedish is selected as the language\n const logoLanguage = language === 'sv' ? 'sv' : 'fi';\n\n return (\n <>\n {/* @ts-ignore */}\n \n {/* NAVIGATION ROW */}\n \n {i18n.navigation.map((item, index) => {\n return (\n {\n e.preventDefault();\n setActive(`link-${index}`);\n }}\n />\n );\n })}\n \n {i18n.navigationDropdown.options.map((option, index) => {\n return (\n {\n e.preventDefault();\n setActive('dropdown');\n }}\n />\n );\n })}\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n setAuthenticated(true)}\n userName={userName}\n >\n {\n e.preventDefault();\n setAuthenticated(false);\n }}\n variant=\"supplementary\"\n label={i18n.logout[language]}\n icon={}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n {languages.map((lang) => {\n return (\n {\n e.preventDefault();\n setLanguage(lang.value);\n }}\n lang={lang.value}\n label={lang.label}\n />\n );\n })}\n \n \n \n \n );\n}"}},Example.parameters),DropdownLinks.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({storySource:{source:'({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => {\n return (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()}>\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()}>\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()}>\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()}\n buttonAriaLabel="Submenu"\n >\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n \n \n \n );\n}'}},DropdownLinks.parameters),WithoutTitleUrl.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({storySource:{source:'({ searchLabel, searchPlaceholder, authenticated, userName, ...args }) => (\n // @ts-ignore\n \n {/* NAVIGATION ROW */}\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n e.preventDefault()} />\n \n \n\n {/* NAVIGATION ACTIONS */}\n \n {/* SEARCH */}\n \n\n {/* USER */}\n \n e.preventDefault()} />\n }\n variant="supplementary"\n onClick={(e) => e.preventDefault()}\n />\n \n\n {/* LANGUAGE SELECTOR */}\n \n e.preventDefault()} lang="fi" label="Suomeksi" />\n e.preventDefault()} lang="sv" label="På svenska" />\n e.preventDefault()} lang="en" label="In English" />\n e.preventDefault()} lang="fr" label="En français" />\n e.preventDefault()} lang="de" label="Auf deutsch" />\n e.preventDefault()} lang="ru" label="По-русски" />\n \n \n \n)'}},WithoutTitleUrl.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{searchLabel:{defaultValue:null,description:"",name:"searchLabel",required:!0,type:{name:"any"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"any"}},authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"any"}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/navigation/Navigation.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/navigation/Navigation.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Inline.displayName="Inline",Inline.__docgenInfo={description:"",displayName:"Inline",props:{searchLabel:{defaultValue:null,description:"",name:"searchLabel",required:!0,type:{name:"any"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"any"}},authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"any"}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/navigation/Navigation.stories.tsx#Inline"]={docgenInfo:Inline.__docgenInfo,name:"Inline",path:"src/components/navigation/Navigation.stories.tsx#Inline"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{searchLabel:{defaultValue:null,description:"",name:"searchLabel",required:!0,type:{name:"any"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"any"}},authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"any"}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/navigation/Navigation.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/navigation/Navigation.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/navigation/Navigation.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"src/components/navigation/Navigation.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}try{DropdownLinks.displayName="DropdownLinks",DropdownLinks.__docgenInfo={description:"",displayName:"DropdownLinks",props:{searchLabel:{defaultValue:null,description:"",name:"searchLabel",required:!0,type:{name:"any"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"any"}},authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"any"}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/navigation/Navigation.stories.tsx#DropdownLinks"]={docgenInfo:DropdownLinks.__docgenInfo,name:"DropdownLinks",path:"src/components/navigation/Navigation.stories.tsx#DropdownLinks"})}catch(__react_docgen_typescript_loader_error){}try{WithoutTitleUrl.displayName="WithoutTitleUrl",WithoutTitleUrl.__docgenInfo={description:"",displayName:"WithoutTitleUrl",props:{searchLabel:{defaultValue:null,description:"",name:"searchLabel",required:!0,type:{name:"any"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"any"}},authenticated:{defaultValue:null,description:"",name:"authenticated",required:!0,type:{name:"any"}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/navigation/Navigation.stories.tsx#WithoutTitleUrl"]={docgenInfo:WithoutTitleUrl.__docgenInfo,name:"WithoutTitleUrl",path:"src/components/navigation/Navigation.stories.tsx#WithoutTitleUrl"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/notification/Notification.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Alert:()=>Alert,AutoClose:()=>AutoClose,Default:()=>Default,Dismissible:()=>Dismissible,Error:()=>Error,Invisible:()=>Invisible,Large:()=>Large,Playground:()=>Playground,Small:()=>Small,Success:()=>Success,WithBoxShadow:()=>WithBoxShadow,WithCustomAriaLabel:()=>WithCustomAriaLabel,WithCustomHeadingLevel:()=>WithCustomHeadingLevel,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_Notification__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/notification/Notification.tsx"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),props={label:"Label"},content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.";const __WEBPACK_DEFAULT_EXPORT__={component:_Notification__WEBPACK_IMPORTED_MODULE_2__.P,title:"Components/Notification",parameters:{storySource:{source:"import React, { useEffect, useRef, useState } from 'react';\n\nimport { Notification, NotificationSizeInline, NotificationSizeToast } from './Notification';\nimport { Button } from '../button';\n\nconst props = {\n label: 'Label',\n};\nconst content =\n 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.';\n\nexport default {\n component: Notification,\n title: 'Components/Notification',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n decorators: [(storyFn) =>
{storyFn()}
],\n};\n\nexport const Default = () => {content};\n\nexport const Alert = () => (\n \n {content}\n \n);\n\nexport const Error = () => (\n \n {content}\n \n);\n\nexport const Success = () => (\n \n {content}\n \n);\n\nexport const Small = () => (\n \n Message\n \n);\n\nexport const Large = () => (\n \n {content}\n \n);\n\nexport const WithBoxShadow = () => (\n \n {content}\n \n);\n\nWithBoxShadow.storyName = 'With box shadow';\n\nexport const Invisible = () => {\n const [open, setOpen] = useState(false);\n return (\n <>\n \n {open && (\n \n I'm only seen by screen readers\n \n )}\n \n );\n};\n\nexport const Dismissible = () => {\n const [open, setOpen] = useState(true);\n const showButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n };\n\n return (\n <>\n {!open && (\n \n )}\n {open && (\n onClose()} closeButtonLabelText=\"Close notification\">\n {content}\n \n )}\n \n );\n};\n\nexport const AutoClose = () => {\n const [open, setOpen] = useState(false);\n const showButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n };\n\n return (\n <>\n {!open && (\n \n )}\n {open && (\n <>\n onClose()}\n >\n {content}\n \n \n {content}\n \n \n )}\n \n );\n};\n\nexport const WithCustomAriaLabel = () => (\n \n {content}\n \n);\n\nWithCustomAriaLabel.parameters = {\n loki: { skip: true },\n};\n\nWithCustomAriaLabel.storyName = 'With a custom aria-label';\n\nexport const WithCustomHeadingLevel = () => (\n \n {content}\n \n);\n\nWithCustomHeadingLevel.parameters = {\n loki: { skip: true },\n};\n\nWithCustomHeadingLevel.storyName = 'With a custom aria-level';\n\nexport const Playground = (args) => {\n const [open, setOpen] = useState(true);\n\n useEffect(() => {\n if (args.position === 'inline') setOpen(true);\n }, [args.position]);\n\n let typedSize;\n args.position === 'inline'\n ? (typedSize = args.size as NotificationSizeInline)\n : (typedSize = args.size as NotificationSizeToast);\n\n return (\n <>\n setOpen(!open)}\n >\n Toggle notification\n \n {open && (\n setOpen(false)}\n position={args.position}\n size={typedSize}\n dismissible={args.dismissible}\n closeButtonLabelText={args.closeButtonLabelText}\n headingLevel={args.headingLevel}\n >\n {args.body}\n \n )}\n \n );\n};\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n label: 'Label',\n body: content,\n closeButtonLabelText: 'Close notification',\n type: 'info',\n size: 'default',\n position: 'inline',\n invisible: false,\n dismissible: false,\n autoClose: false,\n displayAutoCloseProgress: true,\n autoCloseDuration: 6000,\n headingLevel: 2,\n};\n\nPlayground.argTypes = {\n type: {\n options: ['info', 'success', 'alert', 'error'],\n control: { type: 'radio' },\n },\n size: {\n options: ['default', 'small', 'large'],\n control: { type: 'radio' },\n },\n position: {\n options: ['inline', 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{default:{startLoc:{col:23,line:21},endLoc:{col:78,line:21},startBody:{col:23,line:21},endBody:{col:78,line:21}},alert:{startLoc:{col:21,line:23},endLoc:{col:1,line:27},startBody:{col:21,line:23},endBody:{col:1,line:27}},error:{startLoc:{col:21,line:29},endLoc:{col:1,line:33},startBody:{col:21,line:29},endBody:{col:1,line:33}},success:{startLoc:{col:23,line:35},endLoc:{col:1,line:39},startBody:{col:23,line:35},endBody:{col:1,line:39}},small:{startLoc:{col:21,line:41},endLoc:{col:1,line:45},startBody:{col:21,line:41},endBody:{col:1,line:45}},large:{startLoc:{col:21,line:47},endLoc:{col:1,line:51},startBody:{col:21,line:47},endBody:{col:1,line:51}},"with-box-shadow":{startLoc:{col:29,line:53},endLoc:{col:1,line:57},startBody:{col:29,line:53},endBody:{col:1,line:57}},invisible:{startLoc:{col:25,line:61},endLoc:{col:1,line:73},startBody:{col:25,line:61},endBody:{col:1,line:73}},dismissible:{startLoc:{col:27,line:75},endLoc:{col:1,line:99},startBody:{col:27,line:75},endBody:{col:1,line:99}},"auto-close":{startLoc:{col:25,line:101},endLoc:{col:1,line:142},startBody:{col:25,line:101},endBody:{col:1,line:142}},"with-custom-aria-label":{startLoc:{col:35,line:144},endLoc:{col:1,line:148},startBody:{col:35,line:144},endBody:{col:1,line:148}},"with-custom-heading-level":{startLoc:{col:38,line:156},endLoc:{col:1,line:160},startBody:{col:38,line:156},endBody:{col:1,line:160}},playground:{startLoc:{col:26,line:168},endLoc:{col:1,line:213},startBody:{col:26,line:168},endBody:{col:1,line:213}}}},controls:{hideNoControlsWarning:!0}},decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}]};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{children:content}))},Alert=function Alert(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{type:"alert",children:content}))},Error=function Error(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{type:"error",children:content}))},Success=function Success(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{type:"success",children:content}))},Small=function Small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"Only visible for screen readers",size:"small",children:"Message"})},Large=function Large(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{size:"large",children:content}))},WithBoxShadow=function WithBoxShadow(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{boxShadow:!0,children:content}))};WithBoxShadow.storyName="With box shadow";var Invisible=function Invisible(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{onClick:function onClick(){return setOpen(!open)},children:"Toggle notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"Invisible notification",invisible:!0,children:"I'm only seen by screen readers"})]})},Dismissible=function Dismissible(){var _useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],showButtonRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[!open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{ref:showButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{dismissible:!0,onClose:function onClose(){return function onClose(){setOpen(!1),showButtonRef.current&&showButtonRef.current.focus()}()},closeButtonLabelText:"Close notification",children:content}))]})},AutoClose=function AutoClose(){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState5,2),open=_useState6[0],setOpen=_useState6[1],showButtonRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[!open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{ref:showButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"With progress bar",position:"top-left",autoClose:!0,autoCloseDuration:3e3,onClose:function onClose(){return function onClose(){setOpen(!1),showButtonRef.current&&showButtonRef.current.focus()}()},children:content}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"Without progress bar",position:"top-center",autoClose:!0,autoCloseDuration:3e3,displayAutoCloseProgress:!1,children:content})]})]})},WithCustomAriaLabel=function WithCustomAriaLabel(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{notificationAriaLabel:"Custom aria label",children:content}))};WithCustomAriaLabel.parameters={loki:{skip:!0}},WithCustomAriaLabel.storyName="With a custom aria-label";var WithCustomHeadingLevel=function WithCustomHeadingLevel(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{headingLevel:3,children:content}))};WithCustomHeadingLevel.parameters={loki:{skip:!0}},WithCustomHeadingLevel.storyName="With a custom aria-level";var Playground=function Playground(args){var typedSize,_useState7=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),_useState8=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState7,2),open=_useState8[0],setOpen=_useState8[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){"inline"===args.position&&setOpen(!0)}),[args.position]),typedSize=(args.position,args.size),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{style:{position:"fixed",left:"50%",top:"50%",transform:"translate(-50%, -50%)"},onClick:function onClick(){return setOpen(!open)},children:"Toggle notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{autoClose:args.autoClose,autoCloseDuration:args.autoCloseDuration,displayAutoCloseProgress:args.displayAutoCloseProgress,invisible:args.invisible,label:args.label,type:args.type,onClose:function onClose(){return setOpen(!1)},position:args.position,size:typedSize,dismissible:args.dismissible,closeButtonLabelText:args.closeButtonLabelText,headingLevel:args.headingLevel,children:args.body})]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={label:"Label",body:content,closeButtonLabelText:"Close notification",type:"info",size:"default",position:"inline",invisible:!1,dismissible:!1,autoClose:!1,displayAutoCloseProgress:!0,autoCloseDuration:6e3,headingLevel:2},Playground.argTypes={type:{options:["info","success","alert","error"],control:{type:"radio"}},size:{options:["default","small","large"],control:{type:"radio"}},position:{options:["inline","top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],control:{type:"radio"}}},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => {content}"}},Default.parameters),Alert.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Alert.parameters),Error.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Error.parameters),Success.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Success.parameters),Small.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n Message\n \n)'}},Small.parameters),Large.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Large.parameters),WithBoxShadow.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => (\n \n {content}\n \n)"}},WithBoxShadow.parameters),Invisible.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => {\n const [open, setOpen] = useState(false);\n return (\n <>\n \n {open && (\n \n I'm only seen by screen readers\n \n )}\n \n );\n}'}},Invisible.parameters),Dismissible.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => {\n const [open, setOpen] = useState(true);\n const showButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n };\n\n return (\n <>\n {!open && (\n \n )}\n {open && (\n onClose()} closeButtonLabelText="Close notification">\n {content}\n \n )}\n \n );\n}'}},Dismissible.parameters),AutoClose.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => {\n const [open, setOpen] = useState(false);\n const showButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n };\n\n return (\n <>\n {!open && (\n \n )}\n {open && (\n <>\n onClose()}\n >\n {content}\n \n \n {content}\n \n \n )}\n \n );\n}'}},AutoClose.parameters),WithCustomAriaLabel.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},WithCustomAriaLabel.parameters),WithCustomHeadingLevel.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => (\n \n {content}\n \n)"}},WithCustomHeadingLevel.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const [open, setOpen] = useState(true);\n\n useEffect(() => {\n if (args.position === 'inline') setOpen(true);\n }, [args.position]);\n\n let typedSize;\n args.position === 'inline'\n ? (typedSize = args.size as NotificationSizeInline)\n : (typedSize = args.size as NotificationSizeToast);\n\n return (\n <>\n setOpen(!open)}\n >\n Toggle notification\n \n {open && (\n setOpen(false)}\n position={args.position}\n size={typedSize}\n dismissible={args.dismissible}\n closeButtonLabelText={args.closeButtonLabelText}\n headingLevel={args.headingLevel}\n >\n {args.body}\n \n )}\n \n );\n}"}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/notification/Notification.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/notification/Notification.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/numberInput/NumberInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomStep:()=>CustomStep,Default:()=>Default,Disabled:()=>Disabled,WithDefaultValue:()=>WithDefaultValue,WithMinAndMax:()=>WithMinAndMax,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_NumberInput__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/numberInput/NumberInput.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,title:"Components/NumberInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"300px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\n\nimport { NumberInput } from './NumberInput';\n\nexport default {\n component: NumberInput,\n title: 'Components/NumberInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n};\n\nexport const Default = (args) => ;\nDefault.args = {\n id: 'Default',\n helperText: 'Assistive text',\n label: 'Label',\n minusStepButtonAriaLabel: 'Decrease by one',\n plusStepButtonAriaLabel: 'Increase by one',\n unit: '€',\n};\n\nexport const CustomStep = (args) => ;\nCustomStep.storyName = 'With a custom step value';\nCustomStep.args = {\n id: 'CustomStep',\n step: 10,\n helperText: 'Assistive text for input with steps of 10',\n label: 'Label for step test',\n minusStepButtonAriaLabel: 'Decrease by ten',\n plusStepButtonAriaLabel: 'Increase by ten',\n unit: '€',\n};\n\nexport const Disabled = (args) => ;\nDisabled.storyName = 'Disabled';\nDisabled.args = {\n id: 'Disabled',\n step: 10,\n helperText: 'Assistive text',\n label: 'Label for disabled',\n minusStepButtonAriaLabel: 'Decrease by ten',\n plusStepButtonAriaLabel: 'Increase by ten',\n unit: '€',\n disabled: true,\n};\n\nexport const WithMinAndMax = (args) => ;\nWithMinAndMax.storyName = 'With min and max value';\nWithMinAndMax.args = {\n id: 'WithMinAndMax',\n step: 1,\n min: 15,\n max: 40,\n helperText: 'Assistive text',\n label: 'Label for min 15 max 40',\n minusStepButtonAriaLabel: 'Decrease by one',\n plusStepButtonAriaLabel: 'Increase by one',\n unit: '€',\n};\n\nexport const WithDefaultValue = (args) => ;\nWithDefaultValue.storyName = 'With a default value';\nWithDefaultValue.args = {\n id: 'WithDefaultValue',\n step: 10,\n defaultValue: 20,\n helperText: 'Assistive text',\n label: 'Label for default 20, step 10',\n minusStepButtonAriaLabel: 'Decrease by ten',\n plusStepButtonAriaLabel: 'Increase by ten',\n unit: '€',\n};\n",locationsMap:{default:{startLoc:{col:23,line:14},endLoc:{col:58,line:14},startBody:{col:23,line:14},endBody:{col:58,line:14}},"custom-step":{startLoc:{col:26,line:24},endLoc:{col:61,line:24},startBody:{col:26,line:24},endBody:{col:61,line:24}},disabled:{startLoc:{col:24,line:36},endLoc:{col:59,line:36},startBody:{col:24,line:36},endBody:{col:59,line:36}},"with-min-and-max":{startLoc:{col:29,line:49},endLoc:{col:64,line:49},startBody:{col:29,line:49},endBody:{col:64,line:49}},"with-default-value":{startLoc:{col:32,line:63},endLoc:{col:67,line:63},startBody:{col:32,line:63},endBody:{col:67,line:63}}}},controls:{expanded:!0}}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};Default.args={id:"Default",helperText:"Assistive text",label:"Label",minusStepButtonAriaLabel:"Decrease by one",plusStepButtonAriaLabel:"Increase by one",unit:"€"};var CustomStep=function CustomStep(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};CustomStep.storyName="With a custom step value",CustomStep.args={id:"CustomStep",step:10,helperText:"Assistive text for input with steps of 10",label:"Label for step test",minusStepButtonAriaLabel:"Decrease by ten",plusStepButtonAriaLabel:"Increase by ten",unit:"€"};var Disabled=function Disabled(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};Disabled.storyName="Disabled",Disabled.args={id:"Disabled",step:10,helperText:"Assistive text",label:"Label for disabled",minusStepButtonAriaLabel:"Decrease by ten",plusStepButtonAriaLabel:"Increase by ten",unit:"€",disabled:!0};var WithMinAndMax=function WithMinAndMax(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithMinAndMax.storyName="With min and max value",WithMinAndMax.args={id:"WithMinAndMax",step:1,min:15,max:40,helperText:"Assistive text",label:"Label for min 15 max 40",minusStepButtonAriaLabel:"Decrease by one",plusStepButtonAriaLabel:"Increase by one",unit:"€"};var WithDefaultValue=function WithDefaultValue(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args))};WithDefaultValue.storyName="With a default value",WithDefaultValue.args={id:"WithDefaultValue",step:10,defaultValue:20,helperText:"Assistive text",label:"Label for default 20, step 10",minusStepButtonAriaLabel:"Decrease by ten",plusStepButtonAriaLabel:"Increase by ten",unit:"€"},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Default.parameters),CustomStep.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},CustomStep.parameters),Disabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},Disabled.parameters),WithMinAndMax.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},WithMinAndMax.parameters),WithDefaultValue.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => "}},WithDefaultValue.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/numberInput/NumberInput.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/numberInput/NumberInput.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{CustomStep.displayName="CustomStep",CustomStep.__docgenInfo={description:"",displayName:"CustomStep",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/numberInput/NumberInput.stories.tsx#CustomStep"]={docgenInfo:CustomStep.__docgenInfo,name:"CustomStep",path:"src/components/numberInput/NumberInput.stories.tsx#CustomStep"})}catch(__react_docgen_typescript_loader_error){}try{Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",displayName:"Disabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/numberInput/NumberInput.stories.tsx#Disabled"]={docgenInfo:Disabled.__docgenInfo,name:"Disabled",path:"src/components/numberInput/NumberInput.stories.tsx#Disabled"})}catch(__react_docgen_typescript_loader_error){}try{WithMinAndMax.displayName="WithMinAndMax",WithMinAndMax.__docgenInfo={description:"",displayName:"WithMinAndMax",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/numberInput/NumberInput.stories.tsx#WithMinAndMax"]={docgenInfo:WithMinAndMax.__docgenInfo,name:"WithMinAndMax",path:"src/components/numberInput/NumberInput.stories.tsx#WithMinAndMax"})}catch(__react_docgen_typescript_loader_error){}try{WithDefaultValue.displayName="WithDefaultValue",WithDefaultValue.__docgenInfo={description:"",displayName:"WithDefaultValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/numberInput/NumberInput.stories.tsx#WithDefaultValue"]={docgenInfo:WithDefaultValue.__docgenInfo,name:"WithDefaultValue",path:"src/components/numberInput/NumberInput.stories.tsx#WithDefaultValue"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/pagination/Pagination.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,CustomTheme:()=>CustomTheme,Playground:()=>Playground,WithTruncation:()=>WithTruncation,WithoutPrevAndNextButtons:()=>WithoutPrevAndNextButtons,default:()=>Pagination_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),dist_import=__webpack_require__("../../node_modules/@react-aria/visually-hidden/dist/import.mjs");__webpack_require__("./src/styles/base.css");const Pagination_module={container:"Pagination_container__foAKJ pagination_hds-pagination-container__RDEe-",hideNextButton:"Pagination_hideNextButton__yC6Bn",buttonPrevious:"Pagination_buttonPrevious__TgCuR pagination_hds-pagination__button-prev__zx8i-",buttonNext:"Pagination_buttonNext__l2UKM pagination_hds-pagination__button-next__b5ZQ5",pagination:"Pagination_pagination__hDKaT pagination_hds-pagination__dbixm",pages:"Pagination_pages__Q5UsW pagination_hds-pagination__pages__VbDcc",itemEllipsis:"Pagination_itemEllipsis__KrXD8 pagination_hds-pagination__item-ellipsis__38wXN",itemLink:"Pagination_itemLink__MV-kF pagination_hds-pagination__item-link__XnfJ7",itemLinkActive:"Pagination_itemLinkActive__8nHXW pagination_hds-pagination__item-link--active__dHGJr"};var classNames=__webpack_require__("./src/utils/classNames.ts"),Button=__webpack_require__("./src/components/button/Button.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),mapLangToNext=function mapLangToNext(language){return{fi:"Seuraava",sv:"Nästa",en:"Next"}[language]},mapLangToPrevious=function mapLangToPrevious(language){return{fi:"Edellinen",sv:"Föregående",en:"Previous"}[language]},mapLangToPageAriaLabel=function mapLangToPageAriaLabel(pageNumber,language){return{fi:"Sivu ".concat(pageNumber),sv:"Sida ".concat(pageNumber),en:"Page ".concat(pageNumber)}[language]},mapLangToPageTitle=function mapLangToPageTitle(pageNumber,language,currentPage){return currentPage?{fi:"Nykyinen sivu",sv:"Nuvarande sida",en:"Current page"}[language]:{fi:"Sivu ".concat(pageNumber),sv:"Sida ".concat(pageNumber),en:"Page ".concat(pageNumber)}[language]},mapLangToOpenedPage=function mapLangToOpenedPage(pageNumber,language){return{fi:"Avattu sivu ".concat(pageNumber),sv:"Öppnad sida ".concat(pageNumber),en:"Opened page ".concat(pageNumber)}[language]},range=function range(start,end){var length=end-start+1;return Array.from({length},(function(_,i){return start+i}))},Ellipsis=function(Ellipsis){return Ellipsis.start="start-ellipsis",Ellipsis.end="end-ellipsis",Ellipsis}(Ellipsis||{}),Pagination=function Pagination(_ref2){var _ref2$dataTestId=_ref2.dataTestId,dataTestId=void 0===_ref2$dataTestId?"hds-pagination":_ref2$dataTestId,_ref2$hideNextButton=_ref2.hideNextButton,hideNextButton=void 0!==_ref2$hideNextButton&&_ref2$hideNextButton,_ref2$hidePrevButton=_ref2.hidePrevButton,hidePrevButton=void 0!==_ref2$hidePrevButton&&_ref2$hidePrevButton,_ref2$language=_ref2.language,language=void 0===_ref2$language?"fi":_ref2$language,onChange=_ref2.onChange,pageCount=_ref2.pageCount,pageHref=_ref2.pageHref,pageIndex=_ref2.pageIndex,paginationAriaLabel=_ref2.paginationAriaLabel,_ref2$siblingCount=_ref2.siblingCount,siblingCount=void 0===_ref2$siblingCount?1:_ref2$siblingCount,theme=_ref2.theme,initialPageIndex=(0,react.useRef)(pageIndex),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),hasUserChangedPage=_useState2[0],setHasUserChangedPage=_useState2[1];(0,react.useEffect)((function(){!1===hasUserChangedPage&&pageIndex!==initialPageIndex.current&&setHasUserChangedPage(!0)}),[pageIndex,hasUserChangedPage]);var itemList=(0,react.useMemo)((function(){return function createPaginationItemList(_ref){var pageCount=_ref.pageCount,pageIndex=_ref.pageIndex,siblingCount=_ref.siblingCount,endPages=range(Math.max(pageCount,2),pageCount),startPages=range(1,Math.min(1,pageCount)),siblingsStart=Math.max(Math.min(pageIndex+1-siblingCount,pageCount-1-2*siblingCount-1),3),siblingsEnd=Math.min(Math.max(pageIndex+1+siblingCount,1+2*siblingCount+2),endPages.length>0?endPages[0]-2:pageCount-1);return[].concat((0,toConsumableArray.Z)(startPages),(0,toConsumableArray.Z)(siblingsStart>3?["start-ellipsis"]:pageCount-1>2?[2]:[]),(0,toConsumableArray.Z)(range(siblingsStart,siblingsEnd)),(0,toConsumableArray.Z)(siblingsEnd1?[pageCount-1]:[]),(0,toConsumableArray.Z)(endPages))}({pageCount,pageIndex,siblingCount})}),[pageCount,pageIndex,siblingCount]),customThemeClass=(0,useTheme.F)(Pagination_module.pagination,theme);return pageCount<=0?null:(0,jsx_runtime.jsx)("div",{className:Pagination_module.container,children:(0,jsx_runtime.jsxs)("nav",{className:(0,classNames.Z)(Pagination_module.pagination,customThemeClass,hideNextButton?Pagination_module.hideNextButton:""),role:"navigation","aria-label":paginationAriaLabel,"data-next":mapLangToNext(language),"data-testid":dataTestId,children:[(0,jsx_runtime.jsx)(dist_import.T,{children:(0,jsx_runtime.jsx)("span",{"aria-atomic":!0,"aria-live":"polite",children:hasUserChangedPage?mapLangToOpenedPage(pageIndex+1,language):""})}),!hidePrevButton&&(0,jsx_runtime.jsx)(Button.z,{className:Pagination_module.buttonPrevious,"data-testid":"".concat(dataTestId,"-previous-button"),disabled:0===pageIndex||1===pageCount,onClick:function onClick(event){return onChange(event,pageIndex-1)},variant:"supplementary",theme:"black",iconLeft:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{}),children:mapLangToPrevious(language)}),(0,jsx_runtime.jsx)("ul",{className:Pagination_module.pages,children:itemList.map((function(pageItem){return pageItem===Ellipsis.start||pageItem===Ellipsis.end?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("span",{className:Pagination_module.itemEllipsis,children:"..."})},pageItem):(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{className:(0,classNames.Z)(Pagination_module.itemLink,pageIndex+1===pageItem?Pagination_module.itemLinkActive:""),"data-testid":"".concat(dataTestId,"-page-").concat(pageItem),href:pageHref(pageItem),onClick:onChange?function(event){return onChange(event,pageItem-1)}:void 0,title:mapLangToPageTitle(pageItem,language,pageItem===pageIndex+1),"aria-label":mapLangToPageAriaLabel(pageItem,language),"aria-current":pageIndex+1===pageItem&&"page",children:pageItem})},pageItem)}))}),!hideNextButton&&(0,jsx_runtime.jsx)(Button.z,{className:Pagination_module.buttonNext,"data-testid":"".concat(dataTestId,"-next-button"),disabled:pageIndex===pageCount-1||1===pageCount,onClick:function onClick(event){return onChange(event,pageIndex+1)},variant:"supplementary",theme:"black",iconRight:(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{className:Pagination_module.angleRightIcon}),children:mapLangToNext(language)})]})})};try{Pagination.displayName="Pagination",Pagination.__docgenInfo={description:"",displayName:"Pagination",props:{dataTestId:{defaultValue:{value:"hds-pagination"},description:"Data test id of pagination",name:"dataTestId",required:!1,type:{name:"string"}},hideNextButton:{defaultValue:{value:"false"},description:"If true, hide the next-page button",name:"hideNextButton",required:!1,type:{name:"boolean"}},hidePrevButton:{defaultValue:{value:"false"},description:"If true, hide the previous-page button",name:"hidePrevButton",required:!1,type:{name:"boolean"}},language:{defaultValue:{value:"fi"},description:"The language of the pagination component.",name:"language",required:!1,type:{name:"enum",value:[{value:'"en"'},{value:'"fi"'},{value:'"sv"'}]}},onChange:{defaultValue:null,description:"Callback fired when the page is changed",name:"onChange",required:!1,type:{name:"(event: MouseEvent | MouseEvent, index: number) => void"}},pageCount:{defaultValue:null,description:"The total number of pages",name:"pageCount",required:!0,type:{name:"number"}},pageHref:{defaultValue:null,description:"A function for generating the href of pages",name:"pageHref",required:!0,type:{name:"(index: number) => string"}},pageIndex:{defaultValue:null,description:"The active page index",name:"pageIndex",required:!0,type:{name:"number"}},paginationAriaLabel:{defaultValue:null,description:"Aria-label for the pagination nav element",name:"paginationAriaLabel",required:!0,type:{name:"string"}},siblingCount:{defaultValue:{value:"1"},description:"Number of always visible pages before and after the current page",name:"siblingCount",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"Theme prop for customisation of the Pagination component",name:"theme",required:!1,type:{name:"PaginationCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination.__docgenInfo,name:"Pagination",path:"src/components/pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}const Pagination_stories={component:Pagination,title:"Components/Pagination",parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { Pagination } from './Pagination';\n\nexport default {\n component: Pagination,\n title: 'Components/Pagination',\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\n// args is required for docs tab to show source code\n\nexport const Basic = (args) => {\n const [pageIndex, setPageIndex] = useState(0);\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n />\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const WithTruncation = (args) => {\n const [pageIndexPagination1, setPageIndexPagination1] = useState(7);\n const [pageIndexPagination2, setPageIndexPagination2] = useState(7);\n const [pageIndexPagination3, setPageIndexPagination3] = useState(7);\n\n return (\n <>\n {\n event.preventDefault();\n setPageIndexPagination1(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndexPagination1}\n paginationAriaLabel=\"Pagination 1\"\n siblingCount={0}\n />\n {\n event.preventDefault();\n setPageIndexPagination2(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndexPagination2}\n paginationAriaLabel=\"Pagination 2\"\n />\n {\n event.preventDefault();\n setPageIndexPagination3(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndexPagination3}\n paginationAriaLabel=\"Pagination 3\"\n siblingCount={2}\n />\n \n );\n};\n\nWithTruncation.storyName = 'With truncation';\n\n// args is required for docs tab to show source code\n\nexport const WithoutPrevAndNextButtons = (args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n />\n );\n};\n\nWithoutPrevAndNextButtons.storyName = 'Without prev and next buttons';\n\n// args is required for docs tab to show source code\n\nexport const CustomTheme = (args) => {\n const theme = {\n '--active-page-background-color': 'var(--color-bus)',\n };\n\n const [pageIndex, setPageIndex] = useState(0);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n theme={theme}\n />\n );\n};\n\nCustomTheme.storyName = 'Custom theme';\n\nexport const Playground = (args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={args.pageCount}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel={args.paginationAriaLabel}\n siblingCount={args.siblingCount}\n theme={args.theme}\n />\n );\n};\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: true },\n};\n\nPlayground.args = {\n dataTestId: 'hds-pagination',\n hideNextButton: false,\n hidePrevButton: false,\n language: 'en',\n pageCount: 68,\n siblingCount: 2,\n paginationAriaLabel: 'Pagination',\n theme: {\n '--active-page-background-color': 'var(--color-bus)',\n },\n};\n\nPlayground.argTypes = {\n language: {\n options: ['fi', 'en', 'sv'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{basic:{startLoc:{col:21,line:16},endLoc:{col:1,line:31},startBody:{col:21,line:16},endBody:{col:1,line:31}},"with-truncation":{startLoc:{col:30,line:35},endLoc:{col:1,line:79},startBody:{col:30,line:35},endBody:{col:1,line:79}},"without-prev-and-next-buttons":{startLoc:{col:41,line:85},endLoc:{col:1,line:103},startBody:{col:41,line:85},endBody:{col:1,line:103}},"custom-theme":{startLoc:{col:27,line:109},endLoc:{col:1,line:130},startBody:{col:27,line:109},endBody:{col:1,line:130}},playground:{startLoc:{col:26,line:134},endLoc:{col:1,line:155},startBody:{col:26,line:134},endBody:{col:1,line:155}}}},controls:{expanded:!0}},args:{}};var Basic=function Basic(args){var _useState=(0,react.useState)(0),_useState2=(0,slicedToArray.Z)(_useState,2),pageIndex=_useState2[0],setPageIndex=_useState2[1];return(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:5,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:"Pagination"})},WithTruncation=function WithTruncation(args){var _useState3=(0,react.useState)(7),_useState4=(0,slicedToArray.Z)(_useState3,2),pageIndexPagination1=_useState4[0],setPageIndexPagination1=_useState4[1],_useState5=(0,react.useState)(7),_useState6=(0,slicedToArray.Z)(_useState5,2),pageIndexPagination2=_useState6[0],setPageIndexPagination2=_useState6[1],_useState7=(0,react.useState)(7),_useState8=(0,slicedToArray.Z)(_useState7,2),pageIndexPagination3=_useState8[0],setPageIndexPagination3=_useState8[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndexPagination1(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex:pageIndexPagination1,paginationAriaLabel:"Pagination 1",siblingCount:0}),(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndexPagination2(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex:pageIndexPagination2,paginationAriaLabel:"Pagination 2"}),(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndexPagination3(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex:pageIndexPagination3,paginationAriaLabel:"Pagination 3",siblingCount:2})]})};WithTruncation.storyName="With truncation";var WithoutPrevAndNextButtons=function WithoutPrevAndNextButtons(args){var _useState9=(0,react.useState)(7),_useState10=(0,slicedToArray.Z)(_useState9,2),pageIndex=_useState10[0],setPageIndex=_useState10[1];return(0,jsx_runtime.jsx)(Pagination,{hideNextButton:!0,hidePrevButton:!0,language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:"Pagination"})};WithoutPrevAndNextButtons.storyName="Without prev and next buttons";var CustomTheme=function CustomTheme(args){var _useState11=(0,react.useState)(0),_useState12=(0,slicedToArray.Z)(_useState11,2),pageIndex=_useState12[0],setPageIndex=_useState12[1];return(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:5,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:"Pagination",theme:{"--active-page-background-color":"var(--color-bus)"}})};CustomTheme.storyName="Custom theme";var Playground=function Playground(args){var _useState13=(0,react.useState)(7),_useState14=(0,slicedToArray.Z)(_useState13,2),pageIndex=_useState14[0],setPageIndex=_useState14[1];return(0,jsx_runtime.jsx)(Pagination,{dataTestId:args.dataTestId,hideNextButton:args.hideNextButton,hidePrevButton:args.hidePrevButton,language:args.language,onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:args.pageCount,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:args.paginationAriaLabel,siblingCount:args.siblingCount,theme:args.theme})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!0}},Playground.args={dataTestId:"hds-pagination",hideNextButton:!1,hidePrevButton:!1,language:"en",pageCount:68,siblingCount:2,paginationAriaLabel:"Pagination",theme:{"--active-page-background-color":"var(--color-bus)"}},Playground.argTypes={language:{options:["fi","en","sv"],control:{type:"radio"}}},Basic.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [pageIndex, setPageIndex] = useState(0);\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => \'#\'}\n pageIndex={pageIndex}\n paginationAriaLabel="Pagination"\n />\n );\n}'}},Basic.parameters),WithTruncation.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [pageIndexPagination1, setPageIndexPagination1] = useState(7);\n const [pageIndexPagination2, setPageIndexPagination2] = useState(7);\n const [pageIndexPagination3, setPageIndexPagination3] = useState(7);\n\n return (\n <>\n {\n event.preventDefault();\n setPageIndexPagination1(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndexPagination1}\n paginationAriaLabel="Pagination 1"\n siblingCount={0}\n />\n {\n event.preventDefault();\n setPageIndexPagination2(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndexPagination2}\n paginationAriaLabel="Pagination 2"\n />\n {\n event.preventDefault();\n setPageIndexPagination3(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndexPagination3}\n paginationAriaLabel="Pagination 3"\n siblingCount={2}\n />\n \n );\n}'}},WithTruncation.parameters),WithoutPrevAndNextButtons.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndex}\n paginationAriaLabel="Pagination"\n />\n );\n}'}},WithoutPrevAndNextButtons.parameters),CustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const theme = {\n '--active-page-background-color': 'var(--color-bus)',\n };\n\n const [pageIndex, setPageIndex] = useState(0);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n theme={theme}\n />\n );\n}"}},CustomTheme.parameters),Playground.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={args.pageCount}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel={args.paginationAriaLabel}\n siblingCount={args.siblingCount}\n theme={args.theme}\n />\n );\n}"}},Playground.parameters);try{Basic.displayName="Basic",Basic.__docgenInfo={description:"",displayName:"Basic",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#Basic"]={docgenInfo:Basic.__docgenInfo,name:"Basic",path:"src/components/pagination/Pagination.stories.tsx#Basic"})}catch(__react_docgen_typescript_loader_error){}try{WithTruncation.displayName="WithTruncation",WithTruncation.__docgenInfo={description:"",displayName:"WithTruncation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#WithTruncation"]={docgenInfo:WithTruncation.__docgenInfo,name:"WithTruncation",path:"src/components/pagination/Pagination.stories.tsx#WithTruncation"})}catch(__react_docgen_typescript_loader_error){}try{WithoutPrevAndNextButtons.displayName="WithoutPrevAndNextButtons",WithoutPrevAndNextButtons.__docgenInfo={description:"",displayName:"WithoutPrevAndNextButtons",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#WithoutPrevAndNextButtons"]={docgenInfo:WithoutPrevAndNextButtons.__docgenInfo,name:"WithoutPrevAndNextButtons",path:"src/components/pagination/Pagination.stories.tsx#WithoutPrevAndNextButtons"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/pagination/Pagination.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/pagination/Pagination.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/passwordInput/PasswordInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoCompleteOn:()=>AutoCompleteOn,Default:()=>Default,Disabled:()=>Disabled,InitiallyRevealed:()=>InitiallyRevealed,Invalid:()=>Invalid,Success:()=>Success,WithDefaultValue:()=>WithDefaultValue,WithExternalShowPasswordButton:()=>WithExternalShowPasswordButton,default:()=>PasswordInput_stories});var slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");__webpack_require__("./src/styles/base.css");const PasswordInput_module_disabledShowPasswordButton="PasswordInput_disabledShowPasswordButton__5nnnF";var IconEyeCrossed=__webpack_require__("./src/icons/IconEyeCrossed.tsx"),IconEye=__webpack_require__("./src/icons/IconEye.tsx"),InputWrapper=__webpack_require__("./src/internal/input-wrapper/InputWrapper.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),TextInput_module=__webpack_require__("./src/components/textInput/TextInput.module.css"),composeAriaDescribedBy=__webpack_require__("./src/utils/composeAriaDescribedBy.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["className","errorText","helperText","hideLabel","id","invalid","label","required","style","successText","infoText","tooltipLabel","tooltipText","tooltipButtonLabel","concealPasswordButtonAriaLabel","disabled","includeShowPasswordButton","initiallyRevealed","onBlur","revealPasswordButtonAriaLabel","type"],PasswordInput=react.forwardRef((function(_ref,ref){var revealPassword,setRevealPassword,className=_ref.className,errorText=_ref.errorText,helperText=_ref.helperText,hideLabel=_ref.hideLabel,id=_ref.id,invalid=_ref.invalid,label=_ref.label,required=_ref.required,style=_ref.style,successText=_ref.successText,infoText=_ref.infoText,tooltipLabel=_ref.tooltipLabel,tooltipText=_ref.tooltipText,tooltipButtonLabel=_ref.tooltipButtonLabel,concealPasswordButtonAriaLabel=_ref.concealPasswordButtonAriaLabel,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$includeShowPassw=_ref.includeShowPasswordButton,includeShowPasswordButton=void 0===_ref$includeShowPassw||_ref$includeShowPassw,_ref$initiallyReveale=_ref.initiallyRevealed,initiallyRevealed=void 0!==_ref$initiallyReveale&&_ref$initiallyReveale,onBlur=_ref.onBlur,revealPasswordButtonAriaLabel=_ref.revealPasswordButtonAriaLabel,type=_ref.type,passwordInputProps=(0,objectWithoutProperties.Z)(_ref,_excluded),wrapperProps={className,errorText,helperText,hideLabel,id,invalid,label,required,style,successText,infoText,tooltipLabel,tooltipText,tooltipButtonLabel};if(includeShowPasswordButton){var _useState=(0,react.useState)(initiallyRevealed),_useState2=(0,slicedToArray.Z)(_useState,2);revealPassword=_useState2[0],setRevealPassword=_useState2[1]}var ariaDescribedBy=(0,composeAriaDescribedBy.Z)(id,helperText,errorText,successText,infoText);return(0,jsx_runtime.jsxs)(InputWrapper.S,(0,objectSpread2.Z)((0,objectSpread2.Z)({onBlur:function handleOnBlur(event){event.currentTarget.contains(event.relatedTarget)||includeShowPasswordButton&&revealPassword&&setRevealPassword(!1),"function"==typeof onBlur&&onBlur(event)}},wrapperProps),{},{children:[(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)({className:(0,classNames.Z)(TextInput_module.Z.input,includeShowPasswordButton&&TextInput_module.Z.hasButton),disabled,id,ref,required,type:function resolveType(){return includeShowPasswordButton?revealPassword?"text":"password":type||"password"}(),"aria-describedby":ariaDescribedBy.length>0?ariaDescribedBy:null},passwordInputProps)),includeShowPasswordButton&&(0,jsx_runtime.jsx)("div",{className:TextInput_module.Z.buttonWrapper,children:(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:TextInput_module.Z.button,type:"button",disabled},function getButtonProps(){return revealPassword?{"aria-label":concealPasswordButtonAriaLabel,onClick:function onClick(){return setRevealPassword(!1)}}:{"aria-label":revealPasswordButtonAriaLabel,onClick:function onClick(){return setRevealPassword(!0)}}}()),{},{children:[revealPassword&&(0,jsx_runtime.jsx)(IconEyeCrossed.IconEyeCrossed,{"aria-hidden":!0,className:disabled?PasswordInput_module_disabledShowPasswordButton:""}),!revealPassword&&(0,jsx_runtime.jsx)(IconEye.IconEye,{"aria-hidden":!0,className:disabled?PasswordInput_module_disabledShowPasswordButton:""})]}))})]}))}));try{PasswordInput.displayName="PasswordInput",PasswordInput.__docgenInfo={description:"",displayName:"PasswordInput",props:{className:{defaultValue:null,description:"Additional class names to apply to the text input",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!0,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"Type of the password input. Only applied when includeShowPasswordButton is false.\nUse this if you wish to not have show password button, or you wish to apply external show password button.",name:"type",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}},defaultValue:{defaultValue:null,description:"The default input element value. Use when the component is not controlled",name:"defaultValue",required:!1,type:{name:"string & (string | number | readonly string[])"}},placeholder:{defaultValue:null,description:"Short hint displayed in the input before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},concealPasswordButtonAriaLabel:{defaultValue:null,description:"The aria-label for conceal password button",name:"concealPasswordButtonAriaLabel",required:!1,type:{name:"string"}},includeShowPasswordButton:{defaultValue:{value:"true"},description:"Boolean value for whether the component will include show / hide password button. Defaults to true.",name:"includeShowPasswordButton",required:!1,type:{name:"boolean"}},initiallyRevealed:{defaultValue:{value:"false"},description:"Boolean value for whether the component will initially reveal the password or not.\nOnly applied when includeShowPasswordButton is true. Defaults to false.",name:"initiallyRevealed",required:!1,type:{name:"boolean"}},revealPasswordButtonAriaLabel:{defaultValue:null,description:"The aria-label for reveal password button",name:"revealPasswordButtonAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.tsx#PasswordInput"]={docgenInfo:PasswordInput.__docgenInfo,name:"PasswordInput",path:"src/components/passwordInput/PasswordInput.tsx#PasswordInput"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/button/Button.tsx");const PasswordInput_stories={component:PasswordInput,title:"Components/PasswordInput",decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { PasswordInput } from './PasswordInput';\nimport { Button } from '../button';\nimport { IconEye, IconEyeCrossed } from '../../icons';\n\nexport default {\n component: PasswordInput,\n title: 'Components/PasswordInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\nexport const Default = (args) => ;\nDefault.args = {\n id: 'Default',\n helperText: 'Assistive text',\n label: 'Label',\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\n\nexport const Disabled = (args) => ;\nDisabled.storyName = 'Disabled';\nDisabled.args = {\n id: 'Disabled',\n helperText: 'Assistive text',\n defaultValue: '0451234567',\n label: 'Label for disabled',\n disabled: true,\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\n\nexport const WithDefaultValue = (args) => ;\nWithDefaultValue.storyName = 'WithDefaultValue';\nWithDefaultValue.args = {\n id: 'WithDefaultValue',\n helperText: 'Assistive text',\n defaultValue: '0451234567',\n label: 'Label for with default value',\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\n\nexport const InitiallyRevealed = (args) => ;\nInitiallyRevealed.storyName = 'InitiallyRevealed';\nInitiallyRevealed.args = {\n id: 'InitiallyRevealed',\n helperText: 'Assistive text',\n defaultValue: '0451234567',\n label: 'Label for initially revealed',\n initiallyRevealed: true,\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\nexport const AutoCompleteOn = (args) => ;\nAutoCompleteOn.storyName = 'Autocomplete on';\nAutoCompleteOn.args = {\n id: 'Autocomplete on',\n helperText: 'Assistive text',\n label: 'Label for autocomplete on',\n autoComplete: 'on',\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\n\nexport const Success = (args) => ;\nSuccess.storyName = 'Success';\nSuccess.args = {\n id: 'Success',\n helperText: 'Assistive text',\n label: 'Label for success input',\n successText: 'Success text',\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\n\nexport const Invalid = (args) => ;\nInvalid.storyName = 'Invalid';\nInvalid.args = {\n id: 'Error',\n invalid: true,\n helperText: 'Assistive text',\n label: 'Label for invalid input',\n errorText: 'Error text',\n revealPasswordButtonAriaLabel: 'Show password',\n concealPasswordButtonAriaLabel: 'Hide password',\n};\n\nexport const WithExternalShowPasswordButton = () => {\n const [revealPassword, setRevealPassword] = useState(false);\n return (\n
\n \n setRevealPassword(!revealPassword)}\n iconLeft={revealPassword ? : }\n >\n {revealPassword ? 'Hide password' : 'Show password'}\n \n
\n );\n};\n\nWithExternalShowPasswordButton.storyName = 'With external show password button';\n",locationsMap:{default:{startLoc:{col:23,line:17},endLoc:{col:60,line:17},startBody:{col:23,line:17},endBody:{col:60,line:17}},disabled:{startLoc:{col:24,line:26},endLoc:{col:61,line:26},startBody:{col:24,line:26},endBody:{col:61,line:26}},"with-default-value":{startLoc:{col:32,line:38},endLoc:{col:69,line:38},startBody:{col:32,line:38},endBody:{col:69,line:38}},"initially-revealed":{startLoc:{col:33,line:49},endLoc:{col:70,line:49},startBody:{col:33,line:49},endBody:{col:70,line:49}},"auto-complete-on":{startLoc:{col:30,line:60},endLoc:{col:67,line:60},startBody:{col:30,line:60},endBody:{col:67,line:60}},success:{startLoc:{col:23,line:71},endLoc:{col:60,line:71},startBody:{col:23,line:71},endBody:{col:60,line:71}},invalid:{startLoc:{col:23,line:82},endLoc:{col:60,line:82},startBody:{col:23,line:82},endBody:{col:60,line:82}},"with-external-show-password-button":{startLoc:{col:46,line:94},endLoc:{col:1,line:114},startBody:{col:46,line:94},endBody:{col:1,line:114}}}},controls:{expanded:!0}},args:{}};var Default=function Default(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};Default.args={id:"Default",helperText:"Assistive text",label:"Label",revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var Disabled=function Disabled(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};Disabled.storyName="Disabled",Disabled.args={id:"Disabled",helperText:"Assistive text",defaultValue:"0451234567",label:"Label for disabled",disabled:!0,revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var WithDefaultValue=function WithDefaultValue(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};WithDefaultValue.storyName="WithDefaultValue",WithDefaultValue.args={id:"WithDefaultValue",helperText:"Assistive text",defaultValue:"0451234567",label:"Label for with default value",revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var InitiallyRevealed=function InitiallyRevealed(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};InitiallyRevealed.storyName="InitiallyRevealed",InitiallyRevealed.args={id:"InitiallyRevealed",helperText:"Assistive text",defaultValue:"0451234567",label:"Label for initially revealed",initiallyRevealed:!0,revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var AutoCompleteOn=function AutoCompleteOn(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};AutoCompleteOn.storyName="Autocomplete on",AutoCompleteOn.args={id:"Autocomplete on",helperText:"Assistive text",label:"Label for autocomplete on",autoComplete:"on",revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var Success=function Success(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};Success.storyName="Success",Success.args={id:"Success",helperText:"Assistive text",label:"Label for success input",successText:"Success text",revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var Invalid=function Invalid(args){return(0,jsx_runtime.jsx)(PasswordInput,(0,objectSpread2.Z)({},args))};Invalid.storyName="Invalid",Invalid.args={id:"Error",invalid:!0,helperText:"Assistive text",label:"Label for invalid input",errorText:"Error text",revealPasswordButtonAriaLabel:"Show password",concealPasswordButtonAriaLabel:"Hide password"};var WithExternalShowPasswordButton=function WithExternalShowPasswordButton(){var _useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),revealPassword=_useState2[0],setRevealPassword=_useState2[1];return(0,jsx_runtime.jsxs)("div",{className:"password-input--external-show-password-button",children:[(0,jsx_runtime.jsx)(PasswordInput,{label:"Label for external show password button",id:"external-password-button",includeShowPasswordButton:!1,helperText:"Assistive text",type:revealPassword?"text":"password"}),(0,jsx_runtime.jsx)(Button.z,{variant:"supplementary",onClick:function onClick(){return setRevealPassword(!revealPassword)},iconLeft:revealPassword?(0,jsx_runtime.jsx)(IconEyeCrossed.IconEyeCrossed,{"aria-hidden":!0}):(0,jsx_runtime.jsx)(IconEye.IconEye,{"aria-hidden":!0}),children:revealPassword?"Hide password":"Show password"})]})};WithExternalShowPasswordButton.storyName="With external show password button",Default.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},Default.parameters),Disabled.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},Disabled.parameters),WithDefaultValue.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},WithDefaultValue.parameters),InitiallyRevealed.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},InitiallyRevealed.parameters),AutoCompleteOn.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},AutoCompleteOn.parameters),Success.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},Success.parameters),Invalid.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},Invalid.parameters),WithExternalShowPasswordButton.parameters=(0,objectSpread2.Z)({storySource:{source:'() => {\n const [revealPassword, setRevealPassword] = useState(false);\n return (\n
\n \n setRevealPassword(!revealPassword)}\n iconLeft={revealPassword ? : }\n >\n {revealPassword ? \'Hide password\' : \'Show password\'}\n \n
\n );\n}'}},WithExternalShowPasswordButton.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/passwordInput/PasswordInput.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",displayName:"Disabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#Disabled"]={docgenInfo:Disabled.__docgenInfo,name:"Disabled",path:"src/components/passwordInput/PasswordInput.stories.tsx#Disabled"})}catch(__react_docgen_typescript_loader_error){}try{WithDefaultValue.displayName="WithDefaultValue",WithDefaultValue.__docgenInfo={description:"",displayName:"WithDefaultValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#WithDefaultValue"]={docgenInfo:WithDefaultValue.__docgenInfo,name:"WithDefaultValue",path:"src/components/passwordInput/PasswordInput.stories.tsx#WithDefaultValue"})}catch(__react_docgen_typescript_loader_error){}try{InitiallyRevealed.displayName="InitiallyRevealed",InitiallyRevealed.__docgenInfo={description:"",displayName:"InitiallyRevealed",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#InitiallyRevealed"]={docgenInfo:InitiallyRevealed.__docgenInfo,name:"InitiallyRevealed",path:"src/components/passwordInput/PasswordInput.stories.tsx#InitiallyRevealed"})}catch(__react_docgen_typescript_loader_error){}try{AutoCompleteOn.displayName="AutoCompleteOn",AutoCompleteOn.__docgenInfo={description:"",displayName:"AutoCompleteOn",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#AutoCompleteOn"]={docgenInfo:AutoCompleteOn.__docgenInfo,name:"AutoCompleteOn",path:"src/components/passwordInput/PasswordInput.stories.tsx#AutoCompleteOn"})}catch(__react_docgen_typescript_loader_error){}try{Success.displayName="Success",Success.__docgenInfo={description:"",displayName:"Success",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#Success"]={docgenInfo:Success.__docgenInfo,name:"Success",path:"src/components/passwordInput/PasswordInput.stories.tsx#Success"})}catch(__react_docgen_typescript_loader_error){}try{Invalid.displayName="Invalid",Invalid.__docgenInfo={description:"",displayName:"Invalid",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.stories.tsx#Invalid"]={docgenInfo:Invalid.__docgenInfo,name:"Invalid",path:"src/components/passwordInput/PasswordInput.stories.tsx#Invalid"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/phoneInput/PhoneInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,WithCountryCode:()=>WithCountryCode,WithDefaultValue:()=>WithDefaultValue,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js")),_PhoneInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/phoneInput/PhoneInput.tsx"),_dropdown_combobox__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/dropdown/combobox/Combobox.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,title:"Components/PhoneInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"300px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { PhoneInput } from './PhoneInput';\nimport { Combobox } from '../dropdown/combobox';\n\nexport default {\n component: PhoneInput,\n title: 'Components/PhoneInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\nexport const Default = (args) => ;\nDefault.args = {\n id: 'Default',\n helperText: 'Assistive text',\n label: 'Label',\n};\n\nexport const Disabled = (args) => ;\nDisabled.storyName = 'Disabled';\nDisabled.args = {\n id: 'Disabled',\n helperText: 'Assistive text',\n defaultValue: '0451234567',\n label: 'Label for disabled',\n disabled: true,\n};\n\nexport const WithDefaultValue = (args) => ;\nWithDefaultValue.storyName = 'With a default value';\nWithDefaultValue.args = {\n id: 'WithDefaultValue',\n defaultValue: '0451234567',\n helperText: 'Assistive text',\n label: 'Label for default value',\n};\n\nexport const WithCountryCode = (args) => {\n const options = [{ label: 'Finland (+358)' }, { label: 'UK (+46)' }];\n return (\n <>\n

\n Work phone\n

\n
\n action('onBlur')}\n onChange={(change) => action('onChange')(change)}\n onFocus={() => action('onFocus')}\n required\n toggleButtonAriaLabel=\"Choose country code\"\n />\n \n
\n \n );\n};\n\nWithCountryCode.storyName = 'With select countrycode';\nWithCountryCode.args = {\n id: 'WithCountryCode',\n defaultValue: '0451234567',\n 'aria-describedby': 'work-phone',\n label: 'Phone number',\n required: true,\n};\nWithCountryCode.decorators = [(storyFn) =>
{storyFn()}
];\n",locationsMap:{default:{startLoc:{col:23,line:17},endLoc:{col:57,line:17},startBody:{col:23,line:17},endBody:{col:57,line:17}},disabled:{startLoc:{col:24,line:24},endLoc:{col:58,line:24},startBody:{col:24,line:24},endBody:{col:58,line:24}},"with-default-value":{startLoc:{col:32,line:34},endLoc:{col:66,line:34},startBody:{col:32,line:34},endBody:{col:66,line:34}},"with-country-code":{startLoc:{col:31,line:43},endLoc:{col:1,line:68},startBody:{col:31,line:43},endBody:{col:1,line:68}}}},controls:{expanded:!0}},args:{}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))};Default.args={id:"Default",helperText:"Assistive text",label:"Label"};var Disabled=function Disabled(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))};Disabled.storyName="Disabled",Disabled.args={id:"Disabled",helperText:"Assistive text",defaultValue:"0451234567",label:"Label for disabled",disabled:!0};var WithDefaultValue=function WithDefaultValue(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))};WithDefaultValue.storyName="With a default value",WithDefaultValue.args={id:"WithDefaultValue",defaultValue:"0451234567",helperText:"Assistive text",label:"Label for default value"};var WithCountryCode=function WithCountryCode(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{id:"work-phone",style:{fontSize:"18px",fontWeight:"bold"},children:"Work phone"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"200px 300px",columnGap:"16px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dropdown_combobox__WEBPACK_IMPORTED_MODULE_5__.h,{id:"hds-select-1",label:"Country code",helper:"Assistive text","aria-describedby":"work-phone",options:[{label:"Finland (+358)"},{label:"UK (+46)"}],defaultValue:{label:"Finland (+358)"},onBlur:function onBlur(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onBlur")},onChange:function onChange(change){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onChange")(change)},onFocus:function onFocus(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onFocus")},required:!0,toggleButtonAriaLabel:"Choose country code"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))]})]})};WithCountryCode.storyName="With select countrycode",WithCountryCode.args={id:"WithCountryCode",defaultValue:"0451234567","aria-describedby":"work-phone",label:"Phone number",required:!0},WithCountryCode.decorators=[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"516px"},children:storyFn()})}],Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},Default.parameters),Disabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},Disabled.parameters),WithDefaultValue.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},WithDefaultValue.parameters),WithCountryCode.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => {\n const options = [{ label: 'Finland (+358)' }, { label: 'UK (+46)' }];\n return (\n <>\n

\n Work phone\n

\n
\n action('onBlur')}\n onChange={(change) => action('onChange')(change)}\n onFocus={() => action('onFocus')}\n required\n toggleButtonAriaLabel=\"Choose country code\"\n />\n \n
\n \n );\n}"}},WithCountryCode.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/phoneInput/PhoneInput.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/phoneInput/PhoneInput.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",displayName:"Disabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/phoneInput/PhoneInput.stories.tsx#Disabled"]={docgenInfo:Disabled.__docgenInfo,name:"Disabled",path:"src/components/phoneInput/PhoneInput.stories.tsx#Disabled"})}catch(__react_docgen_typescript_loader_error){}try{WithDefaultValue.displayName="WithDefaultValue",WithDefaultValue.__docgenInfo={description:"",displayName:"WithDefaultValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/phoneInput/PhoneInput.stories.tsx#WithDefaultValue"]={docgenInfo:WithDefaultValue.__docgenInfo,name:"WithDefaultValue",path:"src/components/phoneInput/PhoneInput.stories.tsx#WithDefaultValue"})}catch(__react_docgen_typescript_loader_error){}try{WithCountryCode.displayName="WithCountryCode",WithCountryCode.__docgenInfo={description:"",displayName:"WithCountryCode",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/phoneInput/PhoneInput.stories.tsx#WithCountryCode"]={docgenInfo:WithCountryCode.__docgenInfo,name:"WithCountryCode",path:"src/components/phoneInput/PhoneInput.stories.tsx#WithCountryCode"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/radioButton/RadioButton.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Custom:()=>Custom,Default:()=>Default,Disabled:()=>Disabled,Playground:()=>Playground,Selected:()=>Selected,SelectedDisabled:()=>SelectedDisabled,WithHelperText:()=>WithHelperText,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_RadioButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/radioButton/RadioButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,title:"Components/RadioButton",parameters:{storySource:{source:"import React, { useState } from 'react';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { RadioButton } from './RadioButton';\n\nexport default {\n component: RadioButton,\n title: 'Components/RadioButton',\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props\n \n \n \n ),\n },\n },\n};\n\nexport const Default = () => ;\n\nexport const Selected = () => ;\n\nexport const Disabled = () => ;\n\nexport const SelectedDisabled = () => ;\nSelectedDisabled.storyName = 'Selected & disabled';\n\nexport const Custom = () => {\n const [radioValue, setRadioValue] = useState('');\n const options = ['foo', 'bar'];\n\n const customStyles = {\n '--size': '36px',\n '--icon-scale': 0.65,\n '--border-width': '3px',\n '--outline-width': '4px',\n '--border-color-selected': 'var(--color-success)',\n '--border-color-selected-hover': 'var(--color-success-dark)',\n '--border-color-selected-focus': 'var(--color-success)',\n '--icon-color-selected': 'var(--color-success)',\n '--icon-color-hover': 'var(--color-success-dark)',\n '--focus-outline-color': 'var(--color-black-20)',\n } as React.CSSProperties;\n\n return (\n <>\n {options.map((option) => (\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n );\n};\nCustom.storyName = 'With custom styles';\n\nexport const WithHelperText = () => ;\n\nexport const Playground = (args) => {\n const [radioValue, setRadioValue] = useState('');\n const options = ['foo', 'bar', 'baz'];\n\n const styles = {\n '--size': `${args.size}px`,\n '--icon-scale': args.iconScale,\n '--border-width': `${args.borderWidth}px`,\n '--outline-width': `${args.outlineWidth}px`,\n '--label-font-size': `${args.labelFontSize}px`,\n '--label-padding': `${args.labelPadding}px`,\n '--background': args.background,\n '--background-hover': args.backgroundHover,\n '--background-focus': args.backgroundFocus,\n '--background-unselected-disabled': args.backgroundUnselectedDisabled,\n '--background-selected-disabled': args.backgroundSelectedDisabled,\n '--border-color-focus': args.borderColorFocus,\n '--border-color-selected': args.borderColorSelected,\n '--border-color-selected-hover': args.borderColorSelectedHover,\n '--border-color-selected-disabled': args.borderColorSelectedDisabled,\n '--border-color-unselected': args.borderColorUnselected,\n '--border-color-unselected-hover': args.borderColorUnselectedHover,\n '--border-color-unselected-disabled': args.borderColorUnselectedDisabled,\n '--focus-outline-color': args.focusOutlineColor,\n '--icon-color-unselected': args.iconColorUnselected,\n '--icon-color-selected': args.iconColorSelected,\n '--icon-color-disabled': args.iconColorDisabled,\n '--label-color': args.labelColorDefault,\n '--label-color-disabled': args.labelColorDisabled,\n } as React.CSSProperties;\n\n return (\n <>\n {options.map((option) => (\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n \n \n );\n};\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n size: 24,\n iconScale: 0.5,\n borderWidth: 2,\n outlineWidth: 3,\n labelFontSize: 16,\n labelPadding: 8,\n background: '#ffffff',\n backgroundHover: '#ffffff',\n backgroundFocus: '#ffffff',\n backgroundUnselectedDisabled: '#e5e5e5',\n backgroundSelectedDisabled: '#ffffff',\n borderColorFocus: '#1a1a1a',\n borderColorSelected: '#0000bf',\n borderColorSelectedHover: '#000098',\n borderColorSelectedDisabled: '#cccccc',\n borderColorUnselected: '#808080',\n borderColorUnselectedHover: '#1a1a1a',\n borderColorUnselectedDisabled: '#e5e5e5',\n focusOutlineColor: '#0072c6',\n iconColorUnselected: 'rgba(0, 0, 0, 0)',\n iconColorSelected: '#0000bf',\n iconColorDisabled: '#e5e5e5',\n labelColorDefault: '#1a1a1a',\n labelColorDisabled: '#999898',\n};\n\nPlayground.argTypes = {\n size: {\n control: {\n type: 'range',\n min: 10,\n max: 100,\n step: 1,\n },\n },\n iconScale: {\n control: {\n type: 'range',\n min: 0.1,\n max: 0.9,\n step: 0.05,\n },\n },\n borderWidth: {\n control: {\n type: 'range',\n min: 1,\n max: 10,\n step: 1,\n },\n },\n outlineWidth: {\n control: {\n type: 'range',\n min: 1,\n max: 10,\n step: 1,\n },\n },\n labelFontSize: {\n control: {\n type: 'range',\n min: 12,\n max: 32,\n step: 1,\n },\n },\n labelPadding: {\n control: {\n type: 'range',\n min: 4,\n max: 32,\n step: 2,\n },\n },\n background: { control: { type: 'color' } },\n backgroundHover: { control: { type: 'color' } },\n backgroundFocus: { control: { type: 'color' } },\n backgroundUnselectedDisabled: { control: { type: 'color' } },\n backgroundSelectedDisabled: { control: { type: 'color' } },\n borderColorFocus: { control: { type: 'color' } },\n borderColorSelected: { control: { type: 'color' } },\n borderColorSelectedHover: { control: { type: 'color' } },\n borderColorSelectedDisabled: { control: { type: 'color' } },\n borderColorUnselected: { control: { type: 'color' } },\n borderColorUnselectedHover: { control: { type: 'color' } },\n borderColorUnselectedDisabled: { control: { type: 'color' } },\n focusOutlineColor: { control: { type: 'color' } },\n iconColorUnselected: { control: { type: 'color' } },\n iconColorSelected: { control: { type: 'color' } },\n iconColorDisabled: { control: { type: 'color' } },\n labelColorDefault: { control: { type: 'color' } },\n labelColorDisabled: { control: { type: 'color' } },\n};\n",locationsMap:{default:{startLoc:{col:23,line:23},endLoc:{col:69,line:23},startBody:{col:23,line:23},endBody:{col:69,line:23}},selected:{startLoc:{col:24,line:25},endLoc:{col:79,line:25},startBody:{col:24,line:25},endBody:{col:79,line:25}},disabled:{startLoc:{col:24,line:27},endLoc:{col:80,line:27},startBody:{col:24,line:27},endBody:{col:80,line:27}},"selected-disabled":{startLoc:{col:32,line:29},endLoc:{col:96,line:29},startBody:{col:32,line:29},endBody:{col:96,line:29}},custom:{startLoc:{col:22,line:32},endLoc:{col:1,line:64},startBody:{col:22,line:32},endBody:{col:1,line:64}},"with-helper-text":{startLoc:{col:30,line:67},endLoc:{col:116,line:67},startBody:{col:30,line:67},endBody:{col:116,line:67}},playground:{startLoc:{col:26,line:69},endLoc:{col:1,line:117},startBody:{col:26,line:69},endBody:{col:1,line:117}}}},controls:{hideNoControlsWarning:!0},docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Examples",includePrimary:!0})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio",label:"Label"})},Selected=function Selected(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio2",label:"Label",checked:!0})},Disabled=function Disabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio3",label:"Label",disabled:!0})},SelectedDisabled=function SelectedDisabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio4",label:"Label",checked:!0,disabled:!0})};SelectedDisabled.storyName="Selected & disabled";var Custom=function Custom(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState,2),radioValue=_useState2[0],setRadioValue=_useState2[1],customStyles={"--size":"36px","--icon-scale":.65,"--border-width":"3px","--outline-width":"4px","--border-color-selected":"var(--color-success)","--border-color-selected-hover":"var(--color-success-dark)","--border-color-selected-focus":"var(--color-success)","--icon-color-selected":"var(--color-success)","--icon-color-hover":"var(--color-success-dark)","--focus-outline-color":"var(--color-black-20)"};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["foo","bar"].map((function(option){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio-".concat(option),value:option,label:"Label",style:customStyles,checked:radioValue===option,onChange:function onChange(event){return setRadioValue(event.target.value)}},"radio-".concat(option))}))})};Custom.storyName="With custom styles";var WithHelperText=function WithHelperText(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio-with-helper",label:"Label",helperText:"Assistive text"})},Playground=function Playground(args){var _useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState3,2),radioValue=_useState4[0],setRadioValue=_useState4[1],styles={"--size":"".concat(args.size,"px"),"--icon-scale":args.iconScale,"--border-width":"".concat(args.borderWidth,"px"),"--outline-width":"".concat(args.outlineWidth,"px"),"--label-font-size":"".concat(args.labelFontSize,"px"),"--label-padding":"".concat(args.labelPadding,"px"),"--background":args.background,"--background-hover":args.backgroundHover,"--background-focus":args.backgroundFocus,"--background-unselected-disabled":args.backgroundUnselectedDisabled,"--background-selected-disabled":args.backgroundSelectedDisabled,"--border-color-focus":args.borderColorFocus,"--border-color-selected":args.borderColorSelected,"--border-color-selected-hover":args.borderColorSelectedHover,"--border-color-selected-disabled":args.borderColorSelectedDisabled,"--border-color-unselected":args.borderColorUnselected,"--border-color-unselected-hover":args.borderColorUnselectedHover,"--border-color-unselected-disabled":args.borderColorUnselectedDisabled,"--focus-outline-color":args.focusOutlineColor,"--icon-color-unselected":args.iconColorUnselected,"--icon-color-selected":args.iconColorSelected,"--icon-color-disabled":args.iconColorDisabled,"--label-color":args.labelColorDefault,"--label-color-disabled":args.labelColorDisabled};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[["foo","bar","baz"].map((function(option){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio-".concat(option),value:option,label:"Label",style:styles,checked:radioValue===option,onChange:function onChange(event){return setRadioValue(event.target.value)}},"radio-".concat(option))})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio4",label:"Label",style:styles,disabled:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_3__.E,{id:"radio5",label:"Label",style:styles,disabled:!0,checked:!0})]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={size:24,iconScale:.5,borderWidth:2,outlineWidth:3,labelFontSize:16,labelPadding:8,background:"#ffffff",backgroundHover:"#ffffff",backgroundFocus:"#ffffff",backgroundUnselectedDisabled:"#e5e5e5",backgroundSelectedDisabled:"#ffffff",borderColorFocus:"#1a1a1a",borderColorSelected:"#0000bf",borderColorSelectedHover:"#000098",borderColorSelectedDisabled:"#cccccc",borderColorUnselected:"#808080",borderColorUnselectedHover:"#1a1a1a",borderColorUnselectedDisabled:"#e5e5e5",focusOutlineColor:"#0072c6",iconColorUnselected:"rgba(0, 0, 0, 0)",iconColorSelected:"#0000bf",iconColorDisabled:"#e5e5e5",labelColorDefault:"#1a1a1a",labelColorDisabled:"#999898"},Playground.argTypes={size:{control:{type:"range",min:10,max:100,step:1}},iconScale:{control:{type:"range",min:.1,max:.9,step:.05}},borderWidth:{control:{type:"range",min:1,max:10,step:1}},outlineWidth:{control:{type:"range",min:1,max:10,step:1}},labelFontSize:{control:{type:"range",min:12,max:32,step:1}},labelPadding:{control:{type:"range",min:4,max:32,step:2}},background:{control:{type:"color"}},backgroundHover:{control:{type:"color"}},backgroundFocus:{control:{type:"color"}},backgroundUnselectedDisabled:{control:{type:"color"}},backgroundSelectedDisabled:{control:{type:"color"}},borderColorFocus:{control:{type:"color"}},borderColorSelected:{control:{type:"color"}},borderColorSelectedHover:{control:{type:"color"}},borderColorSelectedDisabled:{control:{type:"color"}},borderColorUnselected:{control:{type:"color"}},borderColorUnselectedHover:{control:{type:"color"}},borderColorUnselectedDisabled:{control:{type:"color"}},focusOutlineColor:{control:{type:"color"}},iconColorUnselected:{control:{type:"color"}},iconColorSelected:{control:{type:"color"}},iconColorDisabled:{control:{type:"color"}},labelColorDefault:{control:{type:"color"}},labelColorDisabled:{control:{type:"color"}}},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => '}},Default.parameters),Selected.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => '}},Selected.parameters),Disabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => '}},Disabled.parameters),SelectedDisabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => '}},SelectedDisabled.parameters),Custom.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"() => {\n const [radioValue, setRadioValue] = useState('');\n const options = ['foo', 'bar'];\n\n const customStyles = {\n '--size': '36px',\n '--icon-scale': 0.65,\n '--border-width': '3px',\n '--outline-width': '4px',\n '--border-color-selected': 'var(--color-success)',\n '--border-color-selected-hover': 'var(--color-success-dark)',\n '--border-color-selected-focus': 'var(--color-success)',\n '--icon-color-selected': 'var(--color-success)',\n '--icon-color-hover': 'var(--color-success-dark)',\n '--focus-outline-color': 'var(--color-black-20)',\n } as React.CSSProperties;\n\n return (\n <>\n {options.map((option) => (\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n );\n}"}},Custom.parameters),WithHelperText.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => '}},WithHelperText.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:"(args) => {\n const [radioValue, setRadioValue] = useState('');\n const options = ['foo', 'bar', 'baz'];\n\n const styles = {\n '--size': `${args.size}px`,\n '--icon-scale': args.iconScale,\n '--border-width': `${args.borderWidth}px`,\n '--outline-width': `${args.outlineWidth}px`,\n '--label-font-size': `${args.labelFontSize}px`,\n '--label-padding': `${args.labelPadding}px`,\n '--background': args.background,\n '--background-hover': args.backgroundHover,\n '--background-focus': args.backgroundFocus,\n '--background-unselected-disabled': args.backgroundUnselectedDisabled,\n '--background-selected-disabled': args.backgroundSelectedDisabled,\n '--border-color-focus': args.borderColorFocus,\n '--border-color-selected': args.borderColorSelected,\n '--border-color-selected-hover': args.borderColorSelectedHover,\n '--border-color-selected-disabled': args.borderColorSelectedDisabled,\n '--border-color-unselected': args.borderColorUnselected,\n '--border-color-unselected-hover': args.borderColorUnselectedHover,\n '--border-color-unselected-disabled': args.borderColorUnselectedDisabled,\n '--focus-outline-color': args.focusOutlineColor,\n '--icon-color-unselected': args.iconColorUnselected,\n '--icon-color-selected': args.iconColorSelected,\n '--icon-color-disabled': args.iconColorDisabled,\n '--label-color': args.labelColorDefault,\n '--label-color-disabled': args.labelColorDisabled,\n } as React.CSSProperties;\n\n return (\n <>\n {options.map((option) => (\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n \n \n );\n}"}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/radioButton/RadioButton.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/radioButton/RadioButton.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/searchInput/SearchInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomSearchButton:()=>WithCustomSearchButton,WithDefaultValue:()=>WithDefaultValue,WithSuggestions:()=>WithSuggestions,WithSuggestionsAndHighlighting:()=>WithSuggestionsAndHighlighting,WithSuggestionsSpinner:()=>WithSuggestionsSpinner,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_SearchInput__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/searchInput/SearchInput.tsx"),_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,title:"Components/SearchInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"420px"},children:storyFn()})}],parameters:{storySource:{source:"\n\nimport React, { useRef, useState } from 'react';\n\nimport { SearchInput } from './SearchInput';\nimport { Button } from '../button';\n\nexport default {\n component: SearchInput,\n title: 'Components/SearchInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n};\n\nconst fruits = [\n 'Apple',\n 'Apricot',\n 'Avocado',\n 'Banana',\n 'Blackberry',\n 'Blueberry',\n 'Cherry',\n 'Coconut',\n 'Cranberry',\n 'Date',\n 'Dragonfruit',\n 'Fig',\n 'Gooseberry',\n 'Grape',\n 'Honeyberry',\n 'Jackfruit',\n 'Kiwifruit',\n 'Lemon',\n 'Lime',\n 'Mango',\n 'Melon',\n 'Nectarine',\n 'Orange',\n 'Papaya',\n 'Passionfruit',\n 'Peach',\n 'Pear',\n 'Pineapple',\n 'Raspberry',\n 'Satsuma',\n 'Start fruit',\n 'Strawberry',\n 'Tangelo',\n 'Tomato',\n].map((fruit) => ({ value: fruit }));\n\nconst asynchronousSearchOperation = (inputValue: string, timeout = 0) => {\n return new Promise>((resolve) => {\n const filteredItems = fruits.filter((fruit) => {\n return fruit.value.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;\n });\n setTimeout(() => {\n resolve(filteredItems);\n }, timeout);\n });\n};\n\nconst longLastingAsynchronousSearchOperation = (inputValue: string) => asynchronousSearchOperation(inputValue, 5000);\n\nexport const Default = (args) => {\n const onSubmit = (value: string) => {\n console.log('Search for:', value);\n };\n return ;\n};\nDefault.args = {\n label: 'Search',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n};\n\nexport const WithCustomSearchButton = (args) => {\n const currentValue = useRef('');\n\n const onChange = (value: string) => {\n console.log('Input value changed:', value);\n currentValue.current = value;\n };\n\n const onSubmit = (string) => {\n console.log('Search for:', string);\n };\n\n const doSearch = () => {\n if (currentValue.current) console.log('Search:', currentValue.current);\n };\n\n return (\n
\n \n \n \n
\n );\n};\n\nexport const WithSuggestions = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n};\nWithSuggestions.storyName = 'With suggestions';\nWithSuggestions.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n};\n\nexport const WithSuggestionsAndHighlighting = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n};\nWithSuggestionsAndHighlighting.storyName = 'With suggestions and highlighting';\nWithSuggestionsAndHighlighting.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n highlightSuggestions: true,\n placeholder: 'Placeholder',\n};\n\nexport const WithSuggestionsSpinner = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await longLastingAsynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onChange = (value: string) => {\n console.log('input value changed:', value);\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n onChange={onChange}\n />\n );\n};\nWithSuggestionsSpinner.storyName = 'With suggestions & spinner';\nWithSuggestionsSpinner.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n};\n\nexport const WithDefaultValue = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n const [searchValue, setSearchValue] = useState(args.value);\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n const onChange = (value: string) => {\n console.log('Changed value: ', value);\n setSearchValue(value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n value={searchValue}\n onChange={onChange}\n />\n );\n};\nWithDefaultValue.storyName = 'With default value';\nWithDefaultValue.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n value: 'Banana',\n};\n",locationsMap:{default:{startLoc:{col:23,line:67},endLoc:{col:1,line:72},startBody:{col:23,line:67},endBody:{col:1,line:72}},"with-custom-search-button":{startLoc:{col:38,line:79},endLoc:{col:1,line:131},startBody:{col:38,line:79},endBody:{col:1,line:131}},"with-suggestions":{startLoc:{col:31,line:133},endLoc:{col:1,line:155},startBody:{col:31,line:133},endBody:{col:1,line:155}},"with-suggestions-and-highlighting":{startLoc:{col:46,line:163},endLoc:{col:1,line:185},startBody:{col:46,line:163},endBody:{col:1,line:185}},"with-suggestions-spinner":{startLoc:{col:38,line:194},endLoc:{col:1,line:221},startBody:{col:38,line:194},endBody:{col:1,line:221}},"with-default-value":{startLoc:{col:32,line:229},endLoc:{col:1,line:259},startBody:{col:32,line:229},endBody:{col:1,line:259}}}},controls:{expanded:!0}}};var fruits=["Apple","Apricot","Avocado","Banana","Blackberry","Blueberry","Cherry","Coconut","Cranberry","Date","Dragonfruit","Fig","Gooseberry","Grape","Honeyberry","Jackfruit","Kiwifruit","Lemon","Lime","Mango","Melon","Nectarine","Orange","Papaya","Passionfruit","Peach","Pear","Pineapple","Raspberry","Satsuma","Start fruit","Strawberry","Tangelo","Tomato"].map((function(fruit){return{value:fruit}})),asynchronousSearchOperation=function asynchronousSearchOperation(inputValue){var timeout=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return new Promise((function(resolve){var filteredItems=fruits.filter((function(fruit){return fruit.value.toLowerCase().indexOf(inputValue.toLowerCase())>-1}));setTimeout((function(){resolve(filteredItems)}),timeout)}))},longLastingAsynchronousSearchOperation=function longLastingAsynchronousSearchOperation(inputValue){return asynchronousSearchOperation(inputValue,5e3)},Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{onSubmit:function onSubmit(value){console.log("Search for:",value)}}))};Default.args={label:"Search",helperText:"Assistive text",placeholder:"Placeholder"};var WithCustomSearchButton=function WithCustomSearchButton(args){var currentValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)("");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"flex",flexWrap:"wrap"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("style",{children:"\n .search-button {\n margin-left: 10px;\n }\n\n @media only screen and (max-width: ".concat(getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-m"),") {\n .search-input,\n .search-button {\n width: 100%;\n }\n\n .search-button {\n margin-left: 0;\n margin-top: 10px;\n }\n }\n ")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({className:"search-input"},args),{},{hideSearchButton:!0,onSubmit:function onSubmit(string){console.log("Search for:",string)},onChange:function onChange(value){console.log("Input value changed:",value),currentValue.current=value},placeholder:"Placeholder"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_4__.z,{className:"search-button",onClick:function doSearch(){currentValue.current&&console.log("Search:",currentValue.current)},children:"Search"})]})},WithSuggestions=function WithSuggestions(args){var getSuggestions=function(){var _ref=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee(inputValue){var suggestions;return(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,asynchronousSearchOperation(inputValue);case 2:return suggestions=_context.sent,_context.abrupt("return",suggestions);case 4:case"end":return _context.stop()}}),_callee)})));return function getSuggestions(_x){return _ref.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)}}))};WithSuggestions.storyName="With suggestions",WithSuggestions.args={label:"Search for a fruit",helperText:"Assistive text",placeholder:"Placeholder"};var WithSuggestionsAndHighlighting=function WithSuggestionsAndHighlighting(args){var getSuggestions=function(){var _ref2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee2(inputValue){var suggestions;return(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,asynchronousSearchOperation(inputValue);case 2:return suggestions=_context2.sent,_context2.abrupt("return",suggestions);case 4:case"end":return _context2.stop()}}),_callee2)})));return function getSuggestions(_x2){return _ref2.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)}}))};WithSuggestionsAndHighlighting.storyName="With suggestions and highlighting",WithSuggestionsAndHighlighting.args={label:"Search for a fruit",helperText:"Assistive text",highlightSuggestions:!0,placeholder:"Placeholder"};var WithSuggestionsSpinner=function WithSuggestionsSpinner(args){var getSuggestions=function(){var _ref3=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee3(inputValue){var suggestions;return(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return _context3.next=2,longLastingAsynchronousSearchOperation(inputValue);case 2:return suggestions=_context3.sent,_context3.abrupt("return",suggestions);case 4:case"end":return _context3.stop()}}),_callee3)})));return function getSuggestions(_x3){return _ref3.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)},onChange:function onChange(value){console.log("input value changed:",value)}}))};WithSuggestionsSpinner.storyName="With suggestions & spinner",WithSuggestionsSpinner.args={label:"Search for a fruit",helperText:"Assistive text",placeholder:"Placeholder"};var WithDefaultValue=function WithDefaultValue(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(args.value),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState,2),searchValue=_useState2[0],setSearchValue=_useState2[1],getSuggestions=function(){var _ref4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee4(inputValue){var suggestions;return(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return _context4.next=2,asynchronousSearchOperation(inputValue);case 2:return suggestions=_context4.sent,_context4.abrupt("return",suggestions);case 4:case"end":return _context4.stop()}}),_callee4)})));return function getSuggestions(_x4){return _ref4.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)},value:searchValue,onChange:function onChange(value){console.log("Changed value: ",value),setSearchValue(value)}}))};WithDefaultValue.storyName="With default value",WithDefaultValue.args={label:"Search for a fruit",helperText:"Assistive text",placeholder:"Placeholder",value:"Banana"},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const onSubmit = (value: string) => {\n console.log('Search for:', value);\n };\n return ;\n}"}},Default.parameters),WithCustomSearchButton.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const currentValue = useRef('');\n\n const onChange = (value: string) => {\n console.log('Input value changed:', value);\n currentValue.current = value;\n };\n\n const onSubmit = (string) => {\n console.log('Search for:', string);\n };\n\n const doSearch = () => {\n if (currentValue.current) console.log('Search:', currentValue.current);\n };\n\n return (\n
\n \n \n \n
\n );\n}"}},WithCustomSearchButton.parameters),WithSuggestions.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n}"}},WithSuggestions.parameters),WithSuggestionsAndHighlighting.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n}"}},WithSuggestionsAndHighlighting.parameters),WithSuggestionsSpinner.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await longLastingAsynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onChange = (value: string) => {\n console.log('input value changed:', value);\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n onChange={onChange}\n />\n );\n}"}},WithSuggestionsSpinner.parameters),WithDefaultValue.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n const [searchValue, setSearchValue] = useState(args.value);\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n const onChange = (value: string) => {\n console.log('Changed value: ', value);\n setSearchValue(value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n value={searchValue}\n onChange={onChange}\n />\n );\n}"}},WithDefaultValue.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/searchInput/SearchInput.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomSearchButton.displayName="WithCustomSearchButton",WithCustomSearchButton.__docgenInfo={description:"",displayName:"WithCustomSearchButton",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithCustomSearchButton"]={docgenInfo:WithCustomSearchButton.__docgenInfo,name:"WithCustomSearchButton",path:"src/components/searchInput/SearchInput.stories.tsx#WithCustomSearchButton"})}catch(__react_docgen_typescript_loader_error){}try{WithSuggestions.displayName="WithSuggestions",WithSuggestions.__docgenInfo={description:"",displayName:"WithSuggestions",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithSuggestions"]={docgenInfo:WithSuggestions.__docgenInfo,name:"WithSuggestions",path:"src/components/searchInput/SearchInput.stories.tsx#WithSuggestions"})}catch(__react_docgen_typescript_loader_error){}try{WithSuggestionsAndHighlighting.displayName="WithSuggestionsAndHighlighting",WithSuggestionsAndHighlighting.__docgenInfo={description:"",displayName:"WithSuggestionsAndHighlighting",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsAndHighlighting"]={docgenInfo:WithSuggestionsAndHighlighting.__docgenInfo,name:"WithSuggestionsAndHighlighting",path:"src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsAndHighlighting"})}catch(__react_docgen_typescript_loader_error){}try{WithSuggestionsSpinner.displayName="WithSuggestionsSpinner",WithSuggestionsSpinner.__docgenInfo={description:"",displayName:"WithSuggestionsSpinner",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsSpinner"]={docgenInfo:WithSuggestionsSpinner.__docgenInfo,name:"WithSuggestionsSpinner",path:"src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsSpinner"})}catch(__react_docgen_typescript_loader_error){}try{WithDefaultValue.displayName="WithDefaultValue",WithDefaultValue.__docgenInfo={description:"",displayName:"WithDefaultValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithDefaultValue"]={docgenInfo:WithDefaultValue.__docgenInfo,name:"WithDefaultValue",path:"src/components/searchInput/SearchInput.stories.tsx#WithDefaultValue"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/section/Section.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Multiple:()=>Multiple,Plain:()=>Plain,Playground:()=>Playground,Primary:()=>Primary,Secondary:()=>Secondary,Tertiary:()=>Tertiary,WithKoros:()=>WithKoros,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js")),_Section__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/section/Section.tsx"),_assets_img_placeholder_1920x1080_jpg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/assets/img/placeholder_1920x1080.jpg"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),placeholderText="Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.",placeholderImg=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:_assets_img_placeholder_1920x1080_jpg__WEBPACK_IMPORTED_MODULE_3__,alt:"",style:{display:"block",width:"100%"}});const __WEBPACK_DEFAULT_EXPORT__={component:_Section__WEBPACK_IMPORTED_MODULE_4__.$,title:"Components/Section",parameters:{storySource:{source:'import React from \'react\';\nimport { ArgsTable, Title } from \'@storybook/addon-docs/blocks\';\n\nimport { Section } from \'./Section\';\nimport imageFile from \'../../assets/img/placeholder_1920x1080.jpg\';\n\nconst placeholderTitle = \'Lorem ipsum\';\nconst placeholderText =\n \'Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.\';\nconst placeholderImg = ;\n\nexport default {\n component: Section,\n title: \'Components/Section\',\n parameters: {\n controls: { hideNoControlsWarning: true },\n layout: \'fullscreen\',\n docs: {\n page: () => (\n <>\n Props\n \n \n ),\n },\n },\n};\n\nexport const Plain = () => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n);\n\nexport const Primary = () => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n);\n\nexport const Secondary = () => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n);\n\nexport const Tertiary = () => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n);\n\nexport const WithKoros = () => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n);\nWithKoros.storyName = \'With koros\';\n\nexport const Multiple = () => (\n <>\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n {placeholderImg}\n
\n

No Koros

\n This section does not have any koros.\n
\n
\n

Pulse

\n {placeholderText}\n
\n
Secondary non-koros section
\n
\n

secondary Beat

\n {placeholderText}\n
\n
\n
\n

Vibration

\n {placeholderText}\n
\n
\n
\n

primary Beat

\n {placeholderText}\n
\n
\n
\n

Wave

\n {placeholderText}\n
\n
This section has neither a heading or a koros.
\n \n);\nMultiple.storyName = \'Multiple sections\';\n\nexport const Playground = (args) => (\n
\n

{args.sectionTitle}

\n {args.sectionText}\n
\n);\n\nPlayground.parameters = {\n previewTabs: {\n \'storybook/docs/panel\': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n sectionTitle: placeholderTitle,\n sectionText: placeholderText,\n korosType: null,\n color: \'plain\',\n};\n\nPlayground.argTypes = {\n korosType: {\n options: [null, \'basic\', \'beat\', \'pulse\', \'vibration\', \'wave\'],\n control: { type: \'radio\' },\n },\n color: {\n options: [\'plain\', \'primary\', \'secondary\', \'tertiary\'],\n },\n};\n',locationsMap:{plain:{startLoc:{col:21,line:29},endLoc:{col:1,line:34},startBody:{col:21,line:29},endBody:{col:1,line:34}},primary:{startLoc:{col:23,line:36},endLoc:{col:1,line:41},startBody:{col:23,line:36},endBody:{col:1,line:41}},secondary:{startLoc:{col:25,line:43},endLoc:{col:1,line:48},startBody:{col:25,line:43},endBody:{col:1,line:48}},tertiary:{startLoc:{col:24,line:50},endLoc:{col:1,line:55},startBody:{col:24,line:50},endBody:{col:1,line:55}},"with-koros":{startLoc:{col:25,line:57},endLoc:{col:1,line:62},startBody:{col:25,line:57},endBody:{col:1,line:62}},multiple:{startLoc:{col:24,line:65},endLoc:{col:1,line:102},startBody:{col:24,line:65},endBody:{col:1,line:102}},playground:{startLoc:{col:26,line:105},endLoc:{col:1,line:110},startBody:{col:26,line:105},endBody:{col:1,line:110}}}},controls:{hideNoControlsWarning:!0},layout:"fullscreen",docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.$4,{})]})}}}};var Plain=function Plain(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},Primary=function Primary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},Secondary=function Secondary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},Tertiary=function Tertiary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"tertiary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},WithKoros=function WithKoros(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",korosType:"basic",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})};WithKoros.storyName="With koros";var Multiple=function Multiple(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",korosType:"basic",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]}),placeholderImg,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"No Koros"}),"This section does not have any koros."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{korosType:"pulse",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"Pulse"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",children:"Secondary non-koros section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"tertiary",korosType:"beat",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"secondary Beat"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",korosType:"vibration",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"Vibration"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",korosType:"beat",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"primary Beat"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"tertiary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",korosType:"wave",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"Wave"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{children:"This section has neither a heading or a koros."})]})};Multiple.storyName="Multiple sections";var Playground=function Playground(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:args.color,korosType:args.korosType,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:args.sectionTitle}),args.sectionText]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={sectionTitle:"Lorem ipsum",sectionText:placeholderText,korosType:null,color:"plain"},Playground.argTypes={korosType:{options:[null,"basic","beat","pulse","vibration","wave"],control:{type:"radio"}},color:{options:["plain","primary","secondary","tertiary"]}},Plain.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n)'}},Plain.parameters),Primary.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n)'}},Primary.parameters),Secondary.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n)'}},Secondary.parameters),Tertiary.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n)'}},Tertiary.parameters),WithKoros.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n)'}},WithKoros.parameters),Multiple.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n <>\n
\n

{placeholderTitle}

\n {placeholderText}\n
\n {placeholderImg}\n
\n

No Koros

\n This section does not have any koros.\n
\n
\n

Pulse

\n {placeholderText}\n
\n
Secondary non-koros section
\n
\n

secondary Beat

\n {placeholderText}\n
\n
\n
\n

Vibration

\n {placeholderText}\n
\n
\n
\n

primary Beat

\n {placeholderText}\n
\n
\n
\n

Wave

\n {placeholderText}\n
\n
This section has neither a heading or a koros.
\n \n)'}},Multiple.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'(args) => (\n
\n

{args.sectionTitle}

\n {args.sectionText}\n
\n)'}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/section/Section.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/section/Section.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/selectionGroup/SelectionGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Horizontal:()=>Horizontal,Invalid:()=>Invalid,Required:()=>Required,WithHelperText:()=>WithHelperText,WithParent:()=>WithParent,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/selectionGroup/SelectionGroup.tsx"),_checkbox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/checkbox/Checkbox.tsx"),_radioButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/radioButton/RadioButton.tsx"),_fieldset__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/fieldset/Fieldset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["numberOfItems"],_excluded2=["numberOfItems"],_excluded3=["numberOfItems"],_excluded4=["numberOfItems"],_excluded5=["numberOfItems"],_excluded6=["numberOfItems"];const __WEBPACK_DEFAULT_EXPORT__={component:_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,title:"Components/SelectionGroup",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { ChangeEvent, useReducer, useState } from 'react';\n\nimport { SelectionGroup } from './SelectionGroup';\nimport { Checkbox } from '../checkbox';\nimport { RadioButton } from '../radioButton';\nimport { Fieldset } from '../fieldset';\n\nexport default {\n component: SelectionGroup,\n title: 'Components/SelectionGroup',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true, hideNoControlsWarning: true },\n },\n args: {\n numberOfItems: 3,\n label: 'Label',\n direction: 'vertical',\n },\n};\n\nconst getCheckboxItems = (\n numberOfItems: number,\n checked: { [key: string]: boolean },\n handleChange: (e: ChangeEvent) => void,\n) =>\n [...Array(numberOfItems)].map((_, i) => (\n \n ));\n\nconst getRadioButtonItems = (\n numberOfItems: number,\n radioValue: string,\n handleChange: (e: ChangeEvent) => void,\n) =>\n [...Array(numberOfItems)].map((_, i) => (\n \n ));\n\nexport const Default = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n};\n\nexport const Horizontal = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n};\nHorizontal.args = {\n direction: 'horizontal',\n};\n\nexport const Required = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n};\nRequired.args = {\n required: true,\n};\n\nexport const Invalid = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n};\nInvalid.args = {\n required: true,\n errorText: 'Error text',\n};\n\nexport const WithTooltip = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n};\nWithTooltip.args = {\n tooltipLabel: 'Tooltip',\n tooltipButtonLabel: 'Tooltip',\n tooltipText:\n 'Tooltips contain \"nice to have\" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.',\n};\nWithTooltip.storyName = 'With tooltip';\n\nexport const WithParent = () => {\n enum CheckboxState {\n checked,\n unchecked,\n indeterminate,\n }\n\n const areAllChecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 4;\n };\n\n const areAllUnchecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 1;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'check': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.checked,\n checkbox1: CheckboxState.checked,\n checkbox2: CheckboxState.checked,\n checkbox3: CheckboxState.checked,\n checkbox4: CheckboxState.checked,\n checkbox5: CheckboxState.checked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.checked,\n controllerCheckbox: areAllChecked(state) ? CheckboxState.checked : CheckboxState.indeterminate,\n };\n }\n case 'uncheck': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.unchecked,\n controllerCheckbox: areAllUnchecked(state) ? CheckboxState.unchecked : CheckboxState.indeterminate,\n };\n }\n default:\n throw new Error();\n }\n };\n\n const initialState = {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return (\n
\n {\n if (\n state.controllerCheckbox === CheckboxState.unchecked ||\n state.controllerCheckbox === CheckboxState.indeterminate\n ) {\n dispatch({ type: 'check', payload: 'controllerCheckbox' });\n } else {\n dispatch({ type: 'uncheck', payload: 'controllerCheckbox' });\n }\n }}\n />\n
    \n {Object.entries(state).map((entry) => {\n if (entry[0] === 'controllerCheckbox') {\n return null;\n }\n return (\n
  • \n {\n if (entry[1] === CheckboxState.unchecked) {\n dispatch({ type: 'check', payload: entry[0] });\n } else {\n dispatch({ type: 'uncheck', payload: entry[0] });\n }\n }}\n />\n
  • \n );\n })}\n
\n
\n );\n};\n\nWithParent.storyName = 'With a parent';\nWithParent.parameters = {\n loki: { skip: true }, // There is an identical story in checkbox\n};\nexport const WithHelperText = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n};\nWithHelperText.args = {\n helperText: 'Assistive text',\n};\n",locationsMap:{default:{startLoc:{col:23,line:55},endLoc:{col:1,line:76},startBody:{col:23,line:55},endBody:{col:1,line:76}},horizontal:{startLoc:{col:26,line:78},endLoc:{col:1,line:99},startBody:{col:26,line:78},endBody:{col:1,line:99}},required:{startLoc:{col:24,line:104},endLoc:{col:1,line:125},startBody:{col:24,line:104},endBody:{col:1,line:125}},invalid:{startLoc:{col:23,line:130},endLoc:{col:1,line:151},startBody:{col:23,line:130},endBody:{col:1,line:151}},"with-tooltip":{startLoc:{col:27,line:157},endLoc:{col:1,line:178},startBody:{col:27,line:157},endBody:{col:1,line:178}},"with-parent":{startLoc:{col:26,line:187},endLoc:{col:1,line:320},startBody:{col:26,line:187},endBody:{col:1,line:320}},"with-helper-text":{startLoc:{col:30,line:326},endLoc:{col:1,line:347},startBody:{col:30,line:326},endBody:{col:1,line:347}}}},controls:{expanded:!0,hideNoControlsWarning:!0}},args:{numberOfItems:3,label:"Label",direction:"vertical"}};var getCheckboxItems=function getCheckboxItems(numberOfItems,checked,handleChange){return(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(Array(numberOfItems)).map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_4__.X,{id:"checkbox".concat(i),label:"Option ".concat(i+1),name:"checkbox".concat(i),checked:checked["checkbox".concat(i)],onChange:handleChange},"checkbox".concat(i))}))},getRadioButtonItems=function getRadioButtonItems(numberOfItems,radioValue,handleChange){return(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(Array(numberOfItems)).map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_radioButton__WEBPACK_IMPORTED_MODULE_5__.E,{id:"radio".concat(i),label:"Option ".concat(i+1),value:"radio".concat(i),name:"radio",checked:radioValue==="radio".concat(i),onChange:handleChange},"radio".concat(i))}))},Default=function Default(_ref){var numberOfItems=_ref.numberOfItems,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref,_excluded),_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState,2),checkedItems=_useState2[0],setCheckedItems=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState4=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState3,2),radioValue=_useState4[0],setRadioValue=_useState4[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})},Horizontal=function Horizontal(_ref2){var numberOfItems=_ref2.numberOfItems,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref2,_excluded2),_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState6=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState5,2),checkedItems=_useState6[0],setCheckedItems=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState8=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState7,2),radioValue=_useState8[0],setRadioValue=_useState8[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};Horizontal.args={direction:"horizontal"};var Required=function Required(_ref3){var numberOfItems=_ref3.numberOfItems,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref3,_excluded3),_useState9=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState10=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState9,2),checkedItems=_useState10[0],setCheckedItems=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState12=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState11,2),radioValue=_useState12[0],setRadioValue=_useState12[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};Required.args={required:!0};var Invalid=function Invalid(_ref4){var numberOfItems=_ref4.numberOfItems,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref4,_excluded4),_useState13=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState14=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState13,2),checkedItems=_useState14[0],setCheckedItems=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState16=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState15,2),radioValue=_useState16[0],setRadioValue=_useState16[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};Invalid.args={required:!0,errorText:"Error text"};var WithTooltip=function WithTooltip(_ref5){var numberOfItems=_ref5.numberOfItems,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref5,_excluded5),_useState17=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState18=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState17,2),checkedItems=_useState18[0],setCheckedItems=_useState18[1],_useState19=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState20=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState19,2),radioValue=_useState20[0],setRadioValue=_useState20[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};WithTooltip.args={tooltipLabel:"Tooltip",tooltipButtonLabel:"Tooltip",tooltipText:'Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.'},WithTooltip.storyName="With tooltip";var WithParent=function WithParent(){var CheckboxState=function(CheckboxState){return CheckboxState[CheckboxState.checked=0]="checked",CheckboxState[CheckboxState.unchecked=1]="unchecked",CheckboxState[CheckboxState.indeterminate=2]="indeterminate",CheckboxState}({}),initialState={controllerCheckbox:CheckboxState.unchecked,checkbox1:CheckboxState.unchecked,checkbox2:CheckboxState.unchecked,checkbox3:CheckboxState.unchecked,checkbox4:CheckboxState.unchecked,checkbox5:CheckboxState.unchecked},_useReducer=(0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)((function reducer(state,action){switch(action.type){case"check":var _objectSpread7;return"controllerCheckbox"===action.payload?{controllerCheckbox:CheckboxState.checked,checkbox1:CheckboxState.checked,checkbox2:CheckboxState.checked,checkbox3:CheckboxState.checked,checkbox4:CheckboxState.checked,checkbox5:CheckboxState.checked}:(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},state),{},(_objectSpread7={},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread7,action.payload,CheckboxState.checked),(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread7,"controllerCheckbox",function areAllChecked(state){var checkedCount=0;return Object.keys(state).forEach((function(key){"controllerCheckbox"!==key&&state[key]===CheckboxState.checked&&(checkedCount+=1)})),4===checkedCount}(state)?CheckboxState.checked:CheckboxState.indeterminate),_objectSpread7));case"uncheck":var _objectSpread8;return"controllerCheckbox"===action.payload?{controllerCheckbox:CheckboxState.unchecked,checkbox1:CheckboxState.unchecked,checkbox2:CheckboxState.unchecked,checkbox3:CheckboxState.unchecked,checkbox4:CheckboxState.unchecked,checkbox5:CheckboxState.unchecked}:(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},state),{},(_objectSpread8={},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread8,action.payload,CheckboxState.unchecked),(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread8,"controllerCheckbox",function areAllUnchecked(state){var checkedCount=0;return Object.keys(state).forEach((function(key){"controllerCheckbox"!==key&&state[key]===CheckboxState.checked&&(checkedCount+=1)})),1===checkedCount}(state)?CheckboxState.unchecked:CheckboxState.indeterminate),_objectSpread8));default:throw new Error}}),initialState),_useReducer2=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_fieldset__WEBPACK_IMPORTED_MODULE_10__.p,{heading:"Group label *",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_4__.X,{"aria-controls":"checkbox1 checkbox2 checkbox3 checkbox4 checkbox5",id:"controllerCheckbox",label:"Label",indeterminate:state.controllerCheckbox===CheckboxState.indeterminate,checked:state.controllerCheckbox===CheckboxState.checked,style:{marginTop:"var(--spacing-xs)"},onChange:function onChange(){state.controllerCheckbox===CheckboxState.unchecked||state.controllerCheckbox===CheckboxState.indeterminate?dispatch({type:"check",payload:"controllerCheckbox"}):dispatch({type:"uncheck",payload:"controllerCheckbox"})}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("ul",{style:{marginLeft:"var(--spacing-s)",paddingInlineStart:"0"},children:Object.entries(state).map((function(entry){return"controllerCheckbox"===entry[0]?null:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li",{style:{marginTop:"var(--spacing-s)",listStyle:"none"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_4__.X,{id:entry[0],label:"Label",checked:entry[1]===CheckboxState.checked,onChange:function onChange(){entry[1]===CheckboxState.unchecked?dispatch({type:"check",payload:entry[0]}):dispatch({type:"uncheck",payload:entry[0]})}},entry[0])},entry[0])}))})]})};WithParent.storyName="With a parent",WithParent.parameters={loki:{skip:!0}};var WithHelperText=function WithHelperText(_ref6){var numberOfItems=_ref6.numberOfItems,args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref6,_excluded6),_useState21=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState22=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState21,2),checkedItems=_useState22[0],setCheckedItems=_useState22[1],_useState23=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState24=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState23,2),radioValue=_useState24[0],setRadioValue=_useState24[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};WithHelperText.args={helperText:"Assistive text"},Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n}"}},Default.parameters),Horizontal.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n}"}},Horizontal.parameters),Required.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n}"}},Required.parameters),Invalid.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n}"}},Invalid.parameters),WithTooltip.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n}"}},WithTooltip.parameters),WithParent.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"() => {\n enum CheckboxState {\n checked,\n unchecked,\n indeterminate,\n }\n\n const areAllChecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 4;\n };\n\n const areAllUnchecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 1;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'check': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.checked,\n checkbox1: CheckboxState.checked,\n checkbox2: CheckboxState.checked,\n checkbox3: CheckboxState.checked,\n checkbox4: CheckboxState.checked,\n checkbox5: CheckboxState.checked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.checked,\n controllerCheckbox: areAllChecked(state) ? CheckboxState.checked : CheckboxState.indeterminate,\n };\n }\n case 'uncheck': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.unchecked,\n controllerCheckbox: areAllUnchecked(state) ? CheckboxState.unchecked : CheckboxState.indeterminate,\n };\n }\n default:\n throw new Error();\n }\n };\n\n const initialState = {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return (\n
\n {\n if (\n state.controllerCheckbox === CheckboxState.unchecked ||\n state.controllerCheckbox === CheckboxState.indeterminate\n ) {\n dispatch({ type: 'check', payload: 'controllerCheckbox' });\n } else {\n dispatch({ type: 'uncheck', payload: 'controllerCheckbox' });\n }\n }}\n />\n
    \n {Object.entries(state).map((entry) => {\n if (entry[0] === 'controllerCheckbox') {\n return null;\n }\n return (\n
  • \n {\n if (entry[1] === CheckboxState.unchecked) {\n dispatch({ type: 'check', payload: entry[0] });\n } else {\n dispatch({ type: 'uncheck', payload: entry[0] });\n }\n }}\n />\n
  • \n );\n })}\n
\n
\n );\n}"}},WithParent.parameters),WithHelperText.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes}\n
\n
\n {radiobuttons}\n \n );\n}"}},WithHelperText.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Horizontal.displayName="Horizontal",Horizontal.__docgenInfo={description:"",displayName:"Horizontal",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Horizontal"]={docgenInfo:Horizontal.__docgenInfo,name:"Horizontal",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Horizontal"})}catch(__react_docgen_typescript_loader_error){}try{Required.displayName="Required",Required.__docgenInfo={description:"",displayName:"Required",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Required"]={docgenInfo:Required.__docgenInfo,name:"Required",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Required"})}catch(__react_docgen_typescript_loader_error){}try{Invalid.displayName="Invalid",Invalid.__docgenInfo={description:"",displayName:"Invalid",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Invalid"]={docgenInfo:Invalid.__docgenInfo,name:"Invalid",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Invalid"})}catch(__react_docgen_typescript_loader_error){}try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"",displayName:"WithTooltip",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{WithHelperText.displayName="WithHelperText",WithHelperText.__docgenInfo={description:"",displayName:"WithHelperText",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#WithHelperText"]={docgenInfo:WithHelperText.__docgenInfo,name:"WithHelperText",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#WithHelperText"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/sideNavigation/SideNavigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomTheme:()=>CustomTheme,Default:()=>Default,WithIcons:()=>WithIcons,default:()=>SideNavigation_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const SideNavigation_module_sideNavigation="SideNavigation_sideNavigation__-d8cy",SideNavigation_module_toggleButton="SideNavigation_toggleButton__zltxh",SideNavigation_module_mainLevelList="SideNavigation_mainLevelList__bxPfD",SideNavigation_module_open="SideNavigation_open__sicrw";const sideNavigation_SideNavigationContext=react.createContext({mobileMenuOpen:!1,defaultOpenMainLevels:void 0,activeParentLevel:void 0,setMobileMenuOpen:function setMobileMenuOpen(){},setActiveParentLevel:function setActiveParentLevel(){}});var classNames=__webpack_require__("./src/utils/classNames.ts"),useMobile=__webpack_require__("./src/hooks/useMobile.tsx"),Button=__webpack_require__("./src/components/button/Button.tsx"),IconAngleUp=__webpack_require__("./src/icons/IconAngleUp.tsx"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");const MainLevel_module_mainLevel="MainLevel_mainLevel__E++Lv",MainLevel_module_active="MainLevel_active__mOeCc",MainLevel_module_mainLevelListMenu="MainLevel_mainLevelListMenu__2XG25",MainLevel_module_mainLevelWithDivider="MainLevel_mainLevelWithDivider__aNBoF",MainLevel_module_leftIcon="MainLevel_leftIcon__gdLvJ",MainLevel_module_label="MainLevel_label__NI7f0",MainLevel_module_rightIcon="MainLevel_rightIcon__4inED",MainLevel_module_open="MainLevel_open__HvOkd";var IconLinkExternal=__webpack_require__("./src/icons/IconLinkExternal.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["active","children","className","href","icon","id","index","label","withDivider","external","openInNewTab","openInNewTabAriaLabel","openInExternalDomainAriaLabel","onClick","style"],composeAriaLabel=function composeAriaLabel(_ref){var openInNewTab=_ref.openInNewTab,openInNewTabAriaLabel=_ref.openInNewTabAriaLabel,openInExternalDomainAriaLabel=_ref.openInExternalDomainAriaLabel,label=_ref.label,newTabText=openInNewTab?openInNewTabAriaLabel||"Avautuu uudessa välilehdessä.":"",externalText=openInExternalDomainAriaLabel||"Siirtyy toiseen sivustoon.";return["."!==label.slice(-1)?"".concat(label,"."):label,newTabText,externalText].filter((function(text){return text})).join(" ")},LeftIcon=function LeftIcon(_ref2){var icon=_ref2.icon;return(0,jsx_runtime.jsx)("span",{className:MainLevel_module_leftIcon,"aria-hidden":!0,children:icon})},RightIcon=function RightIcon(_ref3){var icon=_ref3.icon,_ref3$className=_ref3.className,className=void 0===_ref3$className?"":_ref3$className;return(0,jsx_runtime.jsx)("span",{className:(0,classNames.Z)(MainLevel_module_rightIcon,className),"aria-hidden":!0,children:icon})},Label=function Label(_ref4){var label=_ref4.label;return(0,jsx_runtime.jsx)("span",{className:MainLevel_module_label,children:label})},MainLevel=function MainLevel(_ref5){var active=_ref5.active,children=_ref5.children,className=_ref5.className,href=_ref5.href,icon=_ref5.icon,id=_ref5.id,index=_ref5.index,label=_ref5.label,withDivider=_ref5.withDivider,external=_ref5.external,openInNewTab=_ref5.openInNewTab,openInNewTabAriaLabel=_ref5.openInNewTabAriaLabel,openInExternalDomainAriaLabel=_ref5.openInExternalDomainAriaLabel,onClick=_ref5.onClick,style=_ref5.style,rest=(0,objectWithoutProperties.Z)(_ref5,_excluded),menuId="".concat(id,"-menu"),_useContext=(0,react.useContext)(sideNavigation_SideNavigationContext),defaultOpenMainLevels=_useContext.defaultOpenMainLevels,activeParentLevel=_useContext.activeParentLevel,setActiveParentLevel=_useContext.setActiveParentLevel,setMobileMenuOpen=_useContext.setMobileMenuOpen,_useState=(0,react.useState)(defaultOpenMainLevels.includes(index)),_useState2=(0,slicedToArray.Z)(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isActiveParent=_useState4[0],setIsActiveParent=_useState4[1],subLevels=(0,getChildren.AU)(children).map((function(child,childIndex){return(0,react.isValidElement)(child)&&"SubLevel"===child.type.componentName?(0,react.cloneElement)(child,{mainLevelIndex:index,key:childIndex}):null})),hasSubLevels=Boolean(null==subLevels?void 0:subLevels.length),handleMainLevelClick=function handleMainLevelClick(ev){hasSubLevels?setIsOpen(!isOpen):(setActiveParentLevel(void 0),setMobileMenuOpen(!1)),onClick&&onClick(ev)};return(0,react.useEffect)((function(){var isActive=activeParentLevel===index;isActive&&setIsOpen(!0),setIsActiveParent(isActive)}),[activeParentLevel,index,setIsOpen,setIsActiveParent]),(0,jsx_runtime.jsx)("li",{className:(0,classNames.Z)(MainLevel_module_mainLevel,withDivider&&MainLevel_module_mainLevelWithDivider,active&&MainLevel_module_active,isOpen&&MainLevel_module_open,className),style,children:hasSubLevels?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("button",{type:"button","aria-label":label,"aria-current":isActiveParent,"aria-expanded":isOpen,id,onClick:handleMainLevelClick,children:[icon&&(0,jsx_runtime.jsx)(LeftIcon,{icon}),(0,jsx_runtime.jsx)(Label,{label}),hasSubLevels&&(0,jsx_runtime.jsx)(RightIcon,{icon:isOpen?(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0}):(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{"aria-hidden":!0})})]}),(0,jsx_runtime.jsx)("ul",{className:MainLevel_module_mainLevelListMenu,id:menuId,"aria-hidden":!isOpen,"aria-labelledby":id,children:subLevels})]}):(0,jsx_runtime.jsxs)("a",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},rest),{},{"aria-current":active?"page":"false","aria-label":external?"".concat(label," ").concat(openInExternalDomainAriaLabel||"Siirtyy toiseen sivustoon"):label,id,onClick:handleMainLevelClick,href},external&&openInNewTab&&{target:"_blank",rel:"noopener","aria-label":composeAriaLabel({label,openInNewTab,openInNewTabAriaLabel,openInExternalDomainAriaLabel})}),{},{children:[icon&&(0,jsx_runtime.jsx)(LeftIcon,{icon}),(0,jsx_runtime.jsx)(Label,{label}),external&&(0,jsx_runtime.jsx)(RightIcon,{icon:(0,jsx_runtime.jsx)(IconLinkExternal.IconLinkExternal,{"aria-hidden":!0})})]}))},id)};MainLevel.componentName="MainLevel";try{MainLevel.displayName="MainLevel",MainLevel.__docgenInfo={description:"",displayName:"MainLevel",props:{id:{defaultValue:null,description:"The id of the side navigation main level",name:"id",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation main level",name:"href",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Optional icon of the side navigation main level",name:"icon",required:!1,type:{name:"ReactNode"}},index:{defaultValue:null,description:"Index of the side navigation main level. The parent SideNavigation component uses this property to index main levels",name:"index",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"Label of the side navigation main level",name:"label",required:!0,type:{name:"string"}},withDivider:{defaultValue:null,description:"A border that distinguishes the main level from the previous item",name:"withDivider",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the side navigation main level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"Children components for the main level. Usually subLevels",name:"children",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Callback function fired when the main level is clicked",name:"onClick",required:!1,type:{name:"(event: MouseEvent | KeyboardEvent | KeyboardEvent | MouseEvent<...>) => void"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},external:{defaultValue:null,description:"Boolean indicating whether the main level link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},openInNewTab:{defaultValue:null,description:"Boolean indicating whether the main level link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/mainLevel/MainLevel.tsx#MainLevel"]={docgenInfo:MainLevel.__docgenInfo,name:"MainLevel",path:"src/components/sideNavigation/mainLevel/MainLevel.tsx#MainLevel"})}catch(__react_docgen_typescript_loader_error){}const SubLevel_module_subLevel="SubLevel_subLevel__cALpt",SubLevel_module_active="SubLevel_active__3gtTZ";var SubLevel=function SubLevel(_ref){var active=_ref.active,className=_ref.className,href=_ref.href,id=_ref.id,label=_ref.label,mainLevelIndex=_ref.mainLevelIndex,_onClick=_ref.onClick,style=_ref.style,_useContext=(0,react.useContext)(sideNavigation_SideNavigationContext),setActiveParentLevel=_useContext.setActiveParentLevel,setMobileMenuOpen=_useContext.setMobileMenuOpen;return(0,react.useEffect)((function(){active&&setActiveParentLevel(mainLevelIndex)}),[active,mainLevelIndex,setActiveParentLevel]),(0,jsx_runtime.jsx)("li",{className:(0,classNames.Z)(SubLevel_module_subLevel,active&&SubLevel_module_active,className),style,children:(0,jsx_runtime.jsx)("a",{id,"aria-current":active?"page":"false",onClick:function onClick(ev){setMobileMenuOpen(!1),_onClick&&_onClick(ev)},href,children:label})})};SubLevel.componentName="SubLevel";try{SubLevel.displayName="SubLevel",SubLevel.__docgenInfo={description:"",displayName:"SubLevel",props:{active:{defaultValue:null,description:"If `true`, the item will be marked as active",name:"active",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"The id of the side navigation sub level",name:"id",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation sub level",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label of the side navigation sub level",name:"label",required:!0,type:{name:"string"}},mainLevelIndex:{defaultValue:null,description:"Index of the containing main level. The parent MainLevel component uses this property to index sub levels",name:"mainLevelIndex",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"Additional class names to apply to the side navigation sub level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/subLevel/SubLevel.tsx#SubLevel"]={docgenInfo:SubLevel.__docgenInfo,name:"SubLevel",path:"src/components/sideNavigation/subLevel/SubLevel.tsx#SubLevel"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),SideNavigation=function SideNavigation(_ref){var children=_ref.children,className=_ref.className,_ref$defaultOpenMainL=_ref.defaultOpenMainLevels,defaultOpenMainLevels=void 0===_ref$defaultOpenMainL?[]:_ref$defaultOpenMainL,id=_ref.id,ariaLabel=_ref.ariaLabel,style=_ref.style,theme=_ref.theme,toggleButtonLabel=_ref.toggleButtonLabel,container=react.useRef(null),customThemeClass=(0,useTheme.F)(SideNavigation_module_sideNavigation,theme),menuId="".concat(id,"-menu"),_React$useState=react.useState(),_React$useState2=(0,slicedToArray.Z)(_React$useState,2),activeParentLevel=_React$useState2[0],setActiveParentLevel=_React$useState2[1],_React$useState3=react.useState(!1),_React$useState4=(0,slicedToArray.Z)(_React$useState3,2),mobileMenuOpen=_React$useState4[0],setMobileMenuOpen=_React$useState4[1],shouldRenderMenu=!((0,useMobile.X)()&&!mobileMenuOpen),mainLevels=(0,getChildren.AU)(children).map((function(child,index){return(0,react.isValidElement)(child)&&"MainLevel"===child.type.componentName?(0,react.cloneElement)(child,{key:index,index}):null}));return(0,react.useEffect)((function(){var handleEscKey=function handleEscKey(event){var key=event.key||event.keyCode;!mobileMenuOpen||"Escape"!==key&&"Esc"!==key&&27!==key||setMobileMenuOpen(!1)},handleOutsideClickOrFocusin=function handleOutsideClickOrFocusin(event){var target=event.target;mobileMenuOpen&&!container.current.contains(target)&&setMobileMenuOpen(!1)};return document.addEventListener("click",handleOutsideClickOrFocusin),document.addEventListener("focusin",handleOutsideClickOrFocusin),document.addEventListener("keyup",handleEscKey),function(){document.removeEventListener("click",handleOutsideClickOrFocusin),document.removeEventListener("focusin",handleOutsideClickOrFocusin),document.removeEventListener("keyup",handleEscKey)}})),(0,jsx_runtime.jsx)(sideNavigation_SideNavigationContext.Provider,{value:{mobileMenuOpen,defaultOpenMainLevels,activeParentLevel,setMobileMenuOpen,setActiveParentLevel},children:(0,jsx_runtime.jsxs)("nav",{className:(0,classNames.Z)(SideNavigation_module_sideNavigation,customThemeClass,className),id,"aria-label":ariaLabel,ref:container,style,children:[(0,jsx_runtime.jsx)(Button.z,{"aria-controls":menuId,"aria-expanded":mobileMenuOpen,"aria-haspopup":!0,className:SideNavigation_module_toggleButton,fullWidth:!0,iconRight:mobileMenuOpen?(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0}):(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{"aria-hidden":!0}),onClick:function toggleMobileMenu(){setMobileMenuOpen(!mobileMenuOpen)},variant:"secondary",type:"button",children:toggleButtonLabel}),shouldRenderMenu&&(0,jsx_runtime.jsx)("ul",{className:(0,classNames.Z)(SideNavigation_module_mainLevelList,mobileMenuOpen&&SideNavigation_module_open),"aria-label":toggleButtonLabel,id:menuId,children:mainLevels})]})})};SideNavigation.MainLevel=MainLevel,SideNavigation.SubLevel=SubLevel;try{SideNavigation.displayName="SideNavigation",SideNavigation.__docgenInfo={description:"",displayName:"SideNavigation",props:{className:{defaultValue:null,description:"Additional class names to apply to the side navigation",name:"className",required:!1,type:{name:"string"}},defaultOpenMainLevels:{defaultValue:{value:"[]"},description:"Default value for open main levels",name:"defaultOpenMainLevels",required:!1,type:{name:"number[]"}},id:{defaultValue:null,description:"The id of the side navigation.",name:"id",required:!0,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"aria-label for helping screen reader users to distinguish SideNavigation from other navigational components",name:"ariaLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"SideNavigationCustomTheme"}},toggleButtonLabel:{defaultValue:null,description:"label for the mobile menu toggle button",name:"toggleButtonLabel",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation"]={docgenInfo:SideNavigation.__docgenInfo,name:"SideNavigation",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation"})}catch(__react_docgen_typescript_loader_error){}try{SideNavigation.MainLevel.displayName="SideNavigation.MainLevel",SideNavigation.MainLevel.__docgenInfo={description:"",displayName:"SideNavigation.MainLevel",props:{id:{defaultValue:null,description:"The id of the side navigation main level",name:"id",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation main level",name:"href",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Optional icon of the side navigation main level",name:"icon",required:!1,type:{name:"ReactNode"}},index:{defaultValue:null,description:"Index of the side navigation main level. The parent SideNavigation component uses this property to index main levels",name:"index",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"Label of the side navigation main level",name:"label",required:!0,type:{name:"string"}},withDivider:{defaultValue:null,description:"A border that distinguishes the main level from the previous item",name:"withDivider",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the side navigation main level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"Children components for the main level. Usually subLevels",name:"children",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Callback function fired when the main level is clicked",name:"onClick",required:!1,type:{name:"(event: MouseEvent | KeyboardEvent | KeyboardEvent | MouseEvent<...>) => void"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},external:{defaultValue:null,description:"Boolean indicating whether the main level link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},openInNewTab:{defaultValue:null,description:"Boolean indicating whether the main level link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation.MainLevel"]={docgenInfo:SideNavigation.MainLevel.__docgenInfo,name:"SideNavigation.MainLevel",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation.MainLevel"})}catch(__react_docgen_typescript_loader_error){}try{SideNavigation.SubLevel.displayName="SideNavigation.SubLevel",SideNavigation.SubLevel.__docgenInfo={description:"",displayName:"SideNavigation.SubLevel",props:{active:{defaultValue:null,description:"If `true`, the item will be marked as active",name:"active",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"The id of the side navigation sub level",name:"id",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation sub level",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label of the side navigation sub level",name:"label",required:!0,type:{name:"string"}},mainLevelIndex:{defaultValue:null,description:"Index of the containing main level. The parent MainLevel component uses this property to index sub levels",name:"mainLevelIndex",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"Additional class names to apply to the side navigation sub level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation.SubLevel"]={docgenInfo:SideNavigation.SubLevel.__docgenInfo,name:"SideNavigation.SubLevel",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation.SubLevel"})}catch(__react_docgen_typescript_loader_error){}var IconHome=__webpack_require__("./src/icons/IconHome.tsx");const SideNavigation_stories={component:SideNavigation,decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{backgroundColor:"#f5f5f5",display:"grid",minHeight:"100vh"},children:(0,jsx_runtime.jsx)("div",{style:{height:"100%"},children:storyFn()})})}],title:"Components/SideNavigation",parameters:{storySource:{source:'import React from \'react\';\n\nimport { SideNavigation } from \'./SideNavigation\';\nimport { IconHome } from \'../../icons\';\n\nexport default {\n component: SideNavigation,\n decorators: [\n (storyFn) => (\n
\n
{storyFn()}
\n
\n ),\n ],\n title: \'Components/SideNavigation\',\n parameters: {\n controls: { expanded: true },\n },\n args: { defaultOpenMainLevels: [], toggleButtonLabel: \'Navigate to page\', id: \'side-navigation\' },\n};\n\nconst handleClick = (setActive) => (ev) => {\n ev.preventDefault();\n setActive(ev.currentTarget.getAttribute(\'href\'));\n};\n\nexport const Default = (args) => {\n const [active, setActive] = React.useState(\'/sub-level-1\');\n\n return (\n <>\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n
Page Content
\n
\n \n );\n};\n\nexport const WithIcons = (args) => {\n const [active, setActive] = React.useState(\'/sub-level-2\');\n\n return (\n <>\n \n
\n
\n \n }\n >\n \n \n \n }\n >\n \n \n \n }\n />\n \n \n
\n
Page Content
\n
\n \n );\n};\n\nexport const CustomTheme = (args) => Default(args);\nCustomTheme.args = {\n theme: {\n \'--side-navigation-background-color\': \'var(--color-white)\',\n \'--side-navigation-active-indicator-background-color\': \'var(--color-gold)\',\n \'--side-navigation-icon-size\': \'var(--spacing-m)\',\n \'--side-navigation-level-border-color\': \'var(--color-white)\',\n \'--side-navigation-level-border-color-focus\': \'var(--color-coat-of-arms)\',\n \'--side-navigation-level-border-color-hover\': \'var(--color-fog-light)\',\n \'--side-navigation-level-background-color\': \'var(--color-white)\',\n \'--side-navigation-level-background-color-active\': \'var(--color-fog-light)\',\n \'--side-navigation-level-background-color-hover\': \'var(--color-fog-light)\',\n \'--side-navigation-level-color\': \'var(--color-black)\',\n \'--side-navigation-level-color-active\': \'var(--color-black)\',\n \'--side-navigation-level-color-hover\': \'var(--color-black)\',\n \'--side-navigation-mobile-menu-border-color\': \'var(--color-black)\',\n \'--side-navigation-mobile-menu-z-index\': 100,\n },\n};\n',locationsMap:{default:{startLoc:{col:23,line:27},endLoc:{col:1,line:108},startBody:{col:23,line:27},endBody:{col:1,line:108}},"with-icons":{startLoc:{col:25,line:110},endLoc:{col:1,line:200},startBody:{col:25,line:110},endBody:{col:1,line:200}},"custom-theme":{startLoc:{col:27,line:202},endLoc:{col:50,line:202},startBody:{col:27,line:202},endBody:{col:50,line:202}}}},controls:{expanded:!0}},args:{defaultOpenMainLevels:[],toggleButtonLabel:"Navigate to page",id:"side-navigation"}};var handleClick=function handleClick(setActive){return function(ev){ev.preventDefault(),setActive(ev.currentTarget.getAttribute("href"))}},Default=function Default(args){var _React$useState=react.useState("/sub-level-1"),_React$useState2=(0,slicedToArray.Z)(_React$useState,2),active=_React$useState2[0],setActive=_React$useState2[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("style",{children:"\n @media only screen and (min-width: ".concat(getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-m"),") {\n .example-page {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 1rem;\n }\n\n .example-page-side-navigation {\n grid-column: 1/4;\n }\n }\n ")}),(0,jsx_runtime.jsxs)("div",{className:"example-page",children:[(0,jsx_runtime.jsx)("div",{className:"example-page-side-navigation",children:(0,jsx_runtime.jsxs)(SideNavigation,(0,objectSpread2.Z)((0,objectSpread2.Z)({ariaLabel:"Getting started"},args),{},{children:[(0,jsx_runtime.jsxs)(SideNavigation.MainLevel,{id:"main-level-link-1",label:"Main level accordion",children:[(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-1"===active,id:"sub-level-link-1",href:"/sub-level-1",label:"Sub level link",onClick:handleClick(setActive)}),(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-2"===active,id:"sub-level-link-2",href:"/sub-level-2",label:"Sub level link",onClick:handleClick(setActive)})]}),(0,jsx_runtime.jsxs)(SideNavigation.MainLevel,{id:"main-level-link-2",label:"Main level accordion",children:[(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-3"===active,id:"sub-level-link-3",href:"/sub-level-3",label:"Sub level link",onClick:handleClick(setActive)}),(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-4"===active,id:"sub-level-link-4",href:"/sub-level-4",label:"Sub level link",onClick:handleClick(setActive)})]}),(0,jsx_runtime.jsx)(SideNavigation.MainLevel,{active:"/main-level-3"===active,id:"main-level-link-3",href:"/main-level-3",label:"Main level link",onClick:handleClick(setActive)}),(0,jsx_runtime.jsx)(SideNavigation.MainLevel,{id:"main-level-link-4",href:"external-address",label:"Main level external link",external:!0,openInNewTab:!0,openInNewTabAriaLabel:"Opens in a new tab.",openInExternalDomainAriaLabel:"Opens a different website.",onClick:handleClick(setActive),withDivider:!0})]}))}),(0,jsx_runtime.jsx)("main",{children:"Page Content"})]})]})},WithIcons=function WithIcons(args){var _React$useState3=react.useState("/sub-level-2"),_React$useState4=(0,slicedToArray.Z)(_React$useState3,2),active=_React$useState4[0],setActive=_React$useState4[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("style",{children:"\n @media only screen and (min-width: ".concat(getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-m"),") {\n .example-page {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 1rem;\n }\n\n .example-page-side-navigation {\n grid-column: 1/4;\n }\n }\n ")}),(0,jsx_runtime.jsxs)("div",{className:"example-page",children:[(0,jsx_runtime.jsx)("div",{className:"example-page-side-navigation",children:(0,jsx_runtime.jsxs)(SideNavigation,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{children:[(0,jsx_runtime.jsxs)(SideNavigation.MainLevel,{id:"main-level-link-1",label:"Main level accordion",icon:(0,jsx_runtime.jsx)(IconHome.IconHome,{"aria-hidden":!0}),children:[(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-1"===active,id:"sub-level-link-1",href:"/sub-level-1",label:"Sub level link",onClick:handleClick(setActive)}),(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-2"===active,id:"sub-level-link-2",href:"/sub-level-2",label:"Sub level link",onClick:handleClick(setActive)})]}),(0,jsx_runtime.jsxs)(SideNavigation.MainLevel,{id:"main-level-link-2",label:"Main level accordion",icon:(0,jsx_runtime.jsx)(IconHome.IconHome,{"aria-hidden":!0}),children:[(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-3"===active,id:"sub-level-link-3",href:"/sub-level-3",label:"Sub level link",onClick:handleClick(setActive)}),(0,jsx_runtime.jsx)(SideNavigation.SubLevel,{active:"/sub-level-4"===active,id:"sub-level-link-4",href:"/sub-level-4",label:"Sub level link",onClick:handleClick(setActive)})]}),(0,jsx_runtime.jsx)(SideNavigation.MainLevel,{active:"/main-level-3"===active,id:"main-level-link-3",href:"/main-level-3",label:"Main level link",onClick:handleClick(setActive),icon:(0,jsx_runtime.jsx)(IconHome.IconHome,{"aria-hidden":!0})}),(0,jsx_runtime.jsx)(SideNavigation.MainLevel,{id:"main-level-link-4",href:"external-address",label:"Main level external link",external:!0,openInNewTab:!0,openInNewTabAriaLabel:"Opens in a new tab.",openInExternalDomainAriaLabel:"Opens a different website.",onClick:handleClick(setActive),withDivider:!0})]}))}),(0,jsx_runtime.jsx)("main",{children:"Page Content"})]})]})},CustomTheme=function CustomTheme(args){return Default(args)};CustomTheme.args={theme:{"--side-navigation-background-color":"var(--color-white)","--side-navigation-active-indicator-background-color":"var(--color-gold)","--side-navigation-icon-size":"var(--spacing-m)","--side-navigation-level-border-color":"var(--color-white)","--side-navigation-level-border-color-focus":"var(--color-coat-of-arms)","--side-navigation-level-border-color-hover":"var(--color-fog-light)","--side-navigation-level-background-color":"var(--color-white)","--side-navigation-level-background-color-active":"var(--color-fog-light)","--side-navigation-level-background-color-hover":"var(--color-fog-light)","--side-navigation-level-color":"var(--color-black)","--side-navigation-level-color-active":"var(--color-black)","--side-navigation-level-color-hover":"var(--color-black)","--side-navigation-mobile-menu-border-color":"var(--color-black)","--side-navigation-mobile-menu-z-index":100}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [active, setActive] = React.useState(\'/sub-level-1\');\n\n return (\n <>\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n
Page Content
\n
\n \n );\n}'}},Default.parameters),WithIcons.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [active, setActive] = React.useState(\'/sub-level-2\');\n\n return (\n <>\n \n
\n
\n \n }\n >\n \n \n \n }\n >\n \n \n \n }\n />\n \n \n
\n
Page Content
\n
\n \n );\n}'}},WithIcons.parameters),CustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => Default(args)"}},CustomTheme.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/sideNavigation/SideNavigation.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{WithIcons.displayName="WithIcons",WithIcons.__docgenInfo={description:"",displayName:"WithIcons",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.stories.tsx#WithIcons"]={docgenInfo:WithIcons.__docgenInfo,name:"WithIcons",path:"src/components/sideNavigation/SideNavigation.stories.tsx#WithIcons"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/sideNavigation/SideNavigation.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/statusLabel/StatusLabel.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Alert:()=>Alert,Error:()=>Error,Icons:()=>Icons,Info:()=>Info,Neutral:()=>Neutral,Playground:()=>Playground,Success:()=>Success,WithRoundedCorners:()=>WithRoundedCorners,default:()=>StatusLabel_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));__webpack_require__("./src/styles/base.css");const StatusLabel_module={statusLabel:"StatusLabel_statusLabel__PRZAr status-label_hds-status-label__cKOCR",statusLabelWithIcon:"StatusLabel_statusLabelWithIcon__D0x6W status-label_hds-status-label--with-icon__B29VM",statusLabelIcon:"StatusLabel_statusLabelIcon__l1++J status-label_hds-status-label-icon__ZwmPf",info:"StatusLabel_info__G9AuR status-label_hds-status-label--info__skSDp",success:"StatusLabel_success__wUjTj status-label_hds-status-label--success__ECfam",alert:"StatusLabel_alert__qGIX0 status-label_hds-status-label--alert__qPQaE",error:"StatusLabel_error__N4X2p status-label_hds-status-label--error__hyan6",rounded:"StatusLabel_rounded__FVzfR status-label_hds-status-label--rounded-corners__uLp1P"};var classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","className","dataTestId","type","iconLeft","variant"],IconElement=function IconElement(_ref){var icon=_ref.icon;return(0,jsx_runtime.jsx)("span",{className:StatusLabel_module.statusLabelIcon,"aria-hidden":"true",children:icon})},StatusLabel=function StatusLabel(_ref2){var children=_ref2.children,className=_ref2.className,dataTestId=_ref2.dataTestId,_ref2$type=_ref2.type,type=void 0===_ref2$type?"neutral":_ref2$type,iconLeft=_ref2.iconLeft,variant=_ref2.variant,rest=(0,objectWithoutProperties.Z)(_ref2,_excluded);return(0,jsx_runtime.jsxs)("span",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(StatusLabel_module.statusLabel,StatusLabel_module[type],iconLeft&&StatusLabel_module.statusLabelWithIcon,variant&&StatusLabel_module[variant],className),"data-testid":dataTestId},rest),{},{children:[iconLeft&&(0,jsx_runtime.jsx)(IconElement,{icon:iconLeft}),children]}))};try{StatusLabel.displayName="StatusLabel",StatusLabel.__docgenInfo={description:"Note: default rectangular StatusLabel will be deprecated in 3.0.0.\nRounded corder variant will be used as default instead.",displayName:"StatusLabel",props:{className:{defaultValue:null,description:"Additional class names to apply to the status label",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Adds a data-testid attribute to the root element with the given value",name:"dataTestId",required:!1,type:{name:"string"}},type:{defaultValue:{value:"neutral"},description:"The type of the status label",name:"type",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"info"'},{value:'"error"'},{value:'"alert"'},{value:'"neutral"'}]}},iconLeft:{defaultValue:null,description:"Element placed on the left side of the status label",name:"iconLeft",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:"Defines if label has rounded corners",name:"variant",required:!1,type:{name:'"rounded"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/statusLabel/StatusLabel.tsx#StatusLabel"]={docgenInfo:StatusLabel.__docgenInfo,name:"StatusLabel",path:"src/components/statusLabel/StatusLabel.tsx#StatusLabel"})}catch(__react_docgen_typescript_loader_error){}var Notification=__webpack_require__("./src/components/notification/Notification.tsx"),IconInfoCircle=__webpack_require__("./src/icons/IconInfoCircle.tsx"),IconCheckCircle=__webpack_require__("./src/icons/IconCheckCircle.tsx"),IconAlertCircle=__webpack_require__("./src/icons/IconAlertCircle.tsx"),IconError=__webpack_require__("./src/icons/IconError.tsx");const StatusLabel_stories={component:StatusLabel,title:"Components/StatusLabel",parameters:{storySource:{source:"import React from 'react';\n\nimport { StatusLabel } from './StatusLabel';\nimport { Notification } from '../notification/Notification';\nimport { IconCheckCircle, IconInfoCircle, IconAlertCircle, IconError } from '../../icons';\n\nexport default {\n component: StatusLabel,\n title: 'Components/StatusLabel',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n};\n\nconst deprecatedInfo = () => {\n return (\n \n The default rectangular status labels are deprecated. The rounded cornered variant will replace the default\n rectangular StatusLabel in the next major release.\n \n );\n};\n\nexport const Neutral = () => {\n return (\n <>\n {deprecatedInfo()}\n
\n Neutral\n \n );\n};\n\nexport const Info = () => {\n return (\n <>\n {deprecatedInfo()}\n
\n Info\n \n );\n};\n\nexport const Success = () => {\n return (\n <>\n {deprecatedInfo()}\n
\n Success\n \n );\n};\n\nexport const Alert = () => {\n return (\n <>\n {deprecatedInfo()}\n
\n Alert\n \n );\n};\n\nexport const Error = () => {\n return (\n <>\n {deprecatedInfo()}\n
\n Error\n \n );\n};\n\nexport const WithRoundedCorners = () => {\n return (\n <>\n {deprecatedInfo()}\n
\n Rounded\n \n );\n};\n\nexport const Icons = () => (\n <>\n {deprecatedInfo()}\n
\n
\n }>Default\n
\n
\n }>\n Info\n \n
\n
\n }>\n Success\n \n
\n
\n }>\n Alert\n \n
\n
\n }>\n Error\n \n
\n
\n }>\n Rounded\n \n \n);\n\nexport const Playground = (args) => (\n <>\n {args.label}\n \n);\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n label: 'Status',\n type: 'neutral',\n};\n\nPlayground.argTypes = {\n type: {\n options: ['neutral', 'info', 'success', 'alert', 'error'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{neutral:{startLoc:{col:23,line:24},endLoc:{col:1,line:32},startBody:{col:23,line:24},endBody:{col:1,line:32}},info:{startLoc:{col:20,line:34},endLoc:{col:1,line:42},startBody:{col:20,line:34},endBody:{col:1,line:42}},success:{startLoc:{col:23,line:44},endLoc:{col:1,line:52},startBody:{col:23,line:44},endBody:{col:1,line:52}},alert:{startLoc:{col:21,line:54},endLoc:{col:1,line:62},startBody:{col:21,line:54},endBody:{col:1,line:62}},error:{startLoc:{col:21,line:64},endLoc:{col:1,line:72},startBody:{col:21,line:64},endBody:{col:1,line:72}},"with-rounded-corners":{startLoc:{col:34,line:74},endLoc:{col:1,line:82},startBody:{col:34,line:74},endBody:{col:1,line:82}},icons:{startLoc:{col:21,line:84},endLoc:{col:1,line:116},startBody:{col:21,line:84},endBody:{col:1,line:116}},playground:{startLoc:{col:26,line:118},endLoc:{col:1,line:122},startBody:{col:26,line:118},endBody:{col:1,line:122}}}},controls:{hideNoControlsWarning:!0}}};var deprecatedInfo=function deprecatedInfo(){return(0,jsx_runtime.jsx)(Notification.P,{label:"Breaking change",className:"siteNotification",type:"alert",children:"The default rectangular status labels are deprecated. The rounded cornered variant will replace the default rectangular StatusLabel in the next major release."})},Neutral=function Neutral(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{children:"Neutral"})]})},Info=function Info(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"info",children:"Info"})]})},Success=function Success(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"success",children:"Success"})]})},Alert=function Alert(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"alert",children:"Alert"})]})},Error=function Error(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"error",children:"Error"})]})},WithRoundedCorners=function WithRoundedCorners(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{variant:"rounded",children:"Rounded"})]})},Icons=function Icons(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[deprecatedInfo(),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{iconLeft:(0,jsx_runtime.jsx)(IconInfoCircle.IconInfoCircle,{}),children:"Default"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"info",iconLeft:(0,jsx_runtime.jsx)(IconInfoCircle.IconInfoCircle,{}),children:"Info"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"success",iconLeft:(0,jsx_runtime.jsx)(IconCheckCircle.IconCheckCircle,{}),children:"Success"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"alert",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{}),children:"Alert"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"error",iconLeft:(0,jsx_runtime.jsx)(IconError.IconError,{}),children:"Error"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"info",variant:"rounded",iconLeft:(0,jsx_runtime.jsx)(IconInfoCircle.IconInfoCircle,{}),children:"Rounded"})]})},Playground=function Playground(args){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(StatusLabel,{type:args.type,children:args.label})})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={label:"Status",type:"neutral"},Playground.argTypes={type:{options:["neutral","info","success","alert","error"],control:{type:"radio"}}},Neutral.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {\n return (\n <>\n {deprecatedInfo()}\n
\n Neutral\n \n );\n}"}},Neutral.parameters),Info.parameters=(0,objectSpread2.Z)({storySource:{source:'() => {\n return (\n <>\n {deprecatedInfo()}\n
\n Info\n \n );\n}'}},Info.parameters),Success.parameters=(0,objectSpread2.Z)({storySource:{source:'() => {\n return (\n <>\n {deprecatedInfo()}\n
\n Success\n \n );\n}'}},Success.parameters),Alert.parameters=(0,objectSpread2.Z)({storySource:{source:'() => {\n return (\n <>\n {deprecatedInfo()}\n
\n Alert\n \n );\n}'}},Alert.parameters),Error.parameters=(0,objectSpread2.Z)({storySource:{source:'() => {\n return (\n <>\n {deprecatedInfo()}\n
\n Error\n \n );\n}'}},Error.parameters),WithRoundedCorners.parameters=(0,objectSpread2.Z)({storySource:{source:'() => {\n return (\n <>\n {deprecatedInfo()}\n
\n Rounded\n \n );\n}'}},WithRoundedCorners.parameters),Icons.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n <>\n {deprecatedInfo()}\n
\n
\n }>Default\n
\n
\n }>\n Info\n \n
\n
\n }>\n Success\n \n
\n
\n }>\n Alert\n \n
\n
\n }>\n Error\n \n
\n
\n }>\n Rounded\n \n \n)'}},Icons.parameters),Playground.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => (\n <>\n {args.label}\n \n)"}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/statusLabel/StatusLabel.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/statusLabel/StatusLabel.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/stepByStep/StepByStep.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NumberedStepByStep:()=>NumberedStepByStep,RegularStepByStep:()=>RegularStepByStep,default:()=>StepByStep_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),Button=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/components/button/Button.tsx")),classNames=__webpack_require__("./src/utils/classNames.ts"),Link=__webpack_require__("./src/components/link/Link.tsx");const StepByStep_module={container:"StepByStep_container__rZ-v9",stepsContainer:"StepByStep_stepsContainer__wESCk step-by-step_hds-step-by-step__steps-container__CP8BU",stepItem:"StepByStep_stepItem__Q+z7C step-by-step_hds-step-by-step__step-item__vI8lg",stepItemTitle:"StepByStep_stepItemTitle__CffwI step-by-step_hds-step-by-step__step-item-title__lCmCB"};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children"],getButtonOrLinkRenderer=function getButtonOrLinkRenderer(Tag){return function(_ref){var children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(Tag,(0,objectSpread2.Z)((0,objectSpread2.Z)({},props),{},{children}))})}},renderLink=getButtonOrLinkRenderer(Link.r),renderButton=getButtonOrLinkRenderer(Button.z),StepComponent=function StepComponent(_ref2){var title=_ref2.title,description=_ref2.description,_ref2$buttons=_ref2.buttons,buttons=void 0===_ref2$buttons?[]:_ref2$buttons,_ref2$links=_ref2.links,links=void 0===_ref2$links?[]:_ref2$links;return(0,jsx_runtime.jsxs)("li",{className:StepByStep_module.stepItem,children:[(0,jsx_runtime.jsx)("p",{className:StepByStep_module.stepItemTitle,children:title}),(0,jsx_runtime.jsxs)("div",{children:[description&&(0,jsx_runtime.jsx)("p",{children:description}),buttons.map(renderButton),links.map(renderLink)]})]})},StepByStep=function StepByStep(_ref3){var className=_ref3.className,title=_ref3.title,helpText=_ref3.helpText,_ref3$steps=_ref3.steps,steps=void 0===_ref3$steps?[]:_ref3$steps,_ref3$numberedList=_ref3.numberedList,numberedList=void 0!==_ref3$numberedList&&_ref3$numberedList,headerClassName=_ref3.headerClassName,_ref3$headerLevel=_ref3.headerLevel,headerLevel=void 0===_ref3$headerLevel?2:_ref3$headerLevel,wrapperClassName=(0,classNames.Z)(StepByStep_module.container,className),titleComponent=title&&react.createElement("h".concat(headerLevel),{className:(0,classNames.Z)(StepByStep_module.title,headerClassName)},title);return(0,jsx_runtime.jsxs)("div",{className:wrapperClassName,children:[(0,jsx_runtime.jsxs)("div",{children:[titleComponent,(0,jsx_runtime.jsx)("p",{className:StepByStep_module.description,children:helpText})]}),react.createElement(numberedList?"ol":"ul",{className:StepByStep_module.stepsContainer},steps.map((function(step){return(0,jsx_runtime.jsx)(StepComponent,(0,objectSpread2.Z)({},step))})))]})};try{StepByStep.displayName="StepByStep",StepByStep.__docgenInfo={description:"",displayName:"StepByStep",props:{className:{defaultValue:null,description:"Additional class names to apply to the container element.",name:"className",required:!1,type:{name:"string"}},headerClassName:{defaultValue:null,description:"Class name for the main heading.",name:"headerClassName",required:!1,type:{name:"string"}},headerLevel:{defaultValue:{value:"2"},description:"Header level for the main heading.",name:"headerLevel",required:!1,type:{name:"number"}},helpText:{defaultValue:null,description:"Help text for the step by step component. Displayed under the `title` property.",name:"helpText",required:!1,type:{name:"string"}},numberedList:{defaultValue:{value:"false"},description:"Boolean indicating whether the steps are numbered.",name:"numberedList",required:!1,type:{name:"boolean"}},steps:{defaultValue:{value:"[]"},description:"Steps for the step by step component.",name:"steps",required:!1,type:{name:"StepType[]"}},title:{defaultValue:null,description:"Title text for the step by step component.",name:"title",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepByStep/StepByStep.tsx#StepByStep"]={docgenInfo:StepByStep.__docgenInfo,name:"StepByStep",path:"src/components/stepByStep/StepByStep.tsx#StepByStep"})}catch(__react_docgen_typescript_loader_error){}const StepByStep_stories={parameters:{storySource:{source:"import React from 'react';\n\nimport { StepByStep } from './StepByStep';\n\nexport default {\n component: StepByStep,\n title: 'Components/StepByStep',\n args: {\n steps: [\n {\n title: 'Step title',\n description:\n 'Here you can describe the step in detail. Keep the text compact so the user gets the big picture of the whole process and its steps easily.',\n buttons: [\n {\n children: 'Example button',\n href: 'https://hel.fi',\n },\n ],\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n links: [\n {\n children: 'Example link',\n href: 'https://hel.fi',\n },\n ],\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n },\n ],\n },\n argTypes: {\n title: { control: { type: 'string' } },\n steps: { control: { type: 'string' } },\n helpText: { control: { type: 'string' } },\n },\n};\n\nexport const NumberedStepByStep = (args) => ;\n\nNumberedStepByStep.args = {\n title: 'Numbered step by step component',\n helpText: 'Numbered component is suitable for cases where the order of the steps is important.',\n};\n\nexport const RegularStepByStep = (args) => ;\n\nRegularStepByStep.args = {\n title: 'Numbered step by step component',\n helpText: 'Use the unnumbered list when the order of the steps is less important and they form more of a guideline.',\n};\n",locationsMap:{"numbered-step-by-step":{startLoc:{col:34,line:52},endLoc:{col:81,line:52},startBody:{col:34,line:52},endBody:{col:81,line:52}},"regular-step-by-step":{startLoc:{col:33,line:59},endLoc:{col:67,line:59},startBody:{col:33,line:59},endBody:{col:67,line:59}}}}},component:StepByStep,title:"Components/StepByStep",args:{steps:[{title:"Step title",description:"Here you can describe the step in detail. Keep the text compact so the user gets the big picture of the whole process and its steps easily.",buttons:[{children:"Example button",href:"https://hel.fi"}]},{title:"Step title",description:"You can put text here.",links:[{children:"Example link",href:"https://hel.fi"}]},{title:"Step title",description:"You can put text here."},{title:"Step title",description:"You can put text here."},{title:"Step title",description:"You can put text here."}]},argTypes:{title:{control:{type:"string"}},steps:{control:{type:"string"}},helpText:{control:{type:"string"}}}};var NumberedStepByStep=function NumberedStepByStep(args){return(0,jsx_runtime.jsx)(StepByStep,(0,objectSpread2.Z)({numberedList:!0},args))};NumberedStepByStep.args={title:"Numbered step by step component",helpText:"Numbered component is suitable for cases where the order of the steps is important."};var RegularStepByStep=function RegularStepByStep(args){return(0,jsx_runtime.jsx)(StepByStep,(0,objectSpread2.Z)({},args))};RegularStepByStep.args={title:"Numbered step by step component",helpText:"Use the unnumbered list when the order of the steps is less important and they form more of a guideline."},NumberedStepByStep.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},NumberedStepByStep.parameters),RegularStepByStep.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => "}},RegularStepByStep.parameters);try{NumberedStepByStep.displayName="NumberedStepByStep",NumberedStepByStep.__docgenInfo={description:"",displayName:"NumberedStepByStep",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepByStep/StepByStep.stories.tsx#NumberedStepByStep"]={docgenInfo:NumberedStepByStep.__docgenInfo,name:"NumberedStepByStep",path:"src/components/stepByStep/StepByStep.stories.tsx#NumberedStepByStep"})}catch(__react_docgen_typescript_loader_error){}try{RegularStepByStep.displayName="RegularStepByStep",RegularStepByStep.__docgenInfo={description:"",displayName:"RegularStepByStep",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepByStep/StepByStep.stories.tsx#RegularStepByStep"]={docgenInfo:RegularStepByStep.__docgenInfo,name:"RegularStepByStep",path:"src/components/stepByStep/StepByStep.stories.tsx#RegularStepByStep"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/stepper/Stepper.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Overflow:()=>Overflow,Playground:()=>Playground,SimpleFormExample:()=>SimpleFormExample,Small:()=>Small,States:()=>States,WithCustomTheme:()=>WithCustomTheme,WithStepHeading:()=>WithStepHeading,default:()=>Stepper_stories});var defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Stepper_module_scrollButton="Stepper_scrollButton__R5+Vd",Stepper_module_step="Stepper_step__aaImD",Stepper_module_stepperContainer="Stepper_stepperContainer__Vib9w",Stepper_module_stepper="Stepper_stepper__6PjVh",Stepper_module_small="Stepper_small__URzJT",Stepper_module_stepContainer="Stepper_stepContainer__KBCl1",Stepper_module_label="Stepper_label__vlPbJ",Stepper_module_disabled="Stepper_disabled__FutYN",Stepper_module_circle="Stepper_circle__DrdoP",Stepper_module_selected="Stepper_selected__ydRxc",Stepper_module_completedContainer="Stepper_completedContainer__B0hu+",Stepper_module_completedIcon="Stepper_completedIcon__aaXAh",Stepper_module_number="Stepper_number__+nw6j",Stepper_module_circleContainer="Stepper_circleContainer__9kuPp",Stepper_module_line="Stepper_line__Bs+Y9",Stepper_module_disabledLine="Stepper_disabledLine__kt7YZ",Stepper_module_enabledLine="Stepper_enabledLine__uHDOS",Stepper_module_heading="Stepper_heading__TTXb1 helpers_heading-l__ZCbCh",Stepper_module_scrollButtonPrevious="Stepper_scrollButtonPrevious__QYWLi",Stepper_module_scrollButtonNext="Stepper_scrollButtonNext__EZSBx";var objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),IconCheck=__webpack_require__("./src/icons/IconCheck.tsx"),IconError=__webpack_require__("./src/icons/IconError.tsx"),IconPlaybackPause=__webpack_require__("./src/icons/IconPlaybackPause.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["label","language","index","renderCustomStepCountLabel","small","state","selected","stepsTotal","renderCustomStateAriaLabel","onStepClick","dataTestId"],StepState=function(StepState){return StepState[StepState.available=0]="available",StepState[StepState.completed=1]="completed",StepState[StepState.disabled=2]="disabled",StepState[StepState.attention=3]="attention",StepState[StepState.paused=4]="paused",StepState}({}),states={available:{fi:"Valittavissa.",en:"Available.",sv:"Valbar."},completed:{fi:"Valmis.",en:"Completed.",sv:"Komplett."},attention:{fi:"Vaatii huomiota.",en:"Needs attention.",sv:"Behöver uppmärksamhet."},paused:{fi:"Keskeytetty.",en:"Paused.",sv:"Pausad."}},Step=react.forwardRef((function(_ref,ref){var label=_ref.label,_ref$language=_ref.language,language=void 0===_ref$language?"fi":_ref$language,index=_ref.index,renderCustomStepCountLabel=_ref.renderCustomStepCountLabel,_ref$small=_ref.small,small=void 0!==_ref$small&&_ref$small,state=_ref.state,selected=_ref.selected,stepsTotal=_ref.stepsTotal,renderCustomStateAriaLabel=_ref.renderCustomStateAriaLabel,onStepClick=_ref.onStepClick,dataTestId=_ref.dataTestId,rest=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("div",{className:Stepper_module_stepContainer,children:(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({ref,type:"button",disabled:state===StepState.disabled,className:(0,classNames.Z)(Stepper_module_step,selected&&Stepper_module_selected,state===StepState.disabled&&Stepper_module_disabled),"aria-current":!!selected&&"step","aria-label":function composeAriaLabel(){var stepCountLabel=renderCustomStepCountLabel?renderCustomStepCountLabel(index,stepsTotal):function getStepCountLabel(language,stepIndex,totalNumberOfSteps){return{en:"Step ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,"."),fi:"Vaihe ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,"."),sv:"Steg ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,".")}[language]}(language,index,stepsTotal),stateAriaLabel=renderCustomStateAriaLabel?renderCustomStateAriaLabel(index,state):function getStepState(language,state){return state===StepState.disabled?"":states[StepState[state]][language]}(language,state);selected&&state===StepState.available&&(stateAriaLabel="");var labelWithPeriod=label;return"."!==labelWithPeriod.slice(-1)&&(labelWithPeriod+="."),[labelWithPeriod,stepCountLabel,stateAriaLabel].filter((function(lbl){return lbl})).join(" ")}(),onClick:function onClick(e){return onStepClick&&onStepClick(e,index)},"data-testid":dataTestId},rest),{},{children:[(0,jsx_runtime.jsx)("div",{className:Stepper_module_circleContainer,children:state!==StepState.completed||selected?(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Stepper_module_circle),children:[state===StepState.attention&&(0,jsx_runtime.jsx)(IconError.IconError,{size:"xs","aria-hidden":!0}),state===StepState.paused&&(0,jsx_runtime.jsx)(IconPlaybackPause.IconPlaybackPause,{size:"xs","aria-hidden":!0}),(state===StepState.available||state===StepState.disabled||state===StepState.completed&&selected)&&(0,jsx_runtime.jsx)("span",{className:Stepper_module_number,children:index+1})]}):(0,jsx_runtime.jsx)("div",{className:Stepper_module_completedContainer,children:(0,jsx_runtime.jsx)(IconCheck.IconCheck,{className:Stepper_module_completedIcon,"aria-hidden":!0})})}),!small&&(0,jsx_runtime.jsx)("p",{className:Stepper_module_label,children:label})]}))})}));try{Step.displayName="Step",Step.__docgenInfo={description:"",displayName:"Step",props:{dataTestId:{defaultValue:null,description:"Data test id of step",name:"dataTestId",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label of the step",name:"label",required:!0,type:{name:"string"}},language:{defaultValue:{value:"fi"},description:"The language of the step",name:"language",required:!1,type:{name:"string"}},index:{defaultValue:null,description:"The index of the step",name:"index",required:!0,type:{name:"number"}},onStepClick:{defaultValue:null,description:"A callback function for custom action on step click",name:"onStepClick",required:!1,type:{name:"(event: MouseEvent, stepIndex: number) => void"}},renderCustomStateAriaLabel:{defaultValue:null,description:"A function for rendering a custom aria-label for step's state",name:"renderCustomStateAriaLabel",required:!1,type:{name:"(stepIndex: number, state: StepState) => string"}},renderCustomStepCountLabel:{defaultValue:null,description:"A function for rendering a custom step count label",name:"renderCustomStepCountLabel",required:!1,type:{name:"(stepIndex: number, totalNumberOfSteps: number) => string"}},selected:{defaultValue:null,description:"A boolean indicating whether step is in selected state",name:"selected",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"A boolean indicating whether small variant is used",name:"small",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"The state of the step",name:"state",required:!0,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},stepsTotal:{defaultValue:null,description:"The total number of steps",name:"stepsTotal",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Step.tsx#Step"]={docgenInfo:Step.__docgenInfo,name:"Step",path:"src/components/stepper/Step.tsx#Step"})}catch(__react_docgen_typescript_loader_error){}var IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),getStepHeading=function getStepHeading(language,stepIndex,totalNumberOfSteps,label){return{en:"Step ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,": ").concat(label),fi:"Vaihe ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,": ").concat(label),sv:"Steg ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,": ").concat(label)}[language]},Stepper=function Stepper(_ref){var className=_ref.className,_ref$language=_ref.language,language=void 0===_ref$language?"fi":_ref$language,selectedStep=_ref.selectedStep,_ref$small=_ref.small,small=void 0!==_ref$small&&_ref$small,renderCustomStepCountLabel=_ref.renderCustomStepCountLabel,renderCustomStateAriaLabel=_ref.renderCustomStateAriaLabel,_onStepClick=_ref.onStepClick,stepHeading=_ref.stepHeading,_ref$stepHeadingAriaL=_ref.stepHeadingAriaLevel,stepHeadingAriaLevel=void 0===_ref$stepHeadingAriaL?2:_ref$stepHeadingAriaL,headingClassName=_ref.headingClassName,_ref$dataTestId=_ref.dataTestId,dataTestId=void 0===_ref$dataTestId?"hds-stepper":_ref$dataTestId,renderCustomStepHeading=_ref.renderCustomStepHeading,steps=_ref.steps,theme=_ref.theme,stepsTotal=steps.length,initialRender=(0,react.useRef)(!0),stepHeadingRef=(0,react.useRef)(null),stepperRef=(0,react.useRef)(null),stepRefs=(0,react.useRef)([]),arrLength=steps.length,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showPreviousButton=_useState2[0],setShowPreviousButton=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),showNextButton=_useState4[0],setShowNextButton=_useState4[1],customThemeClass=(0,useTheme.F)(Stepper_module_stepperContainer,theme);return stepRefs.current.length!==arrLength&&(stepRefs.current=Array(arrLength).fill(0).map((function(_,index){return stepRefs.current[index]||(0,react.createRef)()}))),(0,react.useEffect)((function(){if(!initialRender.current){stepHeadingRef.current&&stepHeadingRef.current.focus();var hdsStepWidth=stepperRef.current.scrollWidth/stepsTotal;stepperRef.current.scrollLeft=hdsStepWidth*(selectedStep+1)-hdsStepWidth/2-stepperRef.current.parentNode.clientWidth/2}initialRender.current=!1,stepperRef.current.scrollLeft>5?setShowPreviousButton(!0):setShowPreviousButton(!1),stepperRef.current.scrollWidth-(stepperRef.current.parentNode.clientWidth+stepperRef.current.scrollLeft)>5?setShowNextButton(!0):setShowNextButton(!1)}),[selectedStep]),(0,jsx_runtime.jsxs)("div",{lang:language,className:(0,classNames.Z)(Stepper_module_stepperContainer,customThemeClass),"data-testid":dataTestId,children:[showPreviousButton&&(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Stepper_module_scrollButton,Stepper_module_scrollButtonPrevious),"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onClick(){var amountToScroll=stepperRef.current.scrollWidth/stepsTotal;stepperRef.current.scrollLeft-=amountToScroll},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{size:"m"})})}),showNextButton&&(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Stepper_module_scrollButton,Stepper_module_scrollButtonNext),"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onClick(){var amountToScroll=stepperRef.current.scrollWidth/stepsTotal;stepperRef.current.scrollLeft+=amountToScroll},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{size:"m"})})}),(0,jsx_runtime.jsxs)("div",{onScroll:function onScroll(e){e.target.scrollLeft&&e.target.scrollLeft>5?setShowPreviousButton(!0):setShowPreviousButton(!1),e.target.scrollWidth-(e.target.parentNode.clientWidth+e.target.scrollLeft)>5?setShowNextButton(!0):setShowNextButton(!1)},ref:stepperRef,className:(0,classNames.Z)(className,Stepper_module_stepper,small&&Stepper_module_small),children:[(0,jsx_runtime.jsx)("div",{className:Stepper_module_line,"aria-hidden":!0,style:{width:"max( calc(100% - var(--hds-step-width)), calc(".concat(stepsTotal," * var(--hds-step-width) - var(--hds-step-width) ))")},children:steps.map((function(step,index){return index===steps.length-1?null:(0,jsx_runtime.jsx)("div",{style:{width:"calc( 100% / ".concat(stepsTotal-1,")")},className:steps[index+1].state===StepState.disabled?Stepper_module_disabledLine:Stepper_module_enabledLine},"".concat(step.label,"-").concat(index))}))}),steps.map((function(step,index){return(0,jsx_runtime.jsx)(Step,{ref:stepRefs.current[index],label:step.label,language,index,small,stepsTotal,selected:selectedStep===index,state:step.state,onStepClick:function onStepClick(event,stepIndex){stepIndex===selectedStep&&stepHeading&&stepHeadingRef.current.focus(),_onStepClick(event,stepIndex)},renderCustomStepCountLabel,renderCustomStateAriaLabel,dataTestId:"".concat(dataTestId,"-step-").concat(index)},"".concat(index,"-").concat(step.label))}))]}),stepHeading&&(0,jsx_runtime.jsx)("div",{tabIndex:-1,ref:stepHeadingRef,role:"heading","aria-level":stepHeadingAriaLevel,className:(0,classNames.Z)(Stepper_module_heading,headingClassName),children:renderCustomStepHeading?renderCustomStepHeading(selectedStep,stepsTotal,steps[selectedStep].label):getStepHeading(language,selectedStep,stepsTotal,steps[selectedStep].label)})]})};try{Stepper.displayName="Stepper",Stepper.__docgenInfo={description:"",displayName:"Stepper",props:{className:{defaultValue:null,description:"A custom className passed to stepper",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:{value:"hds-stepper"},description:"Data test id of stepper",name:"dataTestId",required:!1,type:{name:"string"}},headingClassName:{defaultValue:null,description:"A custom class name for step heading",name:"headingClassName",required:!1,type:{name:"string"}},language:{defaultValue:{value:"fi"},description:"The language of the stepper",name:"language",required:!1,type:{name:"string"}},onStepClick:{defaultValue:null,description:"A callback function for custom action on step click",name:"onStepClick",required:!1,type:{name:"(event: MouseEvent, stepIndex: number) => void"}},renderCustomStateAriaLabel:{defaultValue:null,description:"A function for rendering a custom aria-label for step's state",name:"renderCustomStateAriaLabel",required:!1,type:{name:"(stepIndex: number, state: StepState) => string"}},renderCustomStepCountLabel:{defaultValue:null,description:"A function for rendering a custom step count label",name:"renderCustomStepCountLabel",required:!1,type:{name:"(stepIndex: number, totalNumberOfSteps: number) => string"}},renderCustomStepHeading:{defaultValue:null,description:"A function for rendering a custom step heading",name:"renderCustomStepHeading",required:!1,type:{name:"(stepIndex: number, totalNumberOfSteps: number, label: string) => string"}},selectedStep:{defaultValue:null,description:'The index of the selected step. Used to set the aria-current="step" attribute to the active step',name:"selectedStep",required:!1,type:{name:"number"}},small:{defaultValue:{value:"false"},description:"Boolean indicating small variant usage",name:"small",required:!1,type:{name:"boolean"}},stepHeading:{defaultValue:null,description:"A boolean indicating step heading variant usage",name:"stepHeading",required:!1,type:{name:"boolean"}},stepHeadingAriaLevel:{defaultValue:{value:"2"},description:"Step heading aria level",name:"stepHeadingAriaLevel",required:!1,type:{name:"number"}},steps:{defaultValue:null,description:"The steps of the stepper",name:"steps",required:!0,type:{name:"Steps"}},theme:{defaultValue:null,description:"Custom theme",name:"theme",required:!1,type:{name:"StepperCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.tsx#Stepper"]={docgenInfo:Stepper.__docgenInfo,name:"Stepper",path:"src/components/stepper/Stepper.tsx#Stepper"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/button/Button.tsx"),IconArrowLeft=__webpack_require__("./src/icons/IconArrowLeft.tsx"),IconArrowRight=__webpack_require__("./src/icons/IconArrowRight.tsx"),TextInput=__webpack_require__("./src/components/textInput/TextInput.tsx"),NumberInput=__webpack_require__("./src/components/numberInput/NumberInput.tsx"),Card=__webpack_require__("./src/components/card/Card.tsx"),ErrorSummary=__webpack_require__("./src/components/errorSummary/ErrorSummary.tsx"),FileInput=__webpack_require__("./src/components/fileInput/FileInput.tsx");const Stepper_stories={component:Stepper,title:"Components/Stepper",decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"700px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useReducer, useRef } from 'react';\n\nimport { Stepper } from './Stepper';\nimport styles from './Stepper.module.scss';\nimport { Step, StepState } from './Step';\nimport { Button } from '../button';\nimport { IconArrowLeft, IconArrowRight } from '../../icons';\nimport { TextInput } from '../textInput';\nimport { NumberInput } from '../numberInput';\nimport { Card } from '../card';\nimport { ErrorSummary } from '../errorSummary';\nimport { FileInput } from '../fileInput/FileInput';\n\nexport default {\n component: Stepper,\n title: 'Components/Stepper',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { expanded: true },\n backgrounds: {\n default: 'white',\n values: [\n {\n name: 'white',\n value: 'white',\n },\n {\n name: 'gray',\n value: '#e5e5e5',\n },\n ],\n },\n },\n args: {},\n};\n\nconst commonReducer = (stepsTotal) => (state, action) => {\n switch (action.type) {\n case 'completeStep': {\n const activeStepIndex = action.payload === stepsTotal - 1 ? stepsTotal - 1 : action.payload + 1;\n return {\n activeStepIndex,\n steps: state.steps.map((step, index) => {\n if (index === action.payload && index !== stepsTotal - 1) {\n // current one but not last one\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n if (index === action.payload + 1) {\n // next one\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n return step;\n }),\n };\n }\n case 'setActive': {\n return {\n activeStepIndex: action.payload,\n steps: state.steps.map((step, index) => {\n if (index === action.payload) {\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n return step;\n }),\n };\n }\n default:\n throw new Error();\n }\n};\n\n// args is required for docs tab to show source code\n\nexport const Default = (args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4 - longer text',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n};\n\nDefault.parameters = {\n docs: {\n source: { type: 'dynamic' },\n },\n};\n\n// args is required for docs tab to show source code\n\nexport const Small = (args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4 - longer text',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const WithStepHeading = (args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1 - longer text',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Overflow = (args) => {\n const reducer = commonReducer(12);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n state: StepState.available,\n label: 'Step 1 - longer text',\n },\n {\n state: StepState.disabled,\n label: 'Step 2',\n },\n {\n state: StepState.disabled,\n label: 'Step 3',\n },\n {\n state: StepState.disabled,\n label: 'Step 4',\n },\n {\n state: StepState.disabled,\n label: 'Step 5',\n },\n {\n state: StepState.disabled,\n label: 'Step 6',\n },\n {\n state: StepState.disabled,\n label: 'Step 7',\n },\n {\n state: StepState.disabled,\n label: 'Step 8',\n },\n {\n state: StepState.disabled,\n label: 'Step 9',\n },\n {\n state: StepState.disabled,\n label: 'Step 10',\n },\n {\n state: StepState.disabled,\n label: 'Step 11',\n },\n {\n state: StepState.disabled,\n label: 'Step 12',\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const WithCustomTheme = (args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1 - longer text',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n const theme = {\n '--hds-stepper-color': 'var(--color-black-90)',\n '--hds-step-content-color': 'var(--color-black-90)',\n '--hds-stepper-background-color': 'var(--color-black-10)',\n '--hds-step-background-color': 'var(--color-black-5)',\n '--hds-stepper-focus-border-color': 'var(--color-black-90)',\n '--hds-stepper-disabled-color': 'var(--color-black-30)',\n '--hds-not-selected-step-label-color': 'var(--color-black-90)',\n };\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n};\n\nWithCustomTheme.parameters = {\n backgrounds: { default: 'gray' },\n};\n\n// args is required for docs tab to show source code\n\nexport const SimpleFormExample = (args) => {\n const initialState = {\n showErrorSummary: false,\n activeStepIndex: 0,\n steps: [\n {\n state: StepState.available,\n label: 'First name',\n },\n {\n state: StepState.disabled,\n label: 'Last name',\n },\n {\n state: StepState.disabled,\n label: 'Age',\n },\n {\n state: StepState.disabled,\n label: 'Files',\n },\n {\n state: StepState.disabled,\n label: 'Review and send',\n },\n ],\n fields: {\n firstName: {\n value: '',\n visited: false,\n },\n lastName: {\n value: '',\n visited: false,\n },\n age: {\n value: undefined,\n visited: false,\n },\n files: {\n value: null,\n visited: false,\n },\n },\n };\n const lastStep = initialState.steps.length - 1;\n\n const activeStepIsValid = (state) => {\n if (state.activeStepIndex === 0) {\n // first name\n return state.fields.firstName.value && state.fields.firstName.value.length > 0;\n }\n if (state.activeStepIndex === 1) {\n // last name\n return state.fields.lastName.value && state.fields.lastName.value.length > 0;\n }\n\n if (state.activeStepIndex === 2) {\n // age\n return state.fields.age.value && state.fields.age.value.length > 0;\n }\n\n if (state.activeStepIndex === 3) {\n // files\n return state.fields.files.value && state.fields.files.value.length > 0;\n }\n\n return state.activeStepIndex === 4;\n };\n\n const weAreInLastAvailableStep = (state) => {\n let indexOfLastNonDisabledStep = 0;\n state.steps.forEach((step, index) => {\n if (step.state !== StepState.disabled && index > indexOfLastNonDisabledStep) {\n indexOfLastNonDisabledStep = index;\n }\n });\n\n return state.activeStepIndex === indexOfLastNonDisabledStep;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'changeField': {\n if (action.newValue.length === 0) {\n return {\n showErrorSummary: state.showErrorSummary,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps,\n fields: {\n ...state.fields,\n [action.fieldName]: {\n value: action.newValue,\n visited: true,\n },\n },\n };\n }\n\n return {\n showErrorSummary: false,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps.map((step, index) => {\n if (index === state.activeStepIndex) {\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n return step;\n }),\n fields: {\n ...state.fields,\n [action.fieldName]: {\n value: action.newValue,\n visited: true,\n },\n },\n };\n }\n case 'completeStep': {\n if (!activeStepIsValid(state)) {\n return {\n showErrorSummary: true,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps,\n fields: {\n ...state.fields,\n },\n };\n }\n const activeStepIndex = action.payload === lastStep ? lastStep : action.payload + 1;\n return {\n showErrorSummary: state.showErrorSummary,\n activeStepIndex,\n steps: state.steps.map((step, index) => {\n if (index === action.payload && index !== lastStep) {\n // current one but not last one\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n if (index === action.payload + 1) {\n // next one\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n return step;\n }),\n fields: {\n ...state.fields,\n },\n };\n }\n case 'setActive': {\n if (!activeStepIsValid(state) && !weAreInLastAvailableStep(state)) {\n return {\n showErrorSummary: true,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps,\n fields: {\n ...state.fields,\n },\n };\n }\n\n return {\n showErrorSummary: false,\n activeStepIndex: action.payload,\n steps: state.steps.map((step, index) => {\n if (index === action.payload) {\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n if (index === state.activeStepIndex && activeStepIsValid(state)) {\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n return step;\n }),\n fields: {\n ...state.fields,\n },\n };\n }\n default:\n throw new Error();\n }\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const isLastStep = state.activeStepIndex === state.steps.length - 1;\n const errorRef = useRef(null);\n\n return (\n
\n

Simple form example

\n {\n if (state.showErrorSummary && stepIndex !== state.activeStepIndex) {\n // focus to error summary label\n errorRef.current.children[0].children[0].focus();\n }\n dispatch({ type: 'setActive', payload: stepIndex });\n }}\n />\n {state.showErrorSummary && (\n
\n \n \n \n
\n )}\n {[0, 1, 2, 3].includes(state.activeStepIndex) && (\n
\n {state.activeStepIndex === 0 && (\n \n dispatch({ type: 'changeField', fieldName: 'firstName', newValue: event.target.value })\n }\n />\n )}\n {state.activeStepIndex === 1 && (\n \n dispatch({ type: 'changeField', fieldName: 'lastName', newValue: event.target.value })\n }\n />\n )}\n {state.activeStepIndex === 2 && (\n dispatch({ type: 'changeField', fieldName: 'age', newValue: event.target.value })}\n />\n )}\n {state.activeStepIndex === 3 && (\n dispatch({ type: 'changeField', fieldName: 'files', newValue: event })}\n />\n )}\n
\n )}\n {state.activeStepIndex === 4 && (\n
\n \n

First name: {state.fields.firstName.value}

\n

Last name: {state.fields.lastName.value}

\n

Age: {state.fields.age.value}

\n

Files: {state.fields.files.value.map((file) => file.name).join(', ')}

\n
\n
\n )}\n\n \n {\n if (state.showErrorSummary) {\n // focus to error summary label\n errorRef.current.children[0].children[0].focus();\n }\n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 });\n }}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n {\n if (state.showErrorSummary) {\n // focus to error summary label\n errorRef.current.children[0].children[0].focus();\n }\n dispatch({ type: 'completeStep', payload: state.activeStepIndex });\n }}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={isLastStep ? undefined : }\n >\n {isLastStep ? 'Send' : 'Next'}\n \n
\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const States = (args) => {\n return (\n
\n \n \n \n \n \n \n \n \n \n
\n

Small variant:

\n \n
\n
\n
\n );\n};\n\nexport const Playground = (args) => {\n const reducer = commonReducer(5);\n\n const [state, dispatch] = useReducer(reducer, {\n activeStepIndex: args.activeStepIndex,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n });\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n const theme = {\n '--hds-stepper-color': args.stepperColor,\n '--hds-step-content-color': args.stepperContentColor,\n '--hds-stepper-background-color': args.stepperBackgroundColor,\n '--hds-stepper-focus-border-color': args.stepperFocusBorderColor,\n '--hds-stepper-disabled-color': args.stepperDisabledColor,\n '--hds-step-background-color': args.stepBackgroundColor,\n '--hds-not-selected-step-label-color': args.notSelectedStepLabelColor,\n };\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n};\n\nPlayground.parameters = {\n loki: { skip: true },\n};\n\nPlayground.args = {\n stepperColor: '#0000bf',\n stepperContentColor: '#0000bf',\n stepperBackgroundColor: '#ffffff',\n stepperFocusBorderColor: '#0072c6',\n stepperDisabledColor: '#cccccc',\n stepBackgroundColor: '#ffffff',\n notSelectedStepLabelColor: '#0000bf',\n small: false,\n stepHeading: false,\n activeStepIndex: 0,\n};\n\nPlayground.argTypes = {\n stepperColor: { control: { type: 'color' } },\n stepperContentColor: { control: { type: 'color' } },\n stepperBackgroundColor: { control: { type: 'color' } },\n stepperFocusBorderColor: { control: { type: 'color' } },\n stepperDisabledColor: { control: { type: 'color' } },\n stepBackgroundColor: { control: { type: 'color' } },\n notSelectedStepLabelColor: { control: { type: 'color' } },\n activeStepIndex: { control: { type: 'number', min: 0, max: 4, step: 1 } },\n};\n",locationsMap:{default:{startLoc:{col:23,line:83},endLoc:{col:1,line:155},startBody:{col:23,line:83},endBody:{col:1,line:155}},small:{startLoc:{col:21,line:165},endLoc:{col:1,line:237},startBody:{col:21,line:165},endBody:{col:1,line:237}},"with-step-heading":{startLoc:{col:31,line:241},endLoc:{col:1,line:315},startBody:{col:31,line:241},endBody:{col:1,line:315}},overflow:{startLoc:{col:24,line:319},endLoc:{col:1,line:418},startBody:{col:24,line:319},endBody:{col:1,line:418}},"with-custom-theme":{startLoc:{col:31,line:422},endLoc:{col:1,line:506},startBody:{col:31,line:422},endBody:{col:1,line:506}},"simple-form-example":{startLoc:{col:33,line:514},endLoc:{col:1,line:891},startBody:{col:33,line:514},endBody:{col:1,line:891}},states:{startLoc:{col:22,line:895},endLoc:{col:1,line:938},startBody:{col:22,line:895},endBody:{col:1,line:938}},playground:{startLoc:{col:26,line:940},endLoc:{col:1,line:1024},startBody:{col:26,line:940},endBody:{col:1,line:1024}}}},controls:{expanded:!0},backgrounds:{default:"white",values:[{name:"white",value:"white"},{name:"gray",value:"#e5e5e5"}]}},args:{}};var commonReducer=function commonReducer(stepsTotal){return function(state,action){switch(action.type){case"completeStep":return{activeStepIndex:action.payload===stepsTotal-1?stepsTotal-1:action.payload+1,steps:state.steps.map((function(step,index){return index===action.payload&&index!==stepsTotal-1?{state:StepState.completed,label:step.label}:index===action.payload+1?{state:StepState.available,label:step.label}:step}))};case"setActive":return{activeStepIndex:action.payload,steps:state.steps.map((function(step,index){return index===action.payload?{state:StepState.available,label:step.label}:step}))};default:throw new Error}}},Default=function Default(args){var reducer=commonReducer(5),initialState={activeStepIndex:0,steps:[{label:"Step 1",state:StepState.available},{label:"Step 2",state:StepState.disabled},{label:"Step 3",state:StepState.disabled},{label:"Step 4 - longer text",state:StepState.disabled},{label:"Step 5",state:StepState.disabled}]},_useReducer=(0,react.useReducer)(reducer,initialState),_useReducer2=(0,slicedToArray.Z)(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1],lastStep=state.activeStepIndex===state.steps.length-1;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(Stepper,{className:"stepper-margin",steps:state.steps,language:"en",selectedStep:state.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){return dispatch({type:"setActive",payload:stepIndex})}}),(0,jsx_runtime.jsxs)("div",{style:{height:"300px",display:"flex",justifyContent:"flex-start",alignItems:"flex-end",gap:"24px"},children:[(0,jsx_runtime.jsx)(Button.z,{disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){return dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{variant:lastStep?"primary":"secondary",onClick:function onClick(){return dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:lastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:lastStep?"Send":"Next"})]})]})};Default.parameters={docs:{source:{type:"dynamic"}}};var Small=function Small(args){var reducer=commonReducer(5),initialState={activeStepIndex:0,steps:[{label:"Step 1",state:StepState.available},{label:"Step 2",state:StepState.disabled},{label:"Step 3",state:StepState.disabled},{label:"Step 4 - longer text",state:StepState.disabled},{label:"Step 5",state:StepState.disabled}]},_useReducer3=(0,react.useReducer)(reducer,initialState),_useReducer4=(0,slicedToArray.Z)(_useReducer3,2),state=_useReducer4[0],dispatch=_useReducer4[1],lastStep=state.activeStepIndex===state.steps.length-1;return(0,jsx_runtime.jsxs)("div",{className:"stepper-small",children:[(0,jsx_runtime.jsx)(Stepper,{steps:state.steps,language:"en",small:!0,selectedStep:state.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){return dispatch({type:"setActive",payload:stepIndex})}}),(0,jsx_runtime.jsxs)("div",{style:{height:"300px",display:"flex",justifyContent:"flex-start",alignItems:"flex-end",gap:"24px"},children:[(0,jsx_runtime.jsx)(Button.z,{disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){return dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{variant:lastStep?"primary":"secondary",onClick:function onClick(){return dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:lastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:lastStep?"Send":"Next"})]})]})},WithStepHeading=function WithStepHeading(args){var reducer=commonReducer(5),initialState={activeStepIndex:0,steps:[{label:"Step 1 - longer text",state:StepState.available},{label:"Step 2",state:StepState.disabled},{label:"Step 3",state:StepState.disabled},{label:"Step 4",state:StepState.disabled},{label:"Step 5",state:StepState.disabled}]},_useReducer5=(0,react.useReducer)(reducer,initialState),_useReducer6=(0,slicedToArray.Z)(_useReducer5,2),state=_useReducer6[0],dispatch=_useReducer6[1],lastStep=state.activeStepIndex===state.steps.length-1;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(Stepper,{headingClassName:"stepper-heading",steps:state.steps,language:"en",stepHeading:!0,selectedStep:state.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){return dispatch({type:"setActive",payload:stepIndex})}}),(0,jsx_runtime.jsxs)("div",{style:{height:"300px",display:"flex",justifyContent:"flex-start",alignItems:"flex-end",gap:"24px",marginLeft:"10px"},children:[(0,jsx_runtime.jsx)(Button.z,{disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){return dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{variant:lastStep?"primary":"secondary",onClick:function onClick(){return dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:lastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:lastStep?"Send":"Next"})]})]})},Overflow=function Overflow(args){var reducer=commonReducer(12),initialState={activeStepIndex:0,steps:[{state:StepState.available,label:"Step 1 - longer text"},{state:StepState.disabled,label:"Step 2"},{state:StepState.disabled,label:"Step 3"},{state:StepState.disabled,label:"Step 4"},{state:StepState.disabled,label:"Step 5"},{state:StepState.disabled,label:"Step 6"},{state:StepState.disabled,label:"Step 7"},{state:StepState.disabled,label:"Step 8"},{state:StepState.disabled,label:"Step 9"},{state:StepState.disabled,label:"Step 10"},{state:StepState.disabled,label:"Step 11"},{state:StepState.disabled,label:"Step 12"}]},_useReducer7=(0,react.useReducer)(reducer,initialState),_useReducer8=(0,slicedToArray.Z)(_useReducer7,2),state=_useReducer8[0],dispatch=_useReducer8[1],lastStep=state.activeStepIndex===state.steps.length-1;return(0,jsx_runtime.jsxs)("div",{style:{maxWidth:"400px"},children:[(0,jsx_runtime.jsx)(Stepper,{steps:state.steps,language:"en",selectedStep:state.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){return dispatch({type:"setActive",payload:stepIndex})}}),(0,jsx_runtime.jsxs)("div",{style:{height:"300px",display:"flex",justifyContent:"flex-start",alignItems:"flex-end",gap:"24px",marginLeft:"10px"},children:[(0,jsx_runtime.jsx)(Button.z,{disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){return dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{variant:lastStep?"primary":"secondary",onClick:function onClick(){return dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:lastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:lastStep?"Send":"Next"})]})]})},WithCustomTheme=function WithCustomTheme(args){var reducer=commonReducer(5),initialState={activeStepIndex:0,steps:[{label:"Step 1 - longer text",state:StepState.available},{label:"Step 2",state:StepState.disabled},{label:"Step 3",state:StepState.disabled},{label:"Step 4",state:StepState.disabled},{label:"Step 5",state:StepState.disabled}]},_useReducer9=(0,react.useReducer)(reducer,initialState),_useReducer10=(0,slicedToArray.Z)(_useReducer9,2),state=_useReducer10[0],dispatch=_useReducer10[1],lastStep=state.activeStepIndex===state.steps.length-1;return(0,jsx_runtime.jsxs)("div",{style:{backgroundColor:"var(--color-black-10)"},children:[(0,jsx_runtime.jsx)(Stepper,{theme:{"--hds-stepper-color":"var(--color-black-90)","--hds-step-content-color":"var(--color-black-90)","--hds-stepper-background-color":"var(--color-black-10)","--hds-step-background-color":"var(--color-black-5)","--hds-stepper-focus-border-color":"var(--color-black-90)","--hds-stepper-disabled-color":"var(--color-black-30)","--hds-not-selected-step-label-color":"var(--color-black-90)"},steps:state.steps,language:"en",selectedStep:state.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){return dispatch({type:"setActive",payload:stepIndex})}}),(0,jsx_runtime.jsxs)("div",{style:{height:"300px",display:"flex",justifyContent:"flex-start",alignItems:"flex-end",gap:"24px",marginLeft:"10px"},children:[(0,jsx_runtime.jsx)(Button.z,{theme:"black",disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){return dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{theme:"black",variant:lastStep?"primary":"secondary",onClick:function onClick(){return dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:lastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:lastStep?"Send":"Next"})]})]})};WithCustomTheme.parameters={backgrounds:{default:"gray"}};var SimpleFormExample=function SimpleFormExample(args){var initialState={showErrorSummary:!1,activeStepIndex:0,steps:[{state:StepState.available,label:"First name"},{state:StepState.disabled,label:"Last name"},{state:StepState.disabled,label:"Age"},{state:StepState.disabled,label:"Files"},{state:StepState.disabled,label:"Review and send"}],fields:{firstName:{value:"",visited:!1},lastName:{value:"",visited:!1},age:{value:void 0,visited:!1},files:{value:null,visited:!1}}},lastStep=initialState.steps.length-1,activeStepIsValid=function activeStepIsValid(state){return 0===state.activeStepIndex?state.fields.firstName.value&&state.fields.firstName.value.length>0:1===state.activeStepIndex?state.fields.lastName.value&&state.fields.lastName.value.length>0:2===state.activeStepIndex?state.fields.age.value&&state.fields.age.value.length>0:3===state.activeStepIndex?state.fields.files.value&&state.fields.files.value.length>0:4===state.activeStepIndex},_useReducer11=(0,react.useReducer)((function reducer(state,action){switch(action.type){case"changeField":return 0===action.newValue.length?{showErrorSummary:state.showErrorSummary,activeStepIndex:state.activeStepIndex,steps:state.steps,fields:(0,objectSpread2.Z)((0,objectSpread2.Z)({},state.fields),{},(0,defineProperty.Z)({},action.fieldName,{value:action.newValue,visited:!0}))}:{showErrorSummary:!1,activeStepIndex:state.activeStepIndex,steps:state.steps.map((function(step,index){return index===state.activeStepIndex?{state:StepState.completed,label:step.label}:step})),fields:(0,objectSpread2.Z)((0,objectSpread2.Z)({},state.fields),{},(0,defineProperty.Z)({},action.fieldName,{value:action.newValue,visited:!0}))};case"completeStep":if(!activeStepIsValid(state))return{showErrorSummary:!0,activeStepIndex:state.activeStepIndex,steps:state.steps,fields:(0,objectSpread2.Z)({},state.fields)};var activeStepIndex=action.payload===lastStep?lastStep:action.payload+1;return{showErrorSummary:state.showErrorSummary,activeStepIndex,steps:state.steps.map((function(step,index){return index===action.payload&&index!==lastStep?{state:StepState.completed,label:step.label}:index===action.payload+1?{state:StepState.available,label:step.label}:step})),fields:(0,objectSpread2.Z)({},state.fields)};case"setActive":return activeStepIsValid(state)||function weAreInLastAvailableStep(state){var indexOfLastNonDisabledStep=0;return state.steps.forEach((function(step,index){step.state!==StepState.disabled&&index>indexOfLastNonDisabledStep&&(indexOfLastNonDisabledStep=index)})),state.activeStepIndex===indexOfLastNonDisabledStep}(state)?{showErrorSummary:!1,activeStepIndex:action.payload,steps:state.steps.map((function(step,index){return index===action.payload?{state:StepState.available,label:step.label}:index===state.activeStepIndex&&activeStepIsValid(state)?{state:StepState.completed,label:step.label}:step})),fields:(0,objectSpread2.Z)({},state.fields)}:{showErrorSummary:!0,activeStepIndex:state.activeStepIndex,steps:state.steps,fields:(0,objectSpread2.Z)({},state.fields)};default:throw new Error}}),initialState),_useReducer12=(0,slicedToArray.Z)(_useReducer11,2),state=_useReducer12[0],dispatch=_useReducer12[1],isLastStep=state.activeStepIndex===state.steps.length-1,errorRef=(0,react.useRef)(null);return(0,jsx_runtime.jsxs)("form",{children:[(0,jsx_runtime.jsx)("h1",{style:{marginTop:"0",fontSize:"52px",lineHeight:"62px"},children:"Simple form example"}),(0,jsx_runtime.jsx)(Stepper,{className:"stepper-form-validation",steps:state.steps,language:"en",stepHeading:!0,selectedStep:state.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){state.showErrorSummary&&stepIndex!==state.activeStepIndex&&errorRef.current.children[0].children[0].focus(),dispatch({type:"setActive",payload:stepIndex})}}),state.showErrorSummary&&(0,jsx_runtime.jsx)("div",{style:{marginTop:"var(--spacing-l)"},children:(0,jsx_runtime.jsx)(ErrorSummary.X,{ref:errorRef,autofocus:!0,label:"Form contains following errors",children:(0,jsx_runtime.jsxs)("ul",{children:[0===state.activeStepIndex&&(0,jsx_runtime.jsxs)("li",{children:["Error 1: ",(0,jsx_runtime.jsx)("a",{href:"#firstName",children:"Please enter your first name"})]}),1===state.activeStepIndex&&(0,jsx_runtime.jsxs)("li",{children:["Error 1: ",(0,jsx_runtime.jsx)("a",{href:"#lastName",children:"Please enter your last name"})]}),2===state.activeStepIndex&&(0,jsx_runtime.jsxs)("li",{children:["Error 1: ",(0,jsx_runtime.jsx)("a",{href:"#age",children:"Please enter your age"})]}),3===state.activeStepIndex&&(0,jsx_runtime.jsxs)("li",{children:["Error 1: ",(0,jsx_runtime.jsx)("a",{href:"#files",children:"Please enter a file or files"})]})]})})}),[0,1,2,3].includes(state.activeStepIndex)&&(0,jsx_runtime.jsxs)("div",{children:[0===state.activeStepIndex&&(0,jsx_runtime.jsx)(TextInput.o,{style:{width:"300px",paddingTop:"var(--spacing-l)"},required:!0,id:"firstName",label:"First name",invalid:0===state.fields.firstName.value.length&&!0===state.fields.firstName.visited,errorText:0===state.fields.firstName.value.length&&!0===state.fields.firstName.visited&&"Please enter your first name",value:state.fields.firstName.value,onChange:function onChange(event){return dispatch({type:"changeField",fieldName:"firstName",newValue:event.target.value})}}),1===state.activeStepIndex&&(0,jsx_runtime.jsx)(TextInput.o,{style:{width:"300px",paddingTop:"var(--spacing-l)"},required:!0,id:"lastName",label:"Last name",invalid:0===state.fields.lastName.value.length&&!0===state.fields.lastName.visited,errorText:0===state.fields.lastName.value.length&&!0===state.fields.lastName.visited&&"Please enter your last name",value:state.fields.lastName.value,onChange:function onChange(event){return dispatch({type:"changeField",fieldName:"lastName",newValue:event.target.value})}}),2===state.activeStepIndex&&(0,jsx_runtime.jsx)(NumberInput.Y,{style:{width:"300px",paddingTop:"var(--spacing-l)"},required:!0,id:"age",label:"Age",invalid:(!state.fields.age.value||0===state.fields.age.value.length)&&!0===state.fields.age.visited,errorText:(!state.fields.age.value||0===state.fields.age.value.length)&&!0===state.fields.age.visited&&"Please enter your age",value:state.fields.age.value,onChange:function onChange(event){return dispatch({type:"changeField",fieldName:"age",newValue:event.target.value})}}),3===state.activeStepIndex&&(0,jsx_runtime.jsx)(FileInput.S,{multiple:!0,label:"Select file(s)",accept:".png,.jpg",defaultValue:state.fields.files.value||null,language:"en",invalid:(!state.fields.files.value||0===state.fields.files.value.length)&&!0===state.fields.files.visited,errorText:(!state.fields.age.value||0===state.fields.age.value.length)&&!0===state.fields.age.visited&&"Please enter your age",onChange:function onChange(event){return dispatch({type:"changeField",fieldName:"files",newValue:event})}})]}),4===state.activeStepIndex&&(0,jsx_runtime.jsx)("div",{style:{marginTop:"var(--spacing-l)",marginBottom:"var(--spacing-2-xl)"},children:(0,jsx_runtime.jsxs)(Card.Z,{className:"stepper-card",border:!0,heading:"Review your basic information",headingAriaLevel:3,children:[(0,jsx_runtime.jsxs)("p",{style:{margin:0},children:["First name: ",state.fields.firstName.value]}),(0,jsx_runtime.jsxs)("p",{style:{margin:0},children:["Last name: ",state.fields.lastName.value]}),(0,jsx_runtime.jsxs)("p",{style:{margin:0},children:["Age: ",state.fields.age.value]}),(0,jsx_runtime.jsxs)("p",{style:{margin:0},children:["Files: ",state.fields.files.value.map((function(file){return file.name})).join(", ")]})]})}),(0,jsx_runtime.jsxs)("div",{style:{height:"140px",display:"flex",justifyContent:"flex-start",alignItems:"flex-start",gap:"24px",marginTop:"var(--spacing-xl"},children:[(0,jsx_runtime.jsx)(Button.z,{disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){state.showErrorSummary&&errorRef.current.children[0].children[0].focus(),dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{variant:isLastStep?"primary":"secondary",onClick:function onClick(){state.showErrorSummary&&errorRef.current.children[0].children[0].focus(),dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:isLastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:isLastStep?"Send":"Next"})]})]})},States=function States(args){return(0,jsx_runtime.jsx)("div",{className:Stepper_module_stepperContainer,children:(0,jsx_runtime.jsxs)("div",{className:Stepper_module_stepper,style:{display:"grid",columnGap:"10px !important",gap:"32px",justifyItems:"center",gridTemplateColumns:"1fr 1fr 1fr 1fr"},children:[(0,jsx_runtime.jsx)(Step,{label:"Available",language:"en",index:0,stepsTotal:9,state:StepState.available}),(0,jsx_runtime.jsx)(Step,{label:"Selected",language:"en",index:1,stepsTotal:9,selected:!0,state:StepState.available}),(0,jsx_runtime.jsx)(Step,{label:"Completed",language:"en",index:2,stepsTotal:9,state:StepState.completed}),(0,jsx_runtime.jsx)(Step,{label:"Disabled",language:"en",index:3,stepsTotal:9,state:StepState.disabled}),(0,jsx_runtime.jsx)(Step,{label:"Needs attention",language:"en",index:4,stepsTotal:9,state:StepState.attention}),(0,jsx_runtime.jsx)(Step,{label:"Attention + selected",language:"en",selected:!0,index:5,stepsTotal:9,state:StepState.attention}),(0,jsx_runtime.jsx)(Step,{label:"Paused",language:"en",index:6,stepsTotal:9,state:StepState.paused}),(0,jsx_runtime.jsx)(Step,{label:"Paused + selected",language:"en",selected:!0,index:7,stepsTotal:9,state:StepState.paused}),(0,jsx_runtime.jsxs)("div",{className:Stepper_module_step,children:[(0,jsx_runtime.jsx)("p",{style:{fontSize:"var(--fontsize-body-m)",lineHeight:"var(--lineheight-l)"},children:"Small variant:"}),(0,jsx_runtime.jsx)(Step,{label:"Available",language:"en",index:8,stepsTotal:9,small:!0,state:StepState.available,style:{justifySelf:"center"}})]})]})})},Playground=function Playground(args){var reducer=commonReducer(5),_useReducer13=(0,react.useReducer)(reducer,{activeStepIndex:args.activeStepIndex,steps:[{label:"Step 1",state:StepState.available},{label:"Step 2",state:StepState.disabled},{label:"Step 3",state:StepState.disabled},{label:"Step 4",state:StepState.disabled},{label:"Step 5",state:StepState.disabled}]}),_useReducer14=(0,slicedToArray.Z)(_useReducer13,2),state=_useReducer14[0],dispatch=_useReducer14[1],lastStep=state.activeStepIndex===state.steps.length-1,theme={"--hds-stepper-color":args.stepperColor,"--hds-step-content-color":args.stepperContentColor,"--hds-stepper-background-color":args.stepperBackgroundColor,"--hds-stepper-focus-border-color":args.stepperFocusBorderColor,"--hds-stepper-disabled-color":args.stepperDisabledColor,"--hds-step-background-color":args.stepBackgroundColor,"--hds-not-selected-step-label-color":args.notSelectedStepLabelColor};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(Stepper,{theme,small:args.small,stepHeading:args.stepHeading,steps:state.steps,language:"en",selectedStep:args.activeStepIndex,onStepClick:function onStepClick(event,stepIndex){return dispatch({type:"setActive",payload:stepIndex})}}),(0,jsx_runtime.jsxs)("div",{style:{height:"300px",display:"flex",justifyContent:"flex-start",alignItems:"flex-end",gap:"24px",marginLeft:"10px"},children:[(0,jsx_runtime.jsx)(Button.z,{theme:"black",disabled:0===state.activeStepIndex,variant:"secondary",onClick:function onClick(){return dispatch({type:"setActive",payload:state.activeStepIndex-1})},style:{height:"fit-content",width:"fit-content"},iconLeft:(0,jsx_runtime.jsx)(IconArrowLeft.IconArrowLeft,{}),children:"Previous"}),(0,jsx_runtime.jsx)(Button.z,{theme:"black",variant:lastStep?"primary":"secondary",onClick:function onClick(){return dispatch({type:"completeStep",payload:state.activeStepIndex})},style:{height:"fit-content",width:"fit-content"},iconRight:lastStep?void 0:(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{}),children:lastStep?"Send":"Next"})]})]})};Playground.parameters={loki:{skip:!0}},Playground.args={stepperColor:"#0000bf",stepperContentColor:"#0000bf",stepperBackgroundColor:"#ffffff",stepperFocusBorderColor:"#0072c6",stepperDisabledColor:"#cccccc",stepBackgroundColor:"#ffffff",notSelectedStepLabelColor:"#0000bf",small:!1,stepHeading:!1,activeStepIndex:0},Playground.argTypes={stepperColor:{control:{type:"color"}},stepperContentColor:{control:{type:"color"}},stepperBackgroundColor:{control:{type:"color"}},stepperFocusBorderColor:{control:{type:"color"}},stepperDisabledColor:{control:{type:"color"}},stepBackgroundColor:{control:{type:"color"}},notSelectedStepLabelColor:{control:{type:"color"}},activeStepIndex:{control:{type:"number",min:0,max:4,step:1}}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4 - longer text',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n}"}},Default.parameters),Small.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4 - longer text',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n}"}},Small.parameters),WithStepHeading.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1 - longer text',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n}"}},WithStepHeading.parameters),Overflow.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const reducer = commonReducer(12);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n state: StepState.available,\n label: 'Step 1 - longer text',\n },\n {\n state: StepState.disabled,\n label: 'Step 2',\n },\n {\n state: StepState.disabled,\n label: 'Step 3',\n },\n {\n state: StepState.disabled,\n label: 'Step 4',\n },\n {\n state: StepState.disabled,\n label: 'Step 5',\n },\n {\n state: StepState.disabled,\n label: 'Step 6',\n },\n {\n state: StepState.disabled,\n label: 'Step 7',\n },\n {\n state: StepState.disabled,\n label: 'Step 8',\n },\n {\n state: StepState.disabled,\n label: 'Step 9',\n },\n {\n state: StepState.disabled,\n label: 'Step 10',\n },\n {\n state: StepState.disabled,\n label: 'Step 11',\n },\n {\n state: StepState.disabled,\n label: 'Step 12',\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n}"}},Overflow.parameters),WithCustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1 - longer text',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n const theme = {\n '--hds-stepper-color': 'var(--color-black-90)',\n '--hds-step-content-color': 'var(--color-black-90)',\n '--hds-stepper-background-color': 'var(--color-black-10)',\n '--hds-step-background-color': 'var(--color-black-5)',\n '--hds-stepper-focus-border-color': 'var(--color-black-90)',\n '--hds-stepper-disabled-color': 'var(--color-black-30)',\n '--hds-not-selected-step-label-color': 'var(--color-black-90)',\n };\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n
\n );\n}"}},WithCustomTheme.parameters),SimpleFormExample.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const initialState = {\n showErrorSummary: false,\n activeStepIndex: 0,\n steps: [\n {\n state: StepState.available,\n label: 'First name',\n },\n {\n state: StepState.disabled,\n label: 'Last name',\n },\n {\n state: StepState.disabled,\n label: 'Age',\n },\n {\n state: StepState.disabled,\n label: 'Files',\n },\n {\n state: StepState.disabled,\n label: 'Review and send',\n },\n ],\n fields: {\n firstName: {\n value: '',\n visited: false,\n },\n lastName: {\n value: '',\n visited: false,\n },\n age: {\n value: undefined,\n visited: false,\n },\n files: {\n value: null,\n visited: false,\n },\n },\n };\n const lastStep = initialState.steps.length - 1;\n\n const activeStepIsValid = (state) => {\n if (state.activeStepIndex === 0) {\n // first name\n return state.fields.firstName.value && state.fields.firstName.value.length > 0;\n }\n if (state.activeStepIndex === 1) {\n // last name\n return state.fields.lastName.value && state.fields.lastName.value.length > 0;\n }\n\n if (state.activeStepIndex === 2) {\n // age\n return state.fields.age.value && state.fields.age.value.length > 0;\n }\n\n if (state.activeStepIndex === 3) {\n // files\n return state.fields.files.value && state.fields.files.value.length > 0;\n }\n\n return state.activeStepIndex === 4;\n };\n\n const weAreInLastAvailableStep = (state) => {\n let indexOfLastNonDisabledStep = 0;\n state.steps.forEach((step, index) => {\n if (step.state !== StepState.disabled && index > indexOfLastNonDisabledStep) {\n indexOfLastNonDisabledStep = index;\n }\n });\n\n return state.activeStepIndex === indexOfLastNonDisabledStep;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'changeField': {\n if (action.newValue.length === 0) {\n return {\n showErrorSummary: state.showErrorSummary,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps,\n fields: {\n ...state.fields,\n [action.fieldName]: {\n value: action.newValue,\n visited: true,\n },\n },\n };\n }\n\n return {\n showErrorSummary: false,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps.map((step, index) => {\n if (index === state.activeStepIndex) {\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n return step;\n }),\n fields: {\n ...state.fields,\n [action.fieldName]: {\n value: action.newValue,\n visited: true,\n },\n },\n };\n }\n case 'completeStep': {\n if (!activeStepIsValid(state)) {\n return {\n showErrorSummary: true,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps,\n fields: {\n ...state.fields,\n },\n };\n }\n const activeStepIndex = action.payload === lastStep ? lastStep : action.payload + 1;\n return {\n showErrorSummary: state.showErrorSummary,\n activeStepIndex,\n steps: state.steps.map((step, index) => {\n if (index === action.payload && index !== lastStep) {\n // current one but not last one\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n if (index === action.payload + 1) {\n // next one\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n return step;\n }),\n fields: {\n ...state.fields,\n },\n };\n }\n case 'setActive': {\n if (!activeStepIsValid(state) && !weAreInLastAvailableStep(state)) {\n return {\n showErrorSummary: true,\n activeStepIndex: state.activeStepIndex,\n steps: state.steps,\n fields: {\n ...state.fields,\n },\n };\n }\n\n return {\n showErrorSummary: false,\n activeStepIndex: action.payload,\n steps: state.steps.map((step, index) => {\n if (index === action.payload) {\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n if (index === state.activeStepIndex && activeStepIsValid(state)) {\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n return step;\n }),\n fields: {\n ...state.fields,\n },\n };\n }\n default:\n throw new Error();\n }\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const isLastStep = state.activeStepIndex === state.steps.length - 1;\n const errorRef = useRef(null);\n\n return (\n
\n

Simple form example

\n {\n if (state.showErrorSummary && stepIndex !== state.activeStepIndex) {\n // focus to error summary label\n errorRef.current.children[0].children[0].focus();\n }\n dispatch({ type: 'setActive', payload: stepIndex });\n }}\n />\n {state.showErrorSummary && (\n
\n \n \n \n
\n )}\n {[0, 1, 2, 3].includes(state.activeStepIndex) && (\n
\n {state.activeStepIndex === 0 && (\n \n dispatch({ type: 'changeField', fieldName: 'firstName', newValue: event.target.value })\n }\n />\n )}\n {state.activeStepIndex === 1 && (\n \n dispatch({ type: 'changeField', fieldName: 'lastName', newValue: event.target.value })\n }\n />\n )}\n {state.activeStepIndex === 2 && (\n dispatch({ type: 'changeField', fieldName: 'age', newValue: event.target.value })}\n />\n )}\n {state.activeStepIndex === 3 && (\n dispatch({ type: 'changeField', fieldName: 'files', newValue: event })}\n />\n )}\n
\n )}\n {state.activeStepIndex === 4 && (\n
\n \n

First name: {state.fields.firstName.value}

\n

Last name: {state.fields.lastName.value}

\n

Age: {state.fields.age.value}

\n

Files: {state.fields.files.value.map((file) => file.name).join(', ')}

\n
\n
\n )}\n\n \n {\n if (state.showErrorSummary) {\n // focus to error summary label\n errorRef.current.children[0].children[0].focus();\n }\n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 });\n }}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n {\n if (state.showErrorSummary) {\n // focus to error summary label\n errorRef.current.children[0].children[0].focus();\n }\n dispatch({ type: 'completeStep', payload: state.activeStepIndex });\n }}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={isLastStep ? undefined : }\n >\n {isLastStep ? 'Send' : 'Next'}\n \n
\n \n );\n}"}},SimpleFormExample.parameters),States.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n return (\n
\n \n \n \n \n \n \n \n \n \n
\n

Small variant:

\n \n
\n
\n \n );\n}'}},States.parameters),Playground.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const reducer = commonReducer(5);\n\n const [state, dispatch] = useReducer(reducer, {\n activeStepIndex: args.activeStepIndex,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n });\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n const theme = {\n '--hds-stepper-color': args.stepperColor,\n '--hds-step-content-color': args.stepperContentColor,\n '--hds-stepper-background-color': args.stepperBackgroundColor,\n '--hds-stepper-focus-border-color': args.stepperFocusBorderColor,\n '--hds-stepper-disabled-color': args.stepperDisabledColor,\n '--hds-step-background-color': args.stepBackgroundColor,\n '--hds-not-selected-step-label-color': args.notSelectedStepLabelColor,\n };\n\n return (\n
\n dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={}\n >\n Previous\n \n dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : }\n >\n {lastStep ? 'Send' : 'Next'}\n \n
\n \n );\n}"}},Playground.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/stepper/Stepper.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Small.displayName="Small",Small.__docgenInfo={description:"",displayName:"Small",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#Small"]={docgenInfo:Small.__docgenInfo,name:"Small",path:"src/components/stepper/Stepper.stories.tsx#Small"})}catch(__react_docgen_typescript_loader_error){}try{WithStepHeading.displayName="WithStepHeading",WithStepHeading.__docgenInfo={description:"",displayName:"WithStepHeading",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#WithStepHeading"]={docgenInfo:WithStepHeading.__docgenInfo,name:"WithStepHeading",path:"src/components/stepper/Stepper.stories.tsx#WithStepHeading"})}catch(__react_docgen_typescript_loader_error){}try{Overflow.displayName="Overflow",Overflow.__docgenInfo={description:"",displayName:"Overflow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#Overflow"]={docgenInfo:Overflow.__docgenInfo,name:"Overflow",path:"src/components/stepper/Stepper.stories.tsx#Overflow"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomTheme.displayName="WithCustomTheme",WithCustomTheme.__docgenInfo={description:"",displayName:"WithCustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#WithCustomTheme"]={docgenInfo:WithCustomTheme.__docgenInfo,name:"WithCustomTheme",path:"src/components/stepper/Stepper.stories.tsx#WithCustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{SimpleFormExample.displayName="SimpleFormExample",SimpleFormExample.__docgenInfo={description:"",displayName:"SimpleFormExample",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#SimpleFormExample"]={docgenInfo:SimpleFormExample.__docgenInfo,name:"SimpleFormExample",path:"src/components/stepper/Stepper.stories.tsx#SimpleFormExample"})}catch(__react_docgen_typescript_loader_error){}try{States.displayName="States",States.__docgenInfo={description:"",displayName:"States",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#States"]={docgenInfo:States.__docgenInfo,name:"States",path:"src/components/stepper/Stepper.stories.tsx#States"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/stepper/Stepper.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/table/Table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CheckboxSelection:()=>CheckboxSelection,CheckboxSelectionDense:()=>CheckboxSelectionDense,CheckboxSelectionWithSorting:()=>CheckboxSelectionWithSorting,CustomBackgroundColorsForDarkVariant:()=>CustomBackgroundColorsForDarkVariant,CustomBackgroundColorsForLightVariant:()=>CustomBackgroundColorsForLightVariant,CustomSortFunction:()=>CustomSortFunction,Default:()=>Default,Dense:()=>Dense,InitiallySelectedRows:()=>InitiallySelectedRows,InitiallySortedBy:()=>InitiallySortedBy,Light:()=>Light,Sorting:()=>Sorting,SortingLightVariant:()=>SortingLightVariant,SortingSideEffects:()=>SortingSideEffects,VerticalHeaders:()=>VerticalHeaders,VerticalLines:()=>VerticalLines,WithCustomActions:()=>WithCustomActions,Zebra:()=>Zebra,default:()=>Table_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),parse=__webpack_require__("../../node_modules/date-fns/esm/parse/index.js"),isSameDay=__webpack_require__("../../node_modules/date-fns/esm/isSameDay/index.js"),isBefore=__webpack_require__("../../node_modules/date-fns/esm/isBefore/index.js"),Table=__webpack_require__("./src/components/table/Table.tsx");const story_example_work_trial_namespaceObject=JSON.parse('[{"Paikka-ID":"33740","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Harjoittelija","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"TYÖKOKEILU Snellu Cafe´ lounaskahvila","Postinumero":"00900","Paikkoja":36,"Haastatteluun halutaan":40},{"Paikka-ID":"33741","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Harjoittelija","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Maunulatalon kahvila (Månsas Deli)","Postinumero":"00630","Paikkoja":39,"Haastatteluun halutaan":50},{"Paikka-ID":"33823","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Viestintäalan harjoittelija","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Tarinapaja","Postinumero":"00610","Paikkoja":12,"Haastatteluun halutaan":30},{"Paikka-ID":"33739","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Kahvila-apulainen","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Kahvilapalvelut","Postinumero":"00610","Paikkoja":12,"Haastatteluun halutaan":20},{"Paikka-ID":"33918","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Teknisen alan harjoittelija","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"WooDoo-verstas","Postinumero":"00880","Paikkoja":45,"Haastatteluun halutaan":50},{"Paikka-ID":"34825","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoapulainen","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Sinikello","Postinumero":"00420","Paikkoja":3,"Haastatteluun halutaan":5},{"Paikka-ID":"35212","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Teknisen alan harjoittelija","Ilmoitus vanhenee":"31.12.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Metalliverstas","Postinumero":"00880","Paikkoja":37,"Haastatteluun halutaan":40},{"Paikka-ID":"35213","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Teknisen alan harjoittelija","Ilmoitus vanhenee":"30.06.2022","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Moottoripaja Pitäjänmäki","Postinumero":"00370","Paikkoja":18,"Haastatteluun halutaan":21},{"Paikka-ID":"35294","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"29.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Savela","Postinumero":"00720","Paikkoja":1,"Haastatteluun halutaan":10},{"Paikka-ID":"35295","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"29.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Sinivuori","Postinumero":"00720","Paikkoja":1,"Haastatteluun halutaan":10},{"Paikka-ID":"35296","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"29.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Varhaiskasvatusyksikkö Siilitie","Postinumero":"00800","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"35283","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Liikunnanohjaaja","Ilmoitus vanhenee":"27.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Palvelukeskus","Postinumero":"00420","Paikkoja":1,"Haastatteluun halutaan":2},{"Paikka-ID":"34165","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"ICT-alan harjoittelija","Ilmoitus vanhenee":"27.02.2022","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Digitalents Helsinki","Postinumero":"00270","Paikkoja":51,"Haastatteluun halutaan":70},{"Paikka-ID":"35096","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"25.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Varhaiskasvatusyksikkö Herttoniemi","Postinumero":"00800","Paikkoja":1,"Haastatteluun halutaan":1},{"Paikka-ID":"35088","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"24.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Lapinmäki","Postinumero":"00350","Paikkoja":3,"Haastatteluun halutaan":4},{"Paikka-ID":"34549","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Teknisen alan harjoittelija","Ilmoitus vanhenee":"19.07.2023","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"WooDoo-verstas","Postinumero":"00880","Paikkoja":29,"Haastatteluun halutaan":50},{"Paikka-ID":"35050","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"18.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Neulanen","Postinumero":"00920","Paikkoja":7,"Haastatteluun halutaan":20},{"Paikka-ID":"35237","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Ohjaaja","Ilmoitus vanhenee":"17.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Stadin asukastalo Pihlajamäki","Postinumero":"00710","Paikkoja":1,"Haastatteluun halutaan":4},{"Paikka-ID":"35230","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"16.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Kuninkaantammi","Postinumero":"00430","Paikkoja":2,"Haastatteluun halutaan":3},{"Paikka-ID":"35224","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"15.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Loimi","Postinumero":"00940","Paikkoja":1,"Haastatteluun halutaan":2},{"Paikka-ID":"35223","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"15.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Pihapirtti","Postinumero":"00940","Paikkoja":2,"Haastatteluun halutaan":3},{"Paikka-ID":"35221","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoiva-avustaja","Ilmoitus vanhenee":"14.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Usva-tiimi","Postinumero":"00770","Paikkoja":1,"Haastatteluun halutaan":2},{"Paikka-ID":"35222","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoiva-avustaja","Ilmoitus vanhenee":"14.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Ruska-tiimi","Postinumero":"00770","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35218","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoapulainen","Ilmoitus vanhenee":"14.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Tuulensuu","Postinumero":"00500","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35018","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Avustaja","Ilmoitus vanhenee":"12.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Tapanila","Postinumero":"00730","Paikkoja":1,"Haastatteluun halutaan":1},{"Paikka-ID":"35003","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkotiapulainen","Ilmoitus vanhenee":"12.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Neulanen","Postinumero":"00920","Paikkoja":2,"Haastatteluun halutaan":5},{"Paikka-ID":"35002","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"11.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Terhi","Postinumero":"00530","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"34998","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"11.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Ruuti","Postinumero":"00940","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"34999","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"11.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Haikara","Postinumero":"00940","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"34986","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"10.10.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Kannelmäen palvelutalo","Postinumero":"00420","Paikkoja":1,"Haastatteluun halutaan":2},{"Paikka-ID":"34987","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"10.10.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Kannelmäen palvelutalo","Postinumero":"00420","Paikkoja":1,"Haastatteluun halutaan":2},{"Paikka-ID":"34988","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"10.10.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Kannelmäen palvelutalo","Postinumero":"00420","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35202","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"08.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Lassi ja Pk Niitty","Postinumero":"00440","Paikkoja":2,"Haastatteluun halutaan":5},{"Paikka-ID":"35176","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkotiapulainen","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Suomenlinna","Postinumero":"00190","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35193","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Ryhmäkoti Kantola tai Pohjantähti","Postinumero":"00940","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35194","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Ryhmäkoti Apila, Orvokki tai Vanamo","Postinumero":"00940","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35195","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Ryhmäkoti Puolukka, Karpalo tai Mansikka","Postinumero":"00940","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35179","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Leikkipuistoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Leikkipuisto Intia","Postinumero":"00560","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35189","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Leikkipuistoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Leikkipuisto Lehdokki","Postinumero":"00520","Paikkoja":2,"Haastatteluun halutaan":3},{"Paikka-ID":"35190","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Leikkipuistoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Leikkipuisto Linja","Postinumero":"00530","Paikkoja":3,"Haastatteluun halutaan":3},{"Paikka-ID":"35191","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Leikkipuistoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Leikkipuisto Sanna","Postinumero":"00240","Paikkoja":3,"Haastatteluun halutaan":3},{"Paikka-ID":"35192","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Leikkipuistoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Leikkipuisto Vallila","Postinumero":"00550","Paikkoja":3,"Haastatteluun halutaan":3},{"Paikka-ID":"35196","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Hoitoavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Ryhmäkoti Vadelma tai Mustikka","Postinumero":"00940","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"35197","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Kuntoutusavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Ryhmäkoti Kantola","Postinumero":"00940","Paikkoja":1,"Haastatteluun halutaan":5},{"Paikka-ID":"35201","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"07.11.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Jousi","Postinumero":"00940","Paikkoja":2,"Haastatteluun halutaan":4},{"Paikka-ID":"34969","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"06.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Haaga","Postinumero":"00320","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"34970","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"06.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Pk Kylätie","Postinumero":"00320","Paikkoja":1,"Haastatteluun halutaan":3},{"Paikka-ID":"34957","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Apuohjaaja","Ilmoitus vanhenee":"05.10.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Sisustusompelimo","Postinumero":"00500","Paikkoja":1,"Haastatteluun halutaan":6},{"Paikka-ID":"34960","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Apuohjaaja","Ilmoitus vanhenee":"05.10.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Muusix-ruokala","Postinumero":"00500","Paikkoja":1,"Haastatteluun halutaan":4},{"Paikka-ID":"34961","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"05.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Varhaiskasvatusyksikkö Siilitie","Postinumero":"00800","Paikkoja":3,"Haastatteluun halutaan":3},{"Paikka-ID":"34952","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"04.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Myrskyluoto","Postinumero":"00980","Paikkoja":1,"Haastatteluun halutaan":2},{"Paikka-ID":"34953","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"04.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Hippaheikki","Postinumero":"0980","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"34954","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Päiväkodin harjoittelija","Ilmoitus vanhenee":"04.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Kajuutta","Postinumero":"00980","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"34948","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Erityisavustaja","Ilmoitus vanhenee":"03.10.2021","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Päiväkoti Vanhainen","Postinumero":"00420","Paikkoja":2,"Haastatteluun halutaan":2},{"Paikka-ID":"35138","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Apuohjaaja","Ilmoitus vanhenee":"02.11.2021","Toimiala/liikelaitos":"Sosiaali- ja terveystoimiala","Työpaikka":"Keramiikka","Postinumero":"00580","Paikkoja":1,"Haastatteluun halutaan":5},{"Paikka-ID":"34550","Paikan tyyppi":"Työkokeilupaikka","Tehtävänimike":"Kahvila-apulainen","Ilmoitus vanhenee":"01.07.2023","Toimiala/liikelaitos":"Kasvatus ja koulutus","Työpaikka":"Kahvila Villa Ullas","Postinumero":"00980","Paikkoja":78,"Haastatteluun halutaan":99}]');var Button=__webpack_require__("./src/components/button/Button.tsx"),IconTrash=__webpack_require__("./src/icons/IconTrash.tsx"),LoadingSpinner=__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const Table_stories={component:Table.i,title:"Components/Table",parameters:{storySource:{source:"import React, { useEffect, useState } from 'react';\nimport { parse, isBefore, isSameDay } from 'date-fns';\n\nimport { Table } from './Table';\nimport workTrial from './story-example-work-trial.json';\nimport { Button } from '../button';\nimport { IconTrash } from '../../icons';\nimport { LoadingSpinner } from '../loadingSpinner';\n\nexport default {\n component: Table,\n title: 'Components/Table',\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\n// args is required for docs tab to show source code\n\nexport const Default = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Light = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Dense = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Zebra = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'city', headerName: 'City' },\n { key: 'profession', headerName: 'Profession' },\n {\n key: 'experience',\n headerName: 'Experience (years)',\n transform: ({ experience }) => {\n return
{experience}
;\n },\n },\n ];\n\n const rows: Array = [\n {\n id: 1000,\n firstName: 'Lauri',\n surname: 'Kekkonen',\n age: 39,\n city: 'Helsinki',\n profession: 'Engineer',\n experience: 10,\n },\n {\n id: 1001,\n firstName: 'Maria',\n surname: 'Sarasoja',\n age: 62,\n city: 'Tampere',\n profession: 'Designer',\n experience: 39,\n },\n {\n id: 1002,\n firstName: 'Anneli',\n surname: 'Routa',\n age: 50,\n city: 'Turku',\n profession: 'Meteorologist',\n experience: 25,\n },\n {\n id: 1003,\n firstName: 'Osku',\n surname: 'Rausku',\n age: 18,\n city: 'Oulu',\n profession: 'Mail Carrier',\n experience: 1,\n },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const VerticalLines = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const VerticalHeaders = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: '8-12', headerName: '8-12' },\n { key: '12-14', headerName: '12-14' },\n { key: '14-16', headerName: '14-16' },\n { key: '16-18', headerName: '16-18' },\n ];\n\n const unitRows: Array = [\n { id: 'monday', '8-12': 324, '12-14': 562, '14-16': 280, '16-18': 94 },\n { id: 'tuesday', '8-12': 341, '12-14': 688, '14-16': 425, '16-18': 113 },\n { id: 'wednesday', '8-12': 294, '12-14': 492, '14-16': 280, '16-18': 67 },\n { id: 'thursday', '8-12': 312, '12-14': 501, '14-16': 455, '16-18': 112 },\n { id: 'friday', '8-12': 150, '12-14': 142, '14-16': 362, '16-18': 455 },\n ];\n\n const verticalHeaders = [\n { key: 'monday', headerName: 'Monday' },\n { key: 'tuesday', headerName: 'Tuesday' },\n { key: 'wednesday', headerName: 'Wednesday' },\n { key: 'thursday', headerName: 'Thursday' },\n { key: 'friday', headerName: 'Friday' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Sorting = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const SortingLightVariant = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const InitiallySortedBy = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomSortFunction = (args) => {\n const cols = [\n { key: 'Paikka-ID', headerName: 'Paikka-ID', isSortable: true },\n { key: 'Paikan tyyppi', headerName: 'Paikan tyyppi', isSortable: false },\n { key: 'Tehtävänimike', headerName: 'Tehtävänimike', isSortable: true },\n {\n key: 'Ilmoitus vanhenee',\n headerName: 'Ilmoitus vanhenee',\n sortIconType: 'other' as const,\n customSortCompareFunction: (a, b) => {\n const aDate = parse(a, 'dd.MM.yyyy', new Date());\n const bDate = parse(b, 'dd.MM.yyyy', new Date());\n\n if (isSameDay(aDate, bDate)) {\n return 0;\n }\n\n if (isBefore(aDate, bDate)) {\n return -1;\n }\n\n return 1;\n },\n isSortable: true,\n },\n { key: 'Toimiala/liikelaitos', headerName: 'Toimiala/liikelaitos', isSortable: true },\n { key: 'Työpaikka', headerName: 'Työpaikka', isSortable: true },\n { key: 'Postinumero', headerName: 'Postinumero', isSortable: true },\n {\n key: 'Paikkoja',\n headerName: 'Paikkoja',\n sortIconType: 'other' as const,\n transform: ({ Paikkoja }) => {\n return
{Paikkoja}
;\n },\n isSortable: true,\n },\n {\n key: 'Haastatteluun halutaan',\n headerName: 'Haastatteluun halutaan',\n sortIconType: 'other' as const,\n transform: (row) => {\n return
{row['Haastatteluun halutaan']}
;\n },\n isSortable: true,\n },\n ];\n\n const rows: Array = workTrial;\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const SortingSideEffects = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const data: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n const [loading, toggleLoading] = useState(false);\n const [rows, setRows] = useState(data);\n\n useEffect(() => {\n if (loading) {\n setTimeout(() => {\n toggleLoading((currentValue) => !currentValue);\n setRows(data);\n }, 1000);\n }\n }, [loading]);\n\n const caption = (\n \n Table 1: Table with loading spinner\n \n );\n\n return (\n
\n {\n // Side effects\n setRows([]);\n toggleLoading((currentValue) => !currentValue);\n // Call table's own sorting function\n handleSort();\n }}\n />\n {loading && }\n
\n );\n};\n\nSortingSideEffects.parameters = {\n loki: { skip: true }, // The starting point is exactly the same as for other tables\n};\n\n// args is required for docs tab to show source code\n\nexport const CheckboxSelection = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CheckboxSelectionDense = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const InitiallySelectedRows = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([1002, 1003]);\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const WithCustomActions = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const indexKey = 'id';\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [tableRows, setTableRows] = useState(rows);\n const [selectedRows, setSelectedRows] = useState([]);\n\n const deleteSelectedButton = (\n {\n setTableRows(\n tableRows.filter((row) => {\n const rowId = row[indexKey];\n\n return (\n selectedRows.some((selectedRow) => {\n return selectedRow === rowId;\n }) === false\n );\n }),\n );\n setSelectedRows([]);\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n iconLeft={}\n disabled={selectedRows.length === 0}\n >\n Delete selected\n \n );\n\n const copySelected = (\n {\n \n console.log('Copy clicked!');\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n disabled={selectedRows.length === 0}\n >\n Copy selected\n \n );\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CheckboxSelectionWithSorting = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomBackgroundColorsForDarkVariant = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-tram)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n
\n \n
\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomBackgroundColorsForLightVariant = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-suomenlinna)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n
\n \n
\n );\n};\n",locationsMap:{default:{startLoc:{col:23,line:21},endLoc:{col:1,line:54},startBody:{col:23,line:21},endBody:{col:1,line:54}},light:{startLoc:{col:21,line:58},endLoc:{col:1,line:91},startBody:{col:21,line:58},endBody:{col:1,line:91}},dense:{startLoc:{col:21,line:95},endLoc:{col:1,line:128},startBody:{col:21,line:95},endBody:{col:1,line:128}},zebra:{startLoc:{col:21,line:132},endLoc:{col:1,line:205},startBody:{col:21,line:132},endBody:{col:1,line:205}},"vertical-lines":{startLoc:{col:29,line:209},endLoc:{col:1,line:242},startBody:{col:29,line:209},endBody:{col:1,line:242}},"vertical-headers":{startLoc:{col:31,line:246},endLoc:{col:1,line:290},startBody:{col:31,line:246},endBody:{col:1,line:290}},sorting:{startLoc:{col:23,line:294},endLoc:{col:1,line:339},startBody:{col:23,line:294},endBody:{col:1,line:339}},"sorting-light-variant":{startLoc:{col:35,line:343},endLoc:{col:1,line:389},startBody:{col:35,line:343},endBody:{col:1,line:389}},"initially-sorted-by":{startLoc:{col:33,line:393},endLoc:{col:1,line:440},startBody:{col:33,line:393},endBody:{col:1,line:440}},"custom-sort-function":{startLoc:{col:34,line:444},endLoc:{col:1,line:516},startBody:{col:34,line:444},endBody:{col:1,line:516}},"sorting-side-effects":{startLoc:{col:34,line:520},endLoc:{col:1,line:584},startBody:{col:34,line:520},endBody:{col:1,line:584}},"checkbox-selection":{startLoc:{col:33,line:592},endLoc:{col:1,line:634},startBody:{col:33,line:592},endBody:{col:1,line:634}},"checkbox-selection-dense":{startLoc:{col:38,line:638},endLoc:{col:1,line:681},startBody:{col:38,line:638},endBody:{col:1,line:681}},"initially-selected-rows":{startLoc:{col:37,line:685},endLoc:{col:1,line:728},startBody:{col:37,line:685},endBody:{col:1,line:728}},"with-custom-actions":{startLoc:{col:33,line:732},endLoc:{col:1,line:828},startBody:{col:33,line:732},endBody:{col:1,line:828}},"checkbox-selection-with-sorting":{startLoc:{col:44,line:832},endLoc:{col:1,line:880},startBody:{col:44,line:832},endBody:{col:1,line:880}},"custom-background-colors-for-dark-variant":{startLoc:{col:52,line:884},endLoc:{col:1,line:930},startBody:{col:52,line:884},endBody:{col:1,line:930}},"custom-background-colors-for-light-variant":{startLoc:{col:53,line:934},endLoc:{col:1,line:980},startBody:{col:53,line:934},endBody:{col:1,line:980}}}},controls:{expanded:!0}},args:{}};var Default=function Default(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref){var age=_ref.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],caption,indexKey:"id",renderIndexCol:!1})})},Light=function Light(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref2){var age=_ref2.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{caption,cols,variant:"light",indexKey:"id",renderIndexCol:!1,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}]})})},Dense=function Dense(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref3){var age=_ref3.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"500px"},children:(0,jsx_runtime.jsx)(Table.i,{cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],dense:!0,caption,indexKey:"id",renderIndexCol:!1})})},Zebra=function Zebra(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref4){var age=_ref4.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"city",headerName:"City"},{key:"profession",headerName:"Profession"},{key:"experience",headerName:"Experience (years)",transform:function transform(_ref5){var experience=_ref5.experience;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:experience})}}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"800px"},children:(0,jsx_runtime.jsx)(Table.i,{rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,city:"Helsinki",profession:"Engineer",experience:10},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,city:"Tampere",profession:"Designer",experience:39},{id:1002,firstName:"Anneli",surname:"Routa",age:50,city:"Turku",profession:"Meteorologist",experience:25},{id:1003,firstName:"Osku",surname:"Rausku",age:18,city:"Oulu",profession:"Mail Carrier",experience:1}],cols,caption,zebra:!0,indexKey:"id",renderIndexCol:!1})})},VerticalLines=function VerticalLines(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref6){var age=_ref6.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{verticalLines:!0,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],caption,indexKey:"id",renderIndexCol:!1})})},VerticalHeaders=function VerticalHeaders(args){var caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"486px"},children:(0,jsx_runtime.jsx)(Table.i,{verticalHeaders:[{key:"monday",headerName:"Monday"},{key:"tuesday",headerName:"Tuesday"},{key:"wednesday",headerName:"Wednesday"},{key:"thursday",headerName:"Thursday"},{key:"friday",headerName:"Friday"}],cols:[{key:"id",headerName:"Not rendered"},{key:"8-12",headerName:"8-12"},{key:"12-14",headerName:"12-14"},{key:"14-16",headerName:"14-16"},{key:"16-18",headerName:"16-18"}],rows:[{id:"monday","8-12":324,"12-14":562,"14-16":280,"16-18":94},{id:"tuesday","8-12":341,"12-14":688,"14-16":425,"16-18":113},{id:"wednesday","8-12":294,"12-14":492,"14-16":280,"16-18":67},{id:"thursday","8-12":312,"12-14":501,"14-16":455,"16-18":112},{id:"friday","8-12":150,"12-14":142,"14-16":362,"16-18":455}],caption,textAlignContentRight:!0,indexKey:"id",renderIndexCol:!1})})},Sorting=function Sorting(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref7){var age=_ref7.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",indexKey:"id",renderIndexCol:!1,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],caption})})},SortingLightVariant=function SortingLightVariant(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref8){var age=_ref8.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{variant:"light",ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",indexKey:"id",renderIndexCol:!1,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],caption})})},InitiallySortedBy=function InitiallySortedBy(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref9){var age=_ref9.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{initialSortingColumnKey:"age",initialSortingOrder:"desc",ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],cols,indexKey:"id",renderIndexCol:!1,caption})})},CustomSortFunction=function CustomSortFunction(args){var cols=[{key:"Paikka-ID",headerName:"Paikka-ID",isSortable:!0},{key:"Paikan tyyppi",headerName:"Paikan tyyppi",isSortable:!1},{key:"Tehtävänimike",headerName:"Tehtävänimike",isSortable:!0},{key:"Ilmoitus vanhenee",headerName:"Ilmoitus vanhenee",sortIconType:"other",customSortCompareFunction:function customSortCompareFunction(a,b){var aDate=(0,parse.Z)(a,"dd.MM.yyyy",new Date),bDate=(0,parse.Z)(b,"dd.MM.yyyy",new Date);return(0,isSameDay.Z)(aDate,bDate)?0:(0,isBefore.Z)(aDate,bDate)?-1:1},isSortable:!0},{key:"Toimiala/liikelaitos",headerName:"Toimiala/liikelaitos",isSortable:!0},{key:"Työpaikka",headerName:"Työpaikka",isSortable:!0},{key:"Postinumero",headerName:"Postinumero",isSortable:!0},{key:"Paikkoja",headerName:"Paikkoja",sortIconType:"other",transform:function transform(_ref10){var Paikkoja=_ref10.Paikkoja;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:Paikkoja})},isSortable:!0},{key:"Haastatteluun halutaan",headerName:"Haastatteluun halutaan",sortIconType:"other",transform:function transform(row){return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:row["Haastatteluun halutaan"]})},isSortable:!0}],rows=story_example_work_trial_namespaceObject,caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"1200px",height:"600px"},children:(0,jsx_runtime.jsx)(Table.i,{initialSortingColumnKey:"Ilmoitus vanhenee",initialSortingOrder:"asc",ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",cols,rows,indexKey:"Paikka-ID",caption,dense:!0})})},SortingSideEffects=function SortingSideEffects(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref11){var age=_ref11.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],data=[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),loading=_useState2[0],toggleLoading=_useState2[1],_useState3=(0,react.useState)(data),_useState4=(0,slicedToArray.Z)(_useState3,2),rows=_useState4[0],setRows=_useState4[1];(0,react.useEffect)((function(){loading&&setTimeout((function(){toggleLoading((function(currentValue){return!currentValue})),setRows(data)}),1e3)}),[loading]);var caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table with loading spinner"]});return(0,jsx_runtime.jsxs)("div",{style:{maxWidth:"640px",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,jsx_runtime.jsx)(Table.i,{ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",indexKey:"id",renderIndexCol:!1,cols,rows,caption,onSort:function onSort(order,colKey,handleSort){setRows([]),toggleLoading((function(currentValue){return!currentValue})),handleSort()}}),loading&&(0,jsx_runtime.jsx)(LoadingSpinner.T,{style:{marginTop:"var(--spacing-l)"}})]})};SortingSideEffects.parameters={loki:{skip:!0}};var CheckboxSelection=function CheckboxSelection(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref12){var age=_ref12.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState5=(0,react.useState)([]),_useState6=(0,slicedToArray.Z)(_useState5,2),selectedRows=_useState6[0],setSelectedRows=_useState6[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{checkboxSelection:!0,selectedRows,setSelectedRows,heading:"Employees",id:"checkbox-selection",indexKey:"id",renderIndexCol:!1,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},CheckboxSelectionDense=function CheckboxSelectionDense(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref13){var age=_ref13.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState7=(0,react.useState)([]),_useState8=(0,slicedToArray.Z)(_useState7,2),selectedRows=_useState8[0],setSelectedRows=_useState8[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"500px"},children:(0,jsx_runtime.jsx)(Table.i,{dense:!0,checkboxSelection:!0,selectedRows,setSelectedRows,heading:"Employees",id:"checkbox-selection-dense",cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],indexKey:"id",renderIndexCol:!1,selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},InitiallySelectedRows=function InitiallySelectedRows(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref14){var age=_ref14.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState9=(0,react.useState)([1002,1003]),_useState10=(0,slicedToArray.Z)(_useState9,2),selectedRows=_useState10[0],setSelectedRows=_useState10[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{heading:"Employees",id:"initially-selected",checkboxSelection:!0,selectedRows,setSelectedRows,variant:"dark",cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],indexKey:"id",renderIndexCol:!1,selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},WithCustomActions=function WithCustomActions(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref15){var age=_ref15.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState11=(0,react.useState)([{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}]),_useState12=(0,slicedToArray.Z)(_useState11,2),tableRows=_useState12[0],setTableRows=_useState12[1],_useState13=(0,react.useState)([]),_useState14=(0,slicedToArray.Z)(_useState13,2),selectedRows=_useState14[0],setSelectedRows=_useState14[1],deleteSelectedButton=(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){setTableRows(tableRows.filter((function(row){var rowId=row.id;return!1===selectedRows.some((function(selectedRow){return selectedRow===rowId}))}))),setSelectedRows([])},style:{flexGrow:0},className:"table-custom-action",variant:"secondary",size:"small",iconLeft:(0,jsx_runtime.jsx)(IconTrash.IconTrash,{}),disabled:0===selectedRows.length,children:"Delete selected"},1),copySelected=(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){console.log("Copy clicked!")},style:{flexGrow:0},className:"table-custom-action",variant:"secondary",size:"small",disabled:0===selectedRows.length,children:"Copy selected"},2);return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{customActionButtons:[deleteSelectedButton,copySelected],selectedRows,setSelectedRows,checkboxSelection:!0,cols,rows:tableRows,heading:"Employees",id:"custom-actions",indexKey:"id",renderIndexCol:!1,variant:"dark",selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},CheckboxSelectionWithSorting=function CheckboxSelectionWithSorting(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref16){var age=_ref16.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],_useState15=(0,react.useState)([]),_useState16=(0,slicedToArray.Z)(_useState15,2),selectedRows=_useState16[0],setSelectedRows=_useState16[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection",checkboxSelection:!0,selectedRows,setSelectedRows,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],indexKey:"id",renderIndexCol:!1,heading:"Employees",id:"selection-with-sorting"})})},CustomBackgroundColorsForDarkVariant=function CustomBackgroundColorsForDarkVariant(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref17){var age=_ref17.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{theme:{"--header-background-color":"var(--color-tram)","--content-background-color":"var(--color-black-5)"},caption,variant:"dark",indexKey:"id",renderIndexCol:!1,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],cols})})},CustomBackgroundColorsForLightVariant=function CustomBackgroundColorsForLightVariant(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref18){var age=_ref18.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{theme:{"--header-background-color":"var(--color-suomenlinna)","--content-background-color":"var(--color-black-5)"},caption,variant:"light",indexKey:"id",renderIndexCol:!1,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],cols})})};Default.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n}"}},Default.parameters),Light.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n}"}},Light.parameters),Dense.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n}"}},Dense.parameters),Zebra.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'city', headerName: 'City' },\n { key: 'profession', headerName: 'Profession' },\n {\n key: 'experience',\n headerName: 'Experience (years)',\n transform: ({ experience }) => {\n return
{experience}
;\n },\n },\n ];\n\n const rows: Array = [\n {\n id: 1000,\n firstName: 'Lauri',\n surname: 'Kekkonen',\n age: 39,\n city: 'Helsinki',\n profession: 'Engineer',\n experience: 10,\n },\n {\n id: 1001,\n firstName: 'Maria',\n surname: 'Sarasoja',\n age: 62,\n city: 'Tampere',\n profession: 'Designer',\n experience: 39,\n },\n {\n id: 1002,\n firstName: 'Anneli',\n surname: 'Routa',\n age: 50,\n city: 'Turku',\n profession: 'Meteorologist',\n experience: 25,\n },\n {\n id: 1003,\n firstName: 'Osku',\n surname: 'Rausku',\n age: 18,\n city: 'Oulu',\n profession: 'Mail Carrier',\n experience: 1,\n },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n}"}},Zebra.parameters),VerticalLines.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n
\n \n );\n}"}},VerticalLines.parameters),VerticalHeaders.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: '8-12', headerName: '8-12' },\n { key: '12-14', headerName: '12-14' },\n { key: '14-16', headerName: '14-16' },\n { key: '16-18', headerName: '16-18' },\n ];\n\n const unitRows: Array = [\n { id: 'monday', '8-12': 324, '12-14': 562, '14-16': 280, '16-18': 94 },\n { id: 'tuesday', '8-12': 341, '12-14': 688, '14-16': 425, '16-18': 113 },\n { id: 'wednesday', '8-12': 294, '12-14': 492, '14-16': 280, '16-18': 67 },\n { id: 'thursday', '8-12': 312, '12-14': 501, '14-16': 455, '16-18': 112 },\n { id: 'friday', '8-12': 150, '12-14': 142, '14-16': 362, '16-18': 455 },\n ];\n\n const verticalHeaders = [\n { key: 'monday', headerName: 'Monday' },\n { key: 'tuesday', headerName: 'Tuesday' },\n { key: 'wednesday', headerName: 'Wednesday' },\n { key: 'thursday', headerName: 'Thursday' },\n { key: 'friday', headerName: 'Friday' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n}"}},VerticalHeaders.parameters),Sorting.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n}"}},Sorting.parameters),SortingLightVariant.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n}"}},SortingLightVariant.parameters),InitiallySortedBy.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n}"}},InitiallySortedBy.parameters),CustomSortFunction.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'Paikka-ID', headerName: 'Paikka-ID', isSortable: true },\n { key: 'Paikan tyyppi', headerName: 'Paikan tyyppi', isSortable: false },\n { key: 'Tehtävänimike', headerName: 'Tehtävänimike', isSortable: true },\n {\n key: 'Ilmoitus vanhenee',\n headerName: 'Ilmoitus vanhenee',\n sortIconType: 'other' as const,\n customSortCompareFunction: (a, b) => {\n const aDate = parse(a, 'dd.MM.yyyy', new Date());\n const bDate = parse(b, 'dd.MM.yyyy', new Date());\n\n if (isSameDay(aDate, bDate)) {\n return 0;\n }\n\n if (isBefore(aDate, bDate)) {\n return -1;\n }\n\n return 1;\n },\n isSortable: true,\n },\n { key: 'Toimiala/liikelaitos', headerName: 'Toimiala/liikelaitos', isSortable: true },\n { key: 'Työpaikka', headerName: 'Työpaikka', isSortable: true },\n { key: 'Postinumero', headerName: 'Postinumero', isSortable: true },\n {\n key: 'Paikkoja',\n headerName: 'Paikkoja',\n sortIconType: 'other' as const,\n transform: ({ Paikkoja }) => {\n return
{Paikkoja}
;\n },\n isSortable: true,\n },\n {\n key: 'Haastatteluun halutaan',\n headerName: 'Haastatteluun halutaan',\n sortIconType: 'other' as const,\n transform: (row) => {\n return
{row['Haastatteluun halutaan']}
;\n },\n isSortable: true,\n },\n ];\n\n const rows: Array = workTrial;\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n return (\n
\n \n
\n );\n}"}},CustomSortFunction.parameters),SortingSideEffects.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const data: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n const [loading, toggleLoading] = useState(false);\n const [rows, setRows] = useState(data);\n\n useEffect(() => {\n if (loading) {\n setTimeout(() => {\n toggleLoading((currentValue) => !currentValue);\n setRows(data);\n }, 1000);\n }\n }, [loading]);\n\n const caption = (\n \n Table 1: Table with loading spinner\n \n );\n\n return (\n
\n {\n // Side effects\n setRows([]);\n toggleLoading((currentValue) => !currentValue);\n // Call table's own sorting function\n handleSort();\n }}\n />\n {loading && }\n
\n );\n}"}},SortingSideEffects.parameters),CheckboxSelection.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n
\n \n
\n );\n}"}},CheckboxSelection.parameters),CheckboxSelectionDense.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n
\n \n
\n );\n}"}},CheckboxSelectionDense.parameters),InitiallySelectedRows.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([1002, 1003]);\n\n return (\n
\n \n
\n );\n}"}},InitiallySelectedRows.parameters),WithCustomActions.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const indexKey = 'id';\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [tableRows, setTableRows] = useState(rows);\n const [selectedRows, setSelectedRows] = useState([]);\n\n const deleteSelectedButton = (\n {\n setTableRows(\n tableRows.filter((row) => {\n const rowId = row[indexKey];\n\n return (\n selectedRows.some((selectedRow) => {\n return selectedRow === rowId;\n }) === false\n );\n }),\n );\n setSelectedRows([]);\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n iconLeft={}\n disabled={selectedRows.length === 0}\n >\n Delete selected\n \n );\n\n const copySelected = (\n {\n \n console.log('Copy clicked!');\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n disabled={selectedRows.length === 0}\n >\n Copy selected\n \n );\n\n return (\n
\n \n
\n );\n}"}},WithCustomActions.parameters),CheckboxSelectionWithSorting.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return
{age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n
\n \n
\n );\n}"}},CheckboxSelectionWithSorting.parameters),CustomBackgroundColorsForDarkVariant.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-tram)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n
\n \n
\n );\n}"}},CustomBackgroundColorsForDarkVariant.parameters),CustomBackgroundColorsForLightVariant.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return
{age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1: Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-suomenlinna)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n
\n \n
\n );\n}"}},CustomBackgroundColorsForLightVariant.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/table/Table.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Light.displayName="Light",Light.__docgenInfo={description:"",displayName:"Light",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Light"]={docgenInfo:Light.__docgenInfo,name:"Light",path:"src/components/table/Table.stories.tsx#Light"})}catch(__react_docgen_typescript_loader_error){}try{Dense.displayName="Dense",Dense.__docgenInfo={description:"",displayName:"Dense",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Dense"]={docgenInfo:Dense.__docgenInfo,name:"Dense",path:"src/components/table/Table.stories.tsx#Dense"})}catch(__react_docgen_typescript_loader_error){}try{Zebra.displayName="Zebra",Zebra.__docgenInfo={description:"",displayName:"Zebra",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Zebra"]={docgenInfo:Zebra.__docgenInfo,name:"Zebra",path:"src/components/table/Table.stories.tsx#Zebra"})}catch(__react_docgen_typescript_loader_error){}try{VerticalLines.displayName="VerticalLines",VerticalLines.__docgenInfo={description:"",displayName:"VerticalLines",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#VerticalLines"]={docgenInfo:VerticalLines.__docgenInfo,name:"VerticalLines",path:"src/components/table/Table.stories.tsx#VerticalLines"})}catch(__react_docgen_typescript_loader_error){}try{VerticalHeaders.displayName="VerticalHeaders",VerticalHeaders.__docgenInfo={description:"",displayName:"VerticalHeaders",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#VerticalHeaders"]={docgenInfo:VerticalHeaders.__docgenInfo,name:"VerticalHeaders",path:"src/components/table/Table.stories.tsx#VerticalHeaders"})}catch(__react_docgen_typescript_loader_error){}try{Sorting.displayName="Sorting",Sorting.__docgenInfo={description:"",displayName:"Sorting",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Sorting"]={docgenInfo:Sorting.__docgenInfo,name:"Sorting",path:"src/components/table/Table.stories.tsx#Sorting"})}catch(__react_docgen_typescript_loader_error){}try{SortingLightVariant.displayName="SortingLightVariant",SortingLightVariant.__docgenInfo={description:"",displayName:"SortingLightVariant",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#SortingLightVariant"]={docgenInfo:SortingLightVariant.__docgenInfo,name:"SortingLightVariant",path:"src/components/table/Table.stories.tsx#SortingLightVariant"})}catch(__react_docgen_typescript_loader_error){}try{InitiallySortedBy.displayName="InitiallySortedBy",InitiallySortedBy.__docgenInfo={description:"",displayName:"InitiallySortedBy",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#InitiallySortedBy"]={docgenInfo:InitiallySortedBy.__docgenInfo,name:"InitiallySortedBy",path:"src/components/table/Table.stories.tsx#InitiallySortedBy"})}catch(__react_docgen_typescript_loader_error){}try{CustomSortFunction.displayName="CustomSortFunction",CustomSortFunction.__docgenInfo={description:"",displayName:"CustomSortFunction",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CustomSortFunction"]={docgenInfo:CustomSortFunction.__docgenInfo,name:"CustomSortFunction",path:"src/components/table/Table.stories.tsx#CustomSortFunction"})}catch(__react_docgen_typescript_loader_error){}try{SortingSideEffects.displayName="SortingSideEffects",SortingSideEffects.__docgenInfo={description:"",displayName:"SortingSideEffects",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#SortingSideEffects"]={docgenInfo:SortingSideEffects.__docgenInfo,name:"SortingSideEffects",path:"src/components/table/Table.stories.tsx#SortingSideEffects"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxSelection.displayName="CheckboxSelection",CheckboxSelection.__docgenInfo={description:"",displayName:"CheckboxSelection",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CheckboxSelection"]={docgenInfo:CheckboxSelection.__docgenInfo,name:"CheckboxSelection",path:"src/components/table/Table.stories.tsx#CheckboxSelection"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxSelectionDense.displayName="CheckboxSelectionDense",CheckboxSelectionDense.__docgenInfo={description:"",displayName:"CheckboxSelectionDense",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CheckboxSelectionDense"]={docgenInfo:CheckboxSelectionDense.__docgenInfo,name:"CheckboxSelectionDense",path:"src/components/table/Table.stories.tsx#CheckboxSelectionDense"})}catch(__react_docgen_typescript_loader_error){}try{InitiallySelectedRows.displayName="InitiallySelectedRows",InitiallySelectedRows.__docgenInfo={description:"",displayName:"InitiallySelectedRows",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#InitiallySelectedRows"]={docgenInfo:InitiallySelectedRows.__docgenInfo,name:"InitiallySelectedRows",path:"src/components/table/Table.stories.tsx#InitiallySelectedRows"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomActions.displayName="WithCustomActions",WithCustomActions.__docgenInfo={description:"",displayName:"WithCustomActions",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#WithCustomActions"]={docgenInfo:WithCustomActions.__docgenInfo,name:"WithCustomActions",path:"src/components/table/Table.stories.tsx#WithCustomActions"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxSelectionWithSorting.displayName="CheckboxSelectionWithSorting",CheckboxSelectionWithSorting.__docgenInfo={description:"",displayName:"CheckboxSelectionWithSorting",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CheckboxSelectionWithSorting"]={docgenInfo:CheckboxSelectionWithSorting.__docgenInfo,name:"CheckboxSelectionWithSorting",path:"src/components/table/Table.stories.tsx#CheckboxSelectionWithSorting"})}catch(__react_docgen_typescript_loader_error){}try{CustomBackgroundColorsForDarkVariant.displayName="CustomBackgroundColorsForDarkVariant",CustomBackgroundColorsForDarkVariant.__docgenInfo={description:"",displayName:"CustomBackgroundColorsForDarkVariant",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CustomBackgroundColorsForDarkVariant"]={docgenInfo:CustomBackgroundColorsForDarkVariant.__docgenInfo,name:"CustomBackgroundColorsForDarkVariant",path:"src/components/table/Table.stories.tsx#CustomBackgroundColorsForDarkVariant"})}catch(__react_docgen_typescript_loader_error){}try{CustomBackgroundColorsForLightVariant.displayName="CustomBackgroundColorsForLightVariant",CustomBackgroundColorsForLightVariant.__docgenInfo={description:"",displayName:"CustomBackgroundColorsForLightVariant",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CustomBackgroundColorsForLightVariant"]={docgenInfo:CustomBackgroundColorsForLightVariant.__docgenInfo,name:"CustomBackgroundColorsForLightVariant",path:"src/components/table/Table.stories.tsx#CustomBackgroundColorsForLightVariant"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/tabs/Tabs.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Small:()=>Small,WithCustomOnClickAction:()=>WithCustomOnClickAction,WithCustomTheme:()=>WithCustomTheme,default:()=>Tabs_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),LoadingSpinner=__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx");__webpack_require__("./src/styles/base.css");const Tabs_module_scrollButton="Tabs_scrollButton__IVOLh",Tabs_module_tabs="Tabs_tabs__yE6Zk",Tabs_module_small="Tabs_small__en-fO",Tabs_module_tablistBar="Tabs_tablistBar__FWUNP",Tabs_module_tablist="Tabs_tablist__afK+U",Tabs_module_tab="Tabs_tab__mtOp2",Tabs_module_active="Tabs_active__0EWQH";var classNames=__webpack_require__("./src/utils/classNames.ts"),TabsContext=react.createContext({activeTab:0,setActiveTab:function setActiveTab(){},focusedTab:null,setFocusedTab:function setFocusedTab(){}}),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),TabList=function TabList(_ref){var children=_ref.children,className=_ref.className,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,tablistElementRef=(0,react.useRef)(null),tablistContainerRef=(0,react.useRef)(null),_useContext=(0,react.useContext)(TabsContext),focusedTab=_useContext.focusedTab,setFocusedTab=_useContext.setFocusedTab,_useState=(0,react.useState)(0),_useState2=(0,slicedToArray.Z)(_useState,2),tablistWidth=_useState2[0],setTablistWidth=_useState2[1],_useState3=(0,react.useState)(null),_useState4=(0,slicedToArray.Z)(_useState3,2),scrollIndex=_useState4[0],setScrollIndex=_useState4[1],_useState5=(0,react.useState)(!0),_useState6=(0,slicedToArray.Z)(_useState5,2),showPreviousButton=_useState6[0],setShowPreviousButton=_useState6[1],_useState7=(0,react.useState)(!0),_useState8=(0,slicedToArray.Z)(_useState7,2),showNextButton=_useState8[0],setShowNextButton=_useState8[1],_useState9=(0,react.useState)(0),_useState10=(0,slicedToArray.Z)(_useState9,2),scrollValue=_useState10[0],setScrollValue=_useState10[1],tabs=(0,getChildren.AU)(children).map((function(child,index){return react.isValidElement(child)&&"Tab"===child.type.componentName?react.cloneElement(child,{index,key:index}):null})),updateScrollPosition=(0,react.useCallback)((function(){var tabElement=function getChildByIndex(index,parent){if(null!==index){var element=parent.children[index];if(null!==element&&element instanceof HTMLElement)return element}return null}(scrollIndex,tablistElementRef.current);if(null!==tabElement){var tabRightEdgeDistance=tabElement.offsetLeft+tabElement.offsetWidth,tabLeftEdgeDistance=tabElement.offsetLeft,tabRightEdgeOffset=tabRightEdgeDistance-tablistContainerRef.current.offsetWidth;tabRightEdgeOffset>0&&(scrollValuecontainerElement.offsetWidth+offset}(element,tablistContainerRef.current,scrollValue)}))}),[scrollValue]),findNextElementOutsideLeftEdge=(0,react.useCallback)((function(){var tabListElement=tablistElementRef.current,tabIndex=Array.from(tabListElement.children).reverse().findIndex((function(element){return function isElementOutsideLeftEdge(tab,offset){return tab.offsetLeft-1?tabListElement.children.length-tabIndex-1:-1}),[scrollValue]),updateScrollButtons=(0,react.useCallback)((function(){setShowPreviousButton(-1!==findNextElementOutsideLeftEdge()),setShowNextButton(-1!==findNextElementOutsideRightEdge())}),[findNextElementOutsideLeftEdge,findNextElementOutsideRightEdge]);(0,react.useEffect)((function(){var totalWidth=Array.from(tablistElementRef.current.children).reduce((function(total,el){return total+el.offsetWidth}),0);setTablistWidth(totalWidth)}),[children]),(0,react.useEffect)((function(){setScrollIndex(focusedTab)}),[focusedTab]),(0,react.useEffect)((function(){return updateScrollButtons(),window.addEventListener("resize",updateScrollButtons),function(){window.removeEventListener("resize",updateScrollButtons)}}),[updateScrollButtons]),(0,react.useEffect)((function(){updateScrollPosition()}),[updateScrollPosition,scrollIndex,showPreviousButton,showNextButton]);return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Tabs_module_tablistBar,className),style,children:[showPreviousButton&&(0,jsx_runtime.jsx)("div",{className:Tabs_module_scrollButton,"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onPreviousButtonClick(){var nextTabIndex=findNextElementOutsideLeftEdge();nextTabIndex>-1&&setScrollIndex(nextTabIndex)},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{})})}),(0,jsx_runtime.jsx)("div",{className:Tabs_module_tablist,ref:tablistContainerRef,children:(0,jsx_runtime.jsx)("ul",{role:"tablist",ref:tablistElementRef,onKeyDown:function onKeyDown(event){var nextIndex=null;"ArrowRight"===event.key&&(nextIndex=Math.min(focusedTab+1,tabs.length-1)),"ArrowLeft"===event.key&&(nextIndex=Math.max(focusedTab-1,0)),null!==nextIndex&&setFocusedTab(nextIndex)},style:{width:"".concat(tablistWidth,"px"),transform:scrollValue?"translateX(".concat(-1*scrollValue,"px)"):void 0},children:tabs})}),showNextButton&&(0,jsx_runtime.jsx)("div",{className:Tabs_module_scrollButton,"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onNextButtonClick(){var nextTabIndex=findNextElementOutsideRightEdge();nextTabIndex>-1&&setScrollIndex(nextTabIndex)},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{})})})]})};TabList.componentName="TabList";try{TabList.displayName="TabList",TabList.__docgenInfo={description:"",displayName:"TabList",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tablist",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Additional styles to apply to the Tablist",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/TabList.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/components/tabs/TabList.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}var TabPanel=function TabPanel(_ref){var children=_ref.children,className=_ref.className,index=_ref.index,style=_ref.style;return(0,react.useContext)(TabsContext).activeTab===index?(0,jsx_runtime.jsx)("div",{id:"tab-".concat(index,"-panel"),role:"tabpanel","aria-labelledby":"tab-".concat(index,"-button"),className,style,children}):null};TabPanel.componentName="TabPanel";try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"",displayName:"TabPanel",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/TabPanel.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/components/tabs/TabPanel.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}var Tab=function Tab(_ref){var children=_ref.children,className=_ref.className,index=_ref.index,onClick=_ref.onClick,style=_ref.style,ref=(0,react.useRef)(null),_useContext=(0,react.useContext)(TabsContext),activeTab=_useContext.activeTab,focusedTab=_useContext.focusedTab,setFocusedTab=_useContext.setFocusedTab,setActiveTab=_useContext.setActiveTab,isActive=activeTab===index;(0,react.useEffect)((function(){focusedTab===index&&ref.current.focus({preventScroll:!0})}),[focusedTab,index]);return(0,jsx_runtime.jsx)("li",{role:"tab","aria-selected":isActive,"aria-controls":"tab-".concat(index,"-panel"),tabIndex:isActive?0:-1,id:"tab-".concat(index,"-button"),className:(0,classNames.Z)(Tabs_module_tab,isActive&&Tabs_module_active,className),style,onClick:function onTabClick(){onClick&&onClick(),setActiveTab(index),setFocusedTab(index)},onKeyDown:function onKeyDown(event){var isEnter="Enter"===event.key||13===event.keyCode,isSpace=" "===event.key||32===event.keyCode;(isEnter||isSpace)&&(onClick&&onClick(),setActiveTab(index))},onFocus:function onFocus(event){event.preventDefault(),focusedTab!==index&&setFocusedTab(index)},ref,children:(0,jsx_runtime.jsx)("span",{children})})};Tab.componentName="Tab";try{Tab.displayName="Tab",Tab.__docgenInfo={description:"",displayName:"Tab",props:{onClick:{defaultValue:null,description:"Custom function callback for on tab click",name:"onClick",required:!1,type:{name:"() => void"}},className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tab.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/components/tabs/Tab.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}var Tabs=function Tabs(_ref){var children=_ref.children,_ref$initiallyActiveT=_ref.initiallyActiveTab,initiallyActiveTab=void 0===_ref$initiallyActiveT?0:_ref$initiallyActiveT,_ref$small=_ref.small,small=void 0!==_ref$small&&_ref$small,theme=_ref.theme,_useState=(0,react.useState)(initiallyActiveTab),_useState2=(0,slicedToArray.Z)(_useState,2),activeTab=_useState2[0],setActiveTab=_useState2[1],_useState3=(0,react.useState)(null),_useState4=(0,slicedToArray.Z)(_useState3,2),focusedTab=_useState4[0],setFocusedTab=_useState4[1],customThemeClass=(0,useTheme.F)(Tabs_module_tabs,theme),childElements=(0,getChildren.fL)(children),tabList=childElements.filter((function(child){return react.isValidElement(child)&&"TabList"===child.type.componentName})),tabPanels=childElements.filter((function(child){return react.isValidElement(child)&&"TabPanel"===child.type.componentName})).map((function(child,index){return react.isValidElement(child)?react.cloneElement(child,{index,key:index}):child}));return(0,jsx_runtime.jsx)(TabsContext.Provider,{value:{activeTab,setActiveTab,focusedTab,setFocusedTab},children:(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Tabs_module_tabs,small&&Tabs_module_small,theme&&customThemeClass),children:[tabList,tabPanels]})})};Tabs.TabList=TabList,Tabs.TabPanel=TabPanel,Tabs.Tab=Tab;try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{initiallyActiveTab:{defaultValue:{value:"0"},description:"The initially active tab",name:"initiallyActiveTab",required:!1,type:{name:"number"}},small:{defaultValue:{value:"false"},description:"Use the small variant",name:"small",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Defines the tabs theme",name:"theme",required:!1,type:{name:"TabsCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs/Tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.TabList.displayName="Tabs.TabList",Tabs.TabList.__docgenInfo={description:"",displayName:"Tabs.TabList",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tablist",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Additional styles to apply to the Tablist",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs.TabList"]={docgenInfo:Tabs.TabList.__docgenInfo,name:"Tabs.TabList",path:"src/components/tabs/Tabs.tsx#Tabs.TabList"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.TabPanel.displayName="Tabs.TabPanel",Tabs.TabPanel.__docgenInfo={description:"",displayName:"Tabs.TabPanel",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs.TabPanel"]={docgenInfo:Tabs.TabPanel.__docgenInfo,name:"Tabs.TabPanel",path:"src/components/tabs/Tabs.tsx#Tabs.TabPanel"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.Tab.displayName="Tabs.Tab",Tabs.Tab.__docgenInfo={description:"",displayName:"Tabs.Tab",props:{onClick:{defaultValue:null,description:"Custom function callback for on tab click",name:"onClick",required:!1,type:{name:"() => void"}},className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs.Tab"]={docgenInfo:Tabs.Tab.__docgenInfo,name:"Tabs.Tab",path:"src/components/tabs/Tabs.tsx#Tabs.Tab"})}catch(__react_docgen_typescript_loader_error){}const Tabs_stories={component:Tabs,title:"Components/Tabs",decorators:[function(storyFn){return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("style",{children:".example-tablist { margin-bottom: var(--spacing-m); }"}),storyFn()]})}],parameters:{storySource:{source:"import React from 'react';\n\nimport { LoadingSpinner } from '../loadingSpinner';\nimport { Tabs } from './Tabs';\n\nexport default {\n component: Tabs,\n title: 'Components/Tabs',\n decorators: [\n (storyFn) => (\n
\n \n {storyFn()}\n
\n ),\n ],\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n};\n\nexport const Default = () => (\n \n \n Daycare\n Pre-school\n Basic education\n Upper secondary\n University\n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n);\n\nexport const Small = () => (\n \n \n Daycare\n Pre-school\n Basic education\n Upper secondary\n University\n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n);\n\nexport const WithCustomTheme = () => {\n const theme = {\n '--tab-color': 'var(--color-black-90)',\n '--tab-active-border-color': 'var(--color-metro)',\n };\n\n return (\n \n \n Daycare\n Pre-school\n Basic education\n Upper secondary\n University\n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation\n examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n );\n};\n\nexport const WithCustomOnClickAction = () => {\n const [isLoading, setIsLoading] = React.useState(false);\n const content = {\n education: 'Daytime care for people who cannot be fully independent, such as children or elderly people.',\n university:\n 'The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society.',\n };\n\n const LoadingIndicator = () => (\n
\n \n Tab content is loading\n
\n );\n\n const mockLoading = () => {\n setIsLoading(true);\n setTimeout(() => {\n setIsLoading(false);\n }, 500);\n };\n\n const onTabClick = () => {\n mockLoading();\n };\n\n React.useEffect(() => {\n mockLoading();\n }, []);\n\n return (\n \n \n onTabClick()}>Basic education\n onTabClick()}>University\n \n {isLoading ? : content.education}\n {isLoading ? : content.university}\n \n );\n};\n\nWithCustomOnClickAction.parameters = { loki: { skip: true } };\n",locationsMap:{default:{startLoc:{col:23,line:22},endLoc:{col:1,line:49},startBody:{col:23,line:22},endBody:{col:1,line:49}},small:{startLoc:{col:21,line:51},endLoc:{col:1,line:78},startBody:{col:21,line:51},endBody:{col:1,line:78}},"with-custom-theme":{startLoc:{col:31,line:80},endLoc:{col:1,line:115},startBody:{col:31,line:80},endBody:{col:1,line:115}},"with-custom-on-click-action":{startLoc:{col:39,line:117},endLoc:{col:1,line:161},startBody:{col:39,line:117},endBody:{col:1,line:161}}}},controls:{hideNoControlsWarning:!0}}};var Default=function Default(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Daycare"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Pre-school"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Upper secondary"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Daytime care for people who cannot be fully independent, such as children or elderly people."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A pre-school is an educational establishment offering early childhood education to children before they begin compulsory education at primary school."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Upper secondary school studies last three to four years, preparing the students for the matriculation examination."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A high-level educational institution in which students study for degrees and academic research is done."})]})},Small=function Small(){return(0,jsx_runtime.jsxs)(Tabs,{small:!0,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Daycare"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Pre-school"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Upper secondary"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Daytime care for people who cannot be fully independent, such as children or elderly people."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A pre-school is an educational establishment offering early childhood education to children before they begin compulsory education at primary school."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Upper secondary school studies last three to four years, preparing the students for the matriculation examination."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A high-level educational institution in which students study for degrees and academic research is done."})]})},WithCustomTheme=function WithCustomTheme(){return(0,jsx_runtime.jsxs)(Tabs,{theme:{"--tab-color":"var(--color-black-90)","--tab-active-border-color":"var(--color-metro)"},children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Daycare"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Pre-school"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Upper secondary"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Daytime care for people who cannot be fully independent, such as children or elderly people."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A pre-school is an educational establishment offering early childhood education to children before they begin compulsory education at primary school."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Upper secondary school studies last three to four years, preparing the students for the matriculation examination."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A high-level educational institution in which students study for degrees and academic research is done."})]})},WithCustomOnClickAction=function WithCustomOnClickAction(){var _React$useState=react.useState(!1),_React$useState2=(0,slicedToArray.Z)(_React$useState,2),isLoading=_React$useState2[0],setIsLoading=_React$useState2[1],content_education="Daytime care for people who cannot be fully independent, such as children or elderly people.",content_university="The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society.",LoadingIndicator=function LoadingIndicator(){return(0,jsx_runtime.jsxs)("div",{style:{alignItems:"center",display:"flex",gap:"1rem"},children:[(0,jsx_runtime.jsx)(LoadingSpinner.T,{loadingText:"Tab content is loading",loadingFinishedText:"The tab content loading was finished",small:!0}),(0,jsx_runtime.jsx)("span",{children:"Tab content is loading"})]})},mockLoading=function mockLoading(){setIsLoading(!0),setTimeout((function(){setIsLoading(!1)}),500)},onTabClick=function onTabClick(){mockLoading()};return react.useEffect((function(){mockLoading()}),[]),(0,jsx_runtime.jsxs)(Tabs,{initiallyActiveTab:0,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{onClick:function onClick(){return onTabClick()},children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{onClick:function onClick(){return onTabClick()},children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:isLoading?(0,jsx_runtime.jsx)(LoadingIndicator,{}):content_education}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:isLoading?(0,jsx_runtime.jsx)(LoadingIndicator,{}):content_university})]})};WithCustomOnClickAction.parameters={loki:{skip:!0}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n \n Daycare\n Pre-school\n Basic education\n Upper secondary\n University\n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n)'}},Default.parameters),Small.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n \n Daycare\n Pre-school\n Basic education\n Upper secondary\n University\n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n)'}},Small.parameters),WithCustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {\n const theme = {\n '--tab-color': 'var(--color-black-90)',\n '--tab-active-border-color': 'var(--color-metro)',\n };\n\n return (\n \n \n Daycare\n Pre-school\n Basic education\n Upper secondary\n University\n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation\n examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n );\n}"}},WithCustomTheme.parameters),WithCustomOnClickAction.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {\n const [isLoading, setIsLoading] = React.useState(false);\n const content = {\n education: 'Daytime care for people who cannot be fully independent, such as children or elderly people.',\n university:\n 'The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society.',\n };\n\n const LoadingIndicator = () => (\n
\n \n Tab content is loading\n
\n );\n\n const mockLoading = () => {\n setIsLoading(true);\n setTimeout(() => {\n setIsLoading(false);\n }, 500);\n };\n\n const onTabClick = () => {\n mockLoading();\n };\n\n React.useEffect(() => {\n mockLoading();\n }, []);\n\n return (\n \n \n onTabClick()}>Basic education\n onTabClick()}>University\n \n {isLoading ? : content.education}\n {isLoading ? : content.university}\n \n );\n}"}},WithCustomOnClickAction.parameters)},"./src/components/tag/Tag.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ClickableTag:()=>ClickableTag,CustomTheme:()=>CustomTheme,Default:()=>Default,DeletableTag:()=>DeletableTag,LargeRoundedDeletableTag:()=>LargeRoundedDeletableTag,RoundedDeletableTag:()=>RoundedDeletableTag,RoundedTag:()=>RoundedTag,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js")),_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tag/Tag.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Tag__WEBPACK_IMPORTED_MODULE_3__.Vp,title:"Components/Tag",parameters:{storySource:{source:"import React from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { Tag, RoundedTag as RoundedTagComponent, LargeRoundedTag } from './Tag';\n\nexport default {\n component: Tag,\n title: 'Components/Tag',\n parameters: {\n controls: { expanded: true },\n },\n args: {\n children: 'Americum',\n },\n};\n\nexport const Default = (args) => ;\n\nexport const ClickableTag = (args) => (\n <>\n action(`Click: ${args.children}`)()}>\n {args.children}\n \n action(`Click: ${args.children}`)()}\n >\n {args.children}\n \n \n);\n\nexport const DeletableTag = (args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n};\n\nexport const CustomTheme = (args) => (\n action(`Click: ${args.children}`)()}>\n {args.children}\n \n);\n\nCustomTheme.args = {\n theme: {\n '--tag-background': 'var(--color-engel)',\n '--tag-color': 'var(--color-black-90)',\n '--tag-focus-outline-color': 'var(--color-black-90)',\n },\n};\n\nexport const RoundedTag = (args) => ;\n\nexport const RoundedDeletableTag = (args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n};\n\nexport const LargeRoundedDeletableTag = (args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n};\n",locationsMap:{default:{startLoc:{col:23,line:17},endLoc:{col:50,line:17},startBody:{col:23,line:17},endBody:{col:50,line:17}},"clickable-tag":{startLoc:{col:28,line:19},endLoc:{col:1,line:35},startBody:{col:28,line:19},endBody:{col:1,line:35}},"deletable-tag":{startLoc:{col:28,line:37},endLoc:{col:1,line:48},startBody:{col:28,line:37},endBody:{col:1,line:48}},"custom-theme":{startLoc:{col:27,line:50},endLoc:{col:1,line:54},startBody:{col:27,line:50},endBody:{col:1,line:54}},"rounded-tag":{startLoc:{col:26,line:64},endLoc:{col:69,line:64},startBody:{col:26,line:64},endBody:{col:69,line:64}},"rounded-deletable-tag":{startLoc:{col:35,line:66},endLoc:{col:1,line:77},startBody:{col:35,line:66},endBody:{col:1,line:77}},"large-rounded-deletable-tag":{startLoc:{col:40,line:79},endLoc:{col:1,line:89},startBody:{col:40,line:79},endBody:{col:1,line:89}}}},controls:{expanded:!0}},args:{children:"Americum"}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Vp,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))},ClickableTag=function ClickableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Vp,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{label:"Link",role:"link",id:"link",onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Click: ".concat(args.children))()},children:args.children})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Vp,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{label:"Button",role:"button",id:"button",style:{marginLeft:"var(--spacing-s)"},onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Click: ".concat(args.children))()},children:args.children}))]})},DeletableTag=function DeletableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Vp,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{deleteButtonAriaLabel:"Delete item: ".concat(args.children),srOnlyLabel:!0,onDelete:function onDelete(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Delete item: ".concat(args.children))()},children:args.children}))},CustomTheme=function CustomTheme(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Vp,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Click: ".concat(args.children))()},children:args.children}))};CustomTheme.args={theme:{"--tag-background":"var(--color-engel)","--tag-color":"var(--color-black-90)","--tag-focus-outline-color":"var(--color-black-90)"}};var RoundedTag=function RoundedTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Wm,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))},RoundedDeletableTag=function RoundedDeletableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Wm,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{deleteButtonAriaLabel:"Delete item: ".concat(args.children),srOnlyLabel:!0,onDelete:function onDelete(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Delete item: ".concat(args.children))()},children:args.children}))},LargeRoundedDeletableTag=function LargeRoundedDeletableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Ko,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{deleteButtonAriaLabel:"Delete item",onDelete:function onDelete(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Delete item: ".concat(args.children))()},children:args.children}))};Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},Default.parameters),ClickableTag.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'(args) => (\n <>\n action(`Click: ${args.children}`)()}>\n {args.children}\n \n action(`Click: ${args.children}`)()}\n >\n {args.children}\n \n \n)'}},ClickableTag.parameters),DeletableTag.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n}"}},DeletableTag.parameters),CustomTheme.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => (\n action(`Click: ${args.children}`)()}>\n {args.children}\n \n)"}},CustomTheme.parameters),RoundedTag.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => "}},RoundedTag.parameters),RoundedDeletableTag.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n}"}},RoundedDeletableTag.parameters),LargeRoundedDeletableTag.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'(args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n}'}},LargeRoundedDeletableTag.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/tag/Tag.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{ClickableTag.displayName="ClickableTag",ClickableTag.__docgenInfo={description:"",displayName:"ClickableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#ClickableTag"]={docgenInfo:ClickableTag.__docgenInfo,name:"ClickableTag",path:"src/components/tag/Tag.stories.tsx#ClickableTag"})}catch(__react_docgen_typescript_loader_error){}try{DeletableTag.displayName="DeletableTag",DeletableTag.__docgenInfo={description:"",displayName:"DeletableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#DeletableTag"]={docgenInfo:DeletableTag.__docgenInfo,name:"DeletableTag",path:"src/components/tag/Tag.stories.tsx#DeletableTag"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/tag/Tag.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{RoundedTag.displayName="RoundedTag",RoundedTag.__docgenInfo={description:"",displayName:"RoundedTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#RoundedTag"]={docgenInfo:RoundedTag.__docgenInfo,name:"RoundedTag",path:"src/components/tag/Tag.stories.tsx#RoundedTag"})}catch(__react_docgen_typescript_loader_error){}try{RoundedDeletableTag.displayName="RoundedDeletableTag",RoundedDeletableTag.__docgenInfo={description:"",displayName:"RoundedDeletableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#RoundedDeletableTag"]={docgenInfo:RoundedDeletableTag.__docgenInfo,name:"RoundedDeletableTag",path:"src/components/tag/Tag.stories.tsx#RoundedDeletableTag"})}catch(__react_docgen_typescript_loader_error){}try{LargeRoundedDeletableTag.displayName="LargeRoundedDeletableTag",LargeRoundedDeletableTag.__docgenInfo={description:"",displayName:"LargeRoundedDeletableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#LargeRoundedDeletableTag"]={docgenInfo:LargeRoundedDeletableTag.__docgenInfo,name:"LargeRoundedDeletableTag",path:"src/components/tag/Tag.stories.tsx#LargeRoundedDeletableTag"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/textInput/TextInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Info:()=>Info,Invalid:()=>Invalid,NumberInput:()=>NumberInput,Playground:()=>Playground,ReadOnly:()=>ReadOnly,Success:()=>Success,UsingRef:()=>UsingRef,WithLabelHidden:()=>WithLabelHidden,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_TextInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/textInput/TextInput.tsx"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),textInputProps={helperText:"Assistive text",id:"hdsInput",label:"Label",placeholder:"Placeholder"};const __WEBPACK_DEFAULT_EXPORT__={component:_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,title:"Components/TextInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useRef } from 'react';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { TextInput } from './TextInput';\nimport { Button } from '../button';\n\nconst textInputProps = {\n helperText: 'Assistive text',\n id: 'hdsInput',\n label: 'Label',\n placeholder: 'Placeholder',\n};\n\nexport default {\n component: TextInput,\n title: 'Components/TextInput',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props\n \n \n \n ),\n },\n },\n};\n\nexport const Default = () => ;\n\nexport const ReadOnly = () => ;\nReadOnly.storyName = 'Read-only';\n\nexport const Disabled = () => ;\n\nexport const Invalid = () => ;\n\nexport const Success = () => ;\n\nexport const Info = () => ;\n\nexport const WithLabelHidden = () => ;\nWithLabelHidden.storyName = 'With label hidden';\n\nexport const WithTooltip = () => (\n \n);\nWithTooltip.storyName = 'With tooltip';\n\nexport const NumberInput = () => ;\n\nexport const UsingRef = () => {\n const ref = useRef(null);\n\n return (\n <>\n \n \n \n );\n};\nUsingRef.storyName = 'Using ref';\n\nexport const Playground = (args) => (\n \n);\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n ...textInputProps,\n type: 'text',\n disabled: false,\n required: false,\n readOnly: false,\n invalid: false,\n errorText: undefined,\n hideLabel: false,\n tooltipAriaLabel: 'Tooltip',\n tooltipText:\n 'Tooltips contain \"nice to have\" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.',\n tooltipButtonAriaLabelText: 'Tooltip',\n};\n",locationsMap:{default:{startLoc:{col:23,line:32},endLoc:{col:62,line:32},startBody:{col:23,line:32},endBody:{col:62,line:32}},"read-only":{startLoc:{col:24,line:34},endLoc:{col:104,line:34},startBody:{col:24,line:34},endBody:{col:104,line:34}},disabled:{startLoc:{col:24,line:37},endLoc:{col:104,line:37},startBody:{col:24,line:37},endBody:{col:104,line:37}},invalid:{startLoc:{col:23,line:39},endLoc:{col:93,line:39},startBody:{col:23,line:39},endBody:{col:93,line:39}},success:{startLoc:{col:23,line:41},endLoc:{col:89,line:41},startBody:{col:23,line:41},endBody:{col:89,line:41}},info:{startLoc:{col:20,line:43},endLoc:{col:80,line:43},startBody:{col:20,line:43},endBody:{col:80,line:43}},"with-label-hidden":{startLoc:{col:31,line:45},endLoc:{col:80,line:45},startBody:{col:31,line:45},endBody:{col:80,line:45}},"with-tooltip":{startLoc:{col:27,line:48},endLoc:{col:1,line:55},startBody:{col:27,line:48},endBody:{col:1,line:55}},"number-input":{startLoc:{col:27,line:58},endLoc:{col:80,line:58},startBody:{col:27,line:58},endBody:{col:80,line:58}},"using-ref":{startLoc:{col:24,line:60},endLoc:{col:1,line:71},startBody:{col:24,line:60},endBody:{col:1,line:71}},playground:{startLoc:{col:26,line:74},endLoc:{col:1,line:91},startBody:{col:26,line:74},endBody:{col:1,line:91}}}},controls:{hideNoControlsWarning:!0},docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Examples",includePrimary:!0})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps))},ReadOnly=function ReadOnly(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{readOnly:!0,defaultValue:"Text input value"}))};ReadOnly.storyName="Read-only";var Disabled=function Disabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{disabled:!0,defaultValue:"Text input value"}))},Invalid=function Invalid(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{invalid:!0,errorText:"Error text"}))},Success=function Success(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{successText:"Success text"}))},Info=function Info(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{infoText:"Info text"}))},WithLabelHidden=function WithLabelHidden(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{hideLabel:!0}))};WithLabelHidden.storyName="With label hidden";var WithTooltip=function WithTooltip(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{tooltipLabel:"Tooltip",tooltipButtonLabel:"Tooltip",tooltipText:'Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.'}))};WithTooltip.storyName="With tooltip";var NumberInput=function NumberInput(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{type:"number"}))},UsingRef=function UsingRef(){var ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{onClick:function onClick(){var _ref$current;return null==ref||null===(_ref$current=ref.current)||void 0===_ref$current?void 0:_ref$current.focus()},style:{marginBottom:"1rem"},theme:"black",size:"small",children:"Focus input"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{ref}))]})};UsingRef.storyName="Using ref";var Playground=function Playground(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,{id:args.id,label:args.label,helperText:args.helperText,placeholder:args.placeholder,readOnly:args.readOnly,type:args.type,disabled:args.disabled,invalid:args.invalid,errorText:args.errorText,hideLabel:args.hideLabel,required:args.required,tooltipLabel:args.tooltipLabel,tooltipText:args.tooltipText,tooltipButtonLabel:args.tooltipButtonAriaLabelText})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},textInputProps),{},{type:"text",disabled:!1,required:!1,readOnly:!1,invalid:!1,errorText:void 0,hideLabel:!1,tooltipAriaLabel:"Tooltip",tooltipText:'Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.',tooltipButtonAriaLabelText:"Tooltip"}),Default.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => "}},Default.parameters),ReadOnly.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},ReadOnly.parameters),Disabled.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Disabled.parameters),Invalid.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Invalid.parameters),Success.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Success.parameters),Info.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},Info.parameters),WithLabelHidden.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"() => "}},WithLabelHidden.parameters),WithTooltip.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => (\n \n)'}},WithTooltip.parameters),NumberInput.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => '}},NumberInput.parameters),UsingRef.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'() => {\n const ref = useRef(null);\n\n return (\n <>\n \n \n \n );\n}'}},UsingRef.parameters),Playground.parameters=(0,_Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => (\n \n)"}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/textInput/TextInput.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/textInput/TextInput.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/textarea/TextArea.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Info:()=>Info,Invalid:()=>Invalid,Playground:()=>Playground,Success:()=>Success,WithLabelHidden:()=>WithLabelHidden,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_minsalon_hel_works_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js")),_TextArea__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/textarea/TextArea.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),textAreaProps={helperText:"Assistive text",id:"textArea",label:"Label",placeholder:"Placeholder"},value="Lorem ipsum dolor sit amet, consectetur adipiscing elit.";const __WEBPACK_DEFAULT_EXPORT__={component:_TextArea__WEBPACK_IMPORTED_MODULE_3__.K,title:"Components/TextArea",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { TextArea } from './TextArea';\n\nconst textAreaProps = {\n helperText: 'Assistive text',\n id: 'textArea',\n label: 'Label',\n placeholder: 'Placeholder',\n};\nconst value = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';\n\nexport default {\n component: TextArea,\n title: 'Components/TextArea',\n decorators: [(storyFn) =>
{storyFn()}
],\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props\n \n \n \n ),\n },\n },\n};\n\nexport const Default = () =>