From 0b19a53f7ccdd9bcdc6c233bc83a91c56d571faf Mon Sep 17 00:00:00 2001 From: DarioSacco Date: Thu, 5 Dec 2024 11:44:28 +0000 Subject: [PATCH] deploy: a28725fb5832c6bb11a80ca966aa6470764737ff --- ...6HU-CqIwXg4K.js => Color-ERTF36HU-BoNIMMwq.js} | 2 +- ...FHf1C.js => DocsRenderer-CFRXHY34-B5hEuSFg.js} | 4 ++-- assets/{iframe-r3PixKGN.js => iframe-QbsVIPGS.js} | 4 ++-- assets/{index-ALDeIT9F.js => index--Yu29U5D.js} | 2 +- assets/{index-CVMFEM3F.js => index-6DVFO8oc.js} | 2 +- assets/{index-DivY1Iz1.js => index-BAB2SjQc.js} | 2 +- assets/{index-D6yt723T.js => index-BAtxMdpG.js} | 2 +- assets/{index-D5SXTw8i.js => index-BIo1aSLD.js} | 2 +- assets/{index-yb5XMoyl.js => index-BM_PXX1V.js} | 2 +- assets/{index-LFEDVmH0.js => index-BW87BpV5.js} | 2 +- assets/{index-C_hIzJtt.js => index-C6fMNya5.js} | 2 +- assets/{index-C7Mt38_S.js => index-C87dib6e.js} | 2 +- assets/{index-hkZtMIom.js => index-C8ELqjGG.js} | 2 +- assets/{index-DruWvhJj.js => index-CA3-KGCF.js} | 2 +- assets/{index-BZb0Tuow.js => index-CIjuTFzs.js} | 2 +- assets/{index-BAXVqPNL.js => index-CLKrh224.js} | 2 +- assets/index-CNg4g8Xs.js | 2 -- assets/{index-bxyKyI9_.js => index-CNp1b5G2.js} | 2 +- assets/index-CQQa57J8.js | 2 ++ assets/{index-D8iOPejD.js => index-Cqh0jnJE.js} | 2 +- assets/{index-H9Z8g9U7.js => index-Cx8NGDXN.js} | 2 +- assets/{index-Dn9nMjiz.js => index-DPiibGsR.js} | 2 +- assets/{index-CCygeDXd.js => index-DfgYS_QL.js} | 2 +- assets/{index-BacGGHTY.js => index-DjmSoT86.js} | 2 +- assets/{index-DEBjj2B6.js => index-Dm9AUBil.js} | 8 ++++---- assets/{index-Dxzh7CyF.js => index-Jm2ipWMa.js} | 2 +- assets/{index-CVRBhaZR.js => index-SGHLPHNW.js} | 2 +- assets/{index-C6xfamXG.js => index-mMUaFhME.js} | 2 +- assets/{index-D5yyLIFc.js => index-rg8CTdVm.js} | 4 ++-- ...ries-CTEcBlTG.js => index.stories-6z1QvSRU.js} | 2 +- ...ries-D1G6CWmI.js => index.stories-BLFyURyt.js} | 2 +- ...ries-_uU_Lhmb.js => index.stories-BP9iaJbL.js} | 2 +- ...ries-tDnPZrGP.js => index.stories-BTJ5YnlE.js} | 2 +- ...ries-BmaN0fFW.js => index.stories-BTcEy4fX.js} | 2 +- ...ries-CX3NWcN4.js => index.stories-BWkA9jzR.js} | 4 ++-- ...ries-CgC4d1Tp.js => index.stories-B_whxx3S.js} | 2 +- ...ries-OVyIy3by.js => index.stories-BcrCslwU.js} | 2 +- ...ries-CJAxXiCZ.js => index.stories-Bk1vv3Qn.js} | 2 +- ...ries-DRqEWKYu.js => index.stories-BsXhDul2.js} | 2 +- ...ries-mYsD0HJO.js => index.stories-ByBVW8hR.js} | 2 +- ...ries-dg64RGot.js => index.stories-C9fXl9q_.js} | 2 +- ...ries-D1VK1-3s.js => index.stories-CAc1QLTR.js} | 2 +- assets/index.stories-CCYqfSTM.js | 15 +++++++++++++++ ...ries-AVgNOT4g.js => index.stories-CDrApO10.js} | 6 +++--- ...ries-BByvrIlJ.js => index.stories-CEPQJwFK.js} | 2 +- ...ries-ByJdgEyw.js => index.stories-CEvfWquo.js} | 2 +- ...ries-CFst0eKV.js => index.stories-CKFRTbOD.js} | 2 +- ...ries-sO1Ay4pl.js => index.stories-CLa6sCdO.js} | 2 +- ...ries-J-juZua7.js => index.stories-CS2knboF.js} | 2 +- ...ries-9ejV-TR3.js => index.stories-CSJPe1F6.js} | 2 +- ...ries-C3-xosyo.js => index.stories-CUXO1mon.js} | 2 +- ...ries-Df9caeIM.js => index.stories-C_wrAWpU.js} | 6 +++--- ...ries-DejhB_sg.js => index.stories-Ck5QUf80.js} | 4 ++-- ...ries-CAAFU7P4.js => index.stories-D1O0WjnF.js} | 2 +- ...ries-Biu5_BMK.js => index.stories-D2PHUWJU.js} | 2 +- ...ries-ZOZRxOzh.js => index.stories-D2QeD7sH.js} | 2 +- ...ries-DK1vLU_l.js => index.stories-D3M5Sixz.js} | 2 +- ...ries-DqTvCteb.js => index.stories-D6AEbbTT.js} | 2 +- ...ries-ChED6c-f.js => index.stories-D9NXTGlq.js} | 2 +- ...ries-DLxMTtG2.js => index.stories-DGFz0p-a.js} | 2 +- ...ries-Dd8YjwDJ.js => index.stories-DJnLmpYC.js} | 2 +- ...ries-fTxsSpXc.js => index.stories-DYp384mj.js} | 2 +- ...ries-Byhqlk4M.js => index.stories-D_5kkdXd.js} | 2 +- ...ries-BHqr_tEv.js => index.stories-D_8pViuW.js} | 2 +- ...ries-CSjPXEYl.js => index.stories-DanaJ5nC.js} | 2 +- ...ries-ZYISg8T_.js => index.stories-Dbc7ebsb.js} | 2 +- ...ries-C9ofkKw8.js => index.stories-Di58fHb1.js} | 2 +- ...ries-CMEFpL34.js => index.stories-Di8PFE9x.js} | 6 +++--- ...ries-CGKB5LNe.js => index.stories-DsO545ms.js} | 6 +++--- ...ries-BvgS9ng4.js => index.stories-DtKrromD.js} | 2 +- ...ries-C4gEACXB.js => index.stories-DtiLEqvP.js} | 2 +- ...ries-Bz35FQjF.js => index.stories-DyGL48oS.js} | 2 +- ...ries-CunlXEBR.js => index.stories-Z3LJ17Ii.js} | 2 +- ...ries-CS5-NgHG.js => index.stories-jll7ScpB.js} | 2 +- assets/index.stories-mTNVZfOP.js | 15 --------------- ...ries-DHGAkinp.js => index.stories-v6Jb_m2f.js} | 2 +- ...ries-Byyft13a.js => index.stories-veCrWGyY.js} | 2 +- ...ries-BHm_eFOr.js => index.stories-xirpTSts.js} | 2 +- ...ries-D2rehwPy.js => index.stories-xmv7zoXe.js} | 2 +- ...igration-Cl4-4sJv.js => migration-CxIf9jzQ.js} | 2 +- .../{preview-IGc6dpKx.js => preview-COXcn8Uv.js} | 2 +- ...{preview-Dl7QDFbB.css => preview-H_G7uJCR.css} | 2 +- .../{preview-DTLtKyOZ.js => preview-r-iovu_V.js} | 4 ++-- iframe.html | 2 +- project.json | 2 +- 85 files changed, 115 insertions(+), 115 deletions(-) rename assets/{Color-ERTF36HU-CqIwXg4K.js => Color-ERTF36HU-BoNIMMwq.js} (99%) rename assets/{DocsRenderer-CFRXHY34-DLbFHf1C.js => DocsRenderer-CFRXHY34-B5hEuSFg.js} (84%) rename assets/{iframe-r3PixKGN.js => iframe-QbsVIPGS.js} (65%) rename assets/{index-ALDeIT9F.js => index--Yu29U5D.js} (89%) rename assets/{index-CVMFEM3F.js => index-6DVFO8oc.js} (85%) rename assets/{index-DivY1Iz1.js => index-BAB2SjQc.js} (86%) rename assets/{index-D6yt723T.js => index-BAtxMdpG.js} (99%) rename assets/{index-D5SXTw8i.js => index-BIo1aSLD.js} (93%) rename assets/{index-yb5XMoyl.js => index-BM_PXX1V.js} (86%) rename assets/{index-LFEDVmH0.js => index-BW87BpV5.js} (82%) rename assets/{index-C_hIzJtt.js => index-C6fMNya5.js} (91%) rename assets/{index-C7Mt38_S.js => index-C87dib6e.js} (75%) rename assets/{index-hkZtMIom.js => index-C8ELqjGG.js} (89%) rename assets/{index-DruWvhJj.js => index-CA3-KGCF.js} (93%) rename assets/{index-BZb0Tuow.js => index-CIjuTFzs.js} (83%) rename assets/{index-BAXVqPNL.js => index-CLKrh224.js} (98%) delete mode 100644 assets/index-CNg4g8Xs.js rename assets/{index-bxyKyI9_.js => index-CNp1b5G2.js} (99%) create mode 100644 assets/index-CQQa57J8.js rename assets/{index-D8iOPejD.js => index-Cqh0jnJE.js} (99%) rename assets/{index-H9Z8g9U7.js => index-Cx8NGDXN.js} (97%) rename assets/{index-Dn9nMjiz.js => index-DPiibGsR.js} (88%) rename assets/{index-CCygeDXd.js => index-DfgYS_QL.js} (53%) rename assets/{index-BacGGHTY.js => index-DjmSoT86.js} (98%) rename assets/{index-DEBjj2B6.js => index-Dm9AUBil.js} (99%) rename assets/{index-Dxzh7CyF.js => index-Jm2ipWMa.js} (84%) rename assets/{index-CVRBhaZR.js => index-SGHLPHNW.js} (99%) rename assets/{index-C6xfamXG.js => index-mMUaFhME.js} (96%) rename assets/{index-D5yyLIFc.js => index-rg8CTdVm.js} (99%) rename assets/{index.stories-CTEcBlTG.js => index.stories-6z1QvSRU.js} (99%) rename assets/{index.stories-D1G6CWmI.js => index.stories-BLFyURyt.js} (97%) rename assets/{index.stories-_uU_Lhmb.js => index.stories-BP9iaJbL.js} (92%) rename assets/{index.stories-tDnPZrGP.js => index.stories-BTJ5YnlE.js} (99%) rename assets/{index.stories-BmaN0fFW.js => index.stories-BTcEy4fX.js} (97%) rename assets/{index.stories-CX3NWcN4.js => index.stories-BWkA9jzR.js} (93%) rename assets/{index.stories-CgC4d1Tp.js => index.stories-B_whxx3S.js} (96%) rename assets/{index.stories-OVyIy3by.js => index.stories-BcrCslwU.js} (98%) rename assets/{index.stories-CJAxXiCZ.js => index.stories-Bk1vv3Qn.js} (97%) rename assets/{index.stories-DRqEWKYu.js => index.stories-BsXhDul2.js} (98%) rename assets/{index.stories-mYsD0HJO.js => index.stories-ByBVW8hR.js} (99%) rename assets/{index.stories-dg64RGot.js => index.stories-C9fXl9q_.js} (96%) rename assets/{index.stories-D1VK1-3s.js => index.stories-CAc1QLTR.js} (96%) create mode 100644 assets/index.stories-CCYqfSTM.js rename assets/{index.stories-AVgNOT4g.js => index.stories-CDrApO10.js} (90%) rename assets/{index.stories-BByvrIlJ.js => index.stories-CEPQJwFK.js} (98%) rename assets/{index.stories-ByJdgEyw.js => index.stories-CEvfWquo.js} (99%) rename assets/{index.stories-CFst0eKV.js => index.stories-CKFRTbOD.js} (95%) rename assets/{index.stories-sO1Ay4pl.js => index.stories-CLa6sCdO.js} (95%) rename assets/{index.stories-J-juZua7.js => index.stories-CS2knboF.js} (97%) rename assets/{index.stories-9ejV-TR3.js => index.stories-CSJPe1F6.js} (74%) rename assets/{index.stories-C3-xosyo.js => index.stories-CUXO1mon.js} (96%) rename assets/{index.stories-Df9caeIM.js => index.stories-C_wrAWpU.js} (84%) rename assets/{index.stories-DejhB_sg.js => index.stories-Ck5QUf80.js} (98%) rename assets/{index.stories-CAAFU7P4.js => index.stories-D1O0WjnF.js} (94%) rename assets/{index.stories-Biu5_BMK.js => index.stories-D2PHUWJU.js} (94%) rename assets/{index.stories-ZOZRxOzh.js => index.stories-D2QeD7sH.js} (97%) rename assets/{index.stories-DK1vLU_l.js => index.stories-D3M5Sixz.js} (95%) rename assets/{index.stories-DqTvCteb.js => index.stories-D6AEbbTT.js} (99%) rename assets/{index.stories-ChED6c-f.js => index.stories-D9NXTGlq.js} (93%) rename assets/{index.stories-DLxMTtG2.js => index.stories-DGFz0p-a.js} (98%) rename assets/{index.stories-Dd8YjwDJ.js => index.stories-DJnLmpYC.js} (94%) rename assets/{index.stories-fTxsSpXc.js => index.stories-DYp384mj.js} (94%) rename assets/{index.stories-Byhqlk4M.js => index.stories-D_5kkdXd.js} (98%) rename assets/{index.stories-BHqr_tEv.js => index.stories-D_8pViuW.js} (98%) rename assets/{index.stories-CSjPXEYl.js => index.stories-DanaJ5nC.js} (97%) rename assets/{index.stories-ZYISg8T_.js => index.stories-Dbc7ebsb.js} (98%) rename assets/{index.stories-C9ofkKw8.js => index.stories-Di58fHb1.js} (97%) rename assets/{index.stories-CMEFpL34.js => index.stories-Di8PFE9x.js} (94%) rename assets/{index.stories-CGKB5LNe.js => index.stories-DsO545ms.js} (96%) rename assets/{index.stories-BvgS9ng4.js => index.stories-DtKrromD.js} (99%) rename assets/{index.stories-C4gEACXB.js => index.stories-DtiLEqvP.js} (95%) rename assets/{index.stories-Bz35FQjF.js => index.stories-DyGL48oS.js} (98%) rename assets/{index.stories-CunlXEBR.js => index.stories-Z3LJ17Ii.js} (95%) rename assets/{index.stories-CS5-NgHG.js => index.stories-jll7ScpB.js} (97%) delete mode 100644 assets/index.stories-mTNVZfOP.js rename assets/{index.stories-DHGAkinp.js => index.stories-v6Jb_m2f.js} (92%) rename assets/{index.stories-Byyft13a.js => index.stories-veCrWGyY.js} (94%) rename assets/{index.stories-BHm_eFOr.js => index.stories-xirpTSts.js} (93%) rename assets/{index.stories-D2rehwPy.js => index.stories-xmv7zoXe.js} (96%) rename assets/{migration-Cl4-4sJv.js => migration-CxIf9jzQ.js} (99%) rename assets/{preview-IGc6dpKx.js => preview-COXcn8Uv.js} (99%) rename assets/{preview-Dl7QDFbB.css => preview-H_G7uJCR.css} (93%) rename assets/{preview-DTLtKyOZ.js => preview-r-iovu_V.js} (67%) diff --git a/assets/Color-ERTF36HU-CqIwXg4K.js b/assets/Color-ERTF36HU-BoNIMMwq.js similarity index 99% rename from assets/Color-ERTF36HU-CqIwXg4K.js rename to assets/Color-ERTF36HU-BoNIMMwq.js index 92b455475..23bd7f367 100644 --- a/assets/Color-ERTF36HU-CqIwXg4K.js +++ b/assets/Color-ERTF36HU-BoNIMMwq.js @@ -1 +1 @@ -import{at as Me,au as ie,av as Ce,ae as h,aj as b,aw as $,a2 as ue,a0 as $e,x as Ie,ax as Oe,ay as Ne}from"./index-DEBjj2B6.js";import{g as fe}from"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-r3PixKGN.js";import"../sb-preview/runtime.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";var Se={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]};const F=Se,he={};for(const e of Object.keys(F))he[F[e]]=e;const u={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"]}};var de=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Re(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=he[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Re(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=de;function je(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function Be(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{N[e]={},Object.defineProperty(N[e],"channels",{value:K[e].channels}),Object.defineProperty(N[e],"labels",{value:K[e].labels});const t=Pe(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=Be(o),N[e][r].raw=qe(o)})});var Xe=N;const _=fe(Xe);var De=Me,We=function(){return De.Date.now()},Ke=We,Ve=/\s/;function Ae(e){for(var t=e.length;t--&&Ve.test(e.charAt(t)););return t}var Ge=Ae,Ue=Ge,Ye=/^\s+/;function Je(e){return e&&e.slice(0,Ue(e)+1).replace(Ye,"")}var Qe=Je,Ze=Qe,te=ie,et=Ce,ne=NaN,tt=/^[-+]0x[0-9a-f]+$/i,nt=/^0b[01]+$/i,rt=/^0o[0-7]+$/i,ot=parseInt;function at(e){if(typeof e=="number")return e;if(et(e))return ne;if(te(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=te(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var n=nt.test(e);return n||rt.test(e)?ot(e.slice(2),n?2:8):tt.test(e)?ne:+e}var st=at,lt=ie,W=Ke,re=st,ct="Expected a function",it=Math.max,ut=Math.min;function ft(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError(ct);t=re(t)||0,lt(n)&&(d=!!n.leading,f="maxWait"in n,a=f?it(re(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(m,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?ut(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function m(){var v=W();if(p(v))return w(v);l=setTimeout(m,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function I(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(m,t),x(c)}return l===void 0&&(l=setTimeout(m,t)),s}return I.cancel=E,I.flush=k,I}var ht=ft;const dt=fe(ht);function O(){return(O=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function V(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(oe(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var m=c.current,w=A(o.current),E=p?w.addEventListener:w.removeEventListener;E(m?"touchmove":"mousemove",x),E(m?"touchend":"mouseup",j)}return[function(p){var m=p.nativeEvent,w=o.current;if(w&&(ae(m),!function(k,I){return I&&!H(k)}(m,c.current)&&w)){if(H(m)){c.current=!0;var E=m.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(oe(w,m,l.current)),M(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return b.useEffect(function(){return g},[g]),h.createElement("div",O({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},gt={grad:.9,turn:360,rad:360/(2*Math.PI)},bt=function(e){return me(G(e))},G=function(e){return e[0]==="#"&&(e=e.substring(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:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},mt=function(e,t){return t===void 0&&(t="deg"),Number(e)*(gt[t]||1)},vt=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?pt({h:mt(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},pt=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},yt=function(e){return wt(be(e))},ge=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},U=function(e){var t=ge(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=ge(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},be=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},xt=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?me({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},wt=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},me=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},ve=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:U({h:t,s:100,v:100,a:1})})))}),pe=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:U({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:U(t)})))}),ye=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},xe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},kt=function(e,t){return e.toLowerCase()===t.toLowerCase()||ye(G(e),G(t))};function we(e,t,n){var r=V(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),b.useEffect(function(){var i;ye(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=b.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var _t=typeof window<"u"?b.useLayoutEffect:b.useEffect,Et=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},se=new Map,ke=function(e){_t(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!se.has(t)){var n=t.createElement("style");n.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}`,se.set(t,n);var r=Et();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Mt=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Ct={defaultColor:"000",toHsva:bt,fromHsva:function(e){return yt({h:e.h,s:e.s,v:e.v,a:1})},equal:kt},$t=function(e){return h.createElement(Mt,O({},e,{colorModel:Ct}))},It=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d}),h.createElement(It,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ot={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:vt,fromHsva:B,equal:xe},Nt=function(e){return h.createElement(_e,O({},e,{colorModel:Ot}))},St={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xt,fromHsva:function(e){var t=be(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:xe},Rt=function(e){return h.createElement(_e,O({},e,{colorModel:St}))},jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ht=$.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"}}),Ft=$($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:$t,rgb:Rt,hsl:Nt},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>S(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=b.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=b.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=b.useCallback(dt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),m=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ht,null,h.createElement(m,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,I)=>h.createElement(ue,{key:`${k.value}-${I}`,hasChrome:!1,tooltip:h.createElement(Ft,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},rn=Yt;export{Yt as ColorControl,rn as default}; +import{at as Me,au as ie,av as Ce,ae as h,aj as b,aw as $,a2 as ue,a0 as $e,x as Ie,ax as Oe,ay as Ne}from"./index-Dm9AUBil.js";import{g as fe}from"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-QbsVIPGS.js";import"../sb-preview/runtime.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";var Se={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]};const F=Se,he={};for(const e of Object.keys(F))he[F[e]]=e;const u={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"]}};var de=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Re(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=he[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Re(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=de;function je(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function Be(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{N[e]={},Object.defineProperty(N[e],"channels",{value:K[e].channels}),Object.defineProperty(N[e],"labels",{value:K[e].labels});const t=Pe(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=Be(o),N[e][r].raw=qe(o)})});var Xe=N;const _=fe(Xe);var De=Me,We=function(){return De.Date.now()},Ke=We,Ve=/\s/;function Ae(e){for(var t=e.length;t--&&Ve.test(e.charAt(t)););return t}var Ge=Ae,Ue=Ge,Ye=/^\s+/;function Je(e){return e&&e.slice(0,Ue(e)+1).replace(Ye,"")}var Qe=Je,Ze=Qe,te=ie,et=Ce,ne=NaN,tt=/^[-+]0x[0-9a-f]+$/i,nt=/^0b[01]+$/i,rt=/^0o[0-7]+$/i,ot=parseInt;function at(e){if(typeof e=="number")return e;if(et(e))return ne;if(te(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=te(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var n=nt.test(e);return n||rt.test(e)?ot(e.slice(2),n?2:8):tt.test(e)?ne:+e}var st=at,lt=ie,W=Ke,re=st,ct="Expected a function",it=Math.max,ut=Math.min;function ft(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError(ct);t=re(t)||0,lt(n)&&(d=!!n.leading,f="maxWait"in n,a=f?it(re(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(m,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?ut(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function m(){var v=W();if(p(v))return w(v);l=setTimeout(m,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function I(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(m,t),x(c)}return l===void 0&&(l=setTimeout(m,t)),s}return I.cancel=E,I.flush=k,I}var ht=ft;const dt=fe(ht);function O(){return(O=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function V(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(oe(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var m=c.current,w=A(o.current),E=p?w.addEventListener:w.removeEventListener;E(m?"touchmove":"mousemove",x),E(m?"touchend":"mouseup",j)}return[function(p){var m=p.nativeEvent,w=o.current;if(w&&(ae(m),!function(k,I){return I&&!H(k)}(m,c.current)&&w)){if(H(m)){c.current=!0;var E=m.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(oe(w,m,l.current)),M(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return b.useEffect(function(){return g},[g]),h.createElement("div",O({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},gt={grad:.9,turn:360,rad:360/(2*Math.PI)},bt=function(e){return me(G(e))},G=function(e){return e[0]==="#"&&(e=e.substring(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:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},mt=function(e,t){return t===void 0&&(t="deg"),Number(e)*(gt[t]||1)},vt=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?pt({h:mt(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},pt=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},yt=function(e){return wt(be(e))},ge=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},U=function(e){var t=ge(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=ge(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},be=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},xt=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?me({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},wt=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},me=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},ve=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:U({h:t,s:100,v:100,a:1})})))}),pe=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:U({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:U(t)})))}),ye=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},xe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},kt=function(e,t){return e.toLowerCase()===t.toLowerCase()||ye(G(e),G(t))};function we(e,t,n){var r=V(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),b.useEffect(function(){var i;ye(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=b.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var _t=typeof window<"u"?b.useLayoutEffect:b.useEffect,Et=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},se=new Map,ke=function(e){_t(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!se.has(t)){var n=t.createElement("style");n.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}`,se.set(t,n);var r=Et();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Mt=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Ct={defaultColor:"000",toHsva:bt,fromHsva:function(e){return yt({h:e.h,s:e.s,v:e.v,a:1})},equal:kt},$t=function(e){return h.createElement(Mt,O({},e,{colorModel:Ct}))},It=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d}),h.createElement(It,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ot={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:vt,fromHsva:B,equal:xe},Nt=function(e){return h.createElement(_e,O({},e,{colorModel:Ot}))},St={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xt,fromHsva:function(e){var t=be(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:xe},Rt=function(e){return h.createElement(_e,O({},e,{colorModel:St}))},jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ht=$.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"}}),Ft=$($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:$t,rgb:Rt,hsl:Nt},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>S(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=b.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=b.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=b.useCallback(dt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),m=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ht,null,h.createElement(m,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,I)=>h.createElement(ue,{key:`${k.value}-${I}`,hasChrome:!1,tooltip:h.createElement(Ft,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},rn=Yt;export{Yt as ColorControl,rn as default}; diff --git a/assets/DocsRenderer-CFRXHY34-DLbFHf1C.js b/assets/DocsRenderer-CFRXHY34-B5hEuSFg.js similarity index 84% rename from assets/DocsRenderer-CFRXHY34-DLbFHf1C.js rename to assets/DocsRenderer-CFRXHY34-B5hEuSFg.js index 5e6ea1039..fb7899e47 100644 --- a/assets/DocsRenderer-CFRXHY34-DLbFHf1C.js +++ b/assets/DocsRenderer-CFRXHY34-B5hEuSFg.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./index-CCygeDXd.js","./index-BZb0Tuow.js","./index-DEBjj2B6.js","./iframe-r3PixKGN.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BcT0yLYp.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as h}from"./iframe-r3PixKGN.js";import{ai as E,aj as s,ak as d,al as v,am as R,ae as n,an as w}from"./index-DEBjj2B6.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";var l,m=E;l=m.createRoot,m.hydrateRoot;var a=new Map;function _(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var x=async(e,t,r)=>{let o=await g(t,r);if(_()){o.render(e);return}let{promise:i,resolve:u}=Promise.withResolvers();return o.render(s.createElement(f,{callback:u},e)),i},y=(e,t)=>{let r=a.get(e);r&&(r.unmount(),a.delete(e))},g=async(e,t)=>{let r=a.get(e);return r||(r=l(e,t),a.set(e,r)),r},D={code:d,a:v,...R},C=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},P=class{constructor(){this.render=async(e,t,r)=>{let o={...D,...t==null?void 0:t.components},i=w;return new Promise((u,p)=>{h(async()=>{const{MDXProvider:c}=await import("./index-CCygeDXd.js");return{MDXProvider:c}},__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url).then(({MDXProvider:c})=>x(n.createElement(C,{showException:p,key:Math.random()},n.createElement(c,{components:o},n.createElement(i,{context:e,docsParameter:t}))),r)).then(()=>u())})},this.unmount=e=>{y(e)}}};export{P as DocsRenderer,D as defaultComponents}; +const __vite__fileDeps=["./index-DfgYS_QL.js","./index-CIjuTFzs.js","./index-Dm9AUBil.js","./iframe-QbsVIPGS.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BcT0yLYp.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as h}from"./iframe-QbsVIPGS.js";import{ai as E,aj as s,ak as d,al as v,am as R,ae as n,an as w}from"./index-Dm9AUBil.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";var l,m=E;l=m.createRoot,m.hydrateRoot;var a=new Map;function _(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var x=async(e,t,r)=>{let o=await g(t,r);if(_()){o.render(e);return}let{promise:i,resolve:u}=Promise.withResolvers();return o.render(s.createElement(f,{callback:u},e)),i},y=(e,t)=>{let r=a.get(e);r&&(r.unmount(),a.delete(e))},g=async(e,t)=>{let r=a.get(e);return r||(r=l(e,t),a.set(e,r)),r},D={code:d,a:v,...R},C=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},P=class{constructor(){this.render=async(e,t,r)=>{let o={...D,...t==null?void 0:t.components},i=w;return new Promise((u,p)=>{h(async()=>{const{MDXProvider:c}=await import("./index-DfgYS_QL.js");return{MDXProvider:c}},__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url).then(({MDXProvider:c})=>x(n.createElement(C,{showException:p,key:Math.random()},n.createElement(c,{components:o},n.createElement(i,{context:e,docsParameter:t}))),r)).then(()=>u())})},this.unmount=e=>{y(e)}}};export{P as DocsRenderer,D as defaultComponents}; diff --git a/assets/iframe-r3PixKGN.js b/assets/iframe-QbsVIPGS.js similarity index 65% rename from assets/iframe-r3PixKGN.js rename to assets/iframe-QbsVIPGS.js index 29a3a332f..e8bf838c6 100644 --- a/assets/iframe-r3PixKGN.js +++ b/assets/iframe-QbsVIPGS.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./index.stories-CsS-yt87.js","./lit-element-DGXdXVoE.js","./index-DPuMWQ_0.css","./index.stories-B-rGX-7e.js","./index-BZojyqD0.js","./index-BpZkdoDR.js","./chunk-L4EGOTBX-lo-pZyle.js","./entry-preview-Cx7Tr7Nx.js","./index-DrFu-skq.js","./index-BZ0rSFNp.js","./index-JHKFBkCx.js","./index-BdDepEmp.css","./migration-Cl4-4sJv.js","./index-DEBjj2B6.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BcT0yLYp.js","./index-BZb0Tuow.js","./index.stories-Biu5_BMK.js","./index-BAXVqPNL.js","./index-D5SXTw8i.js","./storybook-utils-DAVCxM-F.js","./index-CE9pa-D0.css","./index.stories-Brgmsc6l.js","./index-Dj7eJTl9.css","./index.stories-lo_SFbOj.js","./class-map-CUbHFwPI.js","./directive-CF8sV3Lr.js","./index-Cm7WW9aQ.css","./index.stories-pGHgS0ts.js","./index-CZKYqI-o.css","./index.stories-CgC4d1Tp.js","./index-Cw-PSUvi.js","./index-D5yyLIFc.js","./index-CVRBhaZR.js","./index-CVMFEM3F.js","./utils-CCzSlYCN.js","./breakpoints-p3CVLX0Q.js","./utils-CfiMcpfY.js","./index-dZ39rkB3.css","./index.stories-BByvrIlJ.js","./index.stories-CX3NWcN4.js","./index-DS2X8r-j.js","./index-yb5XMoyl.js","./index-H9Z8g9U7.js","./index-C7Mt38_S.js","./index-LFEDVmH0.js","./index-DruWvhJj.js","./index-hkZtMIom.js","./index-Dxzh7CyF.js","./index-n1ozjkq2.css","./index.stories-CJAxXiCZ.js","./index.stories-BHm_eFOr.js","./index.stories-ZYISg8T_.js","./index-CNg4g8Xs.js","./index.stories-9ejV-TR3.js","./index-D8iOPejD.js","./index-BBHu_Jce.js","./index.stories-D1VK1-3s.js","./index.stories-dg64RGot.js","./index.stories-Byhqlk4M.js","./index.stories-DejhB_sg.js","./repeat-Ci_psrk_.js","./style-map-DWZVjDvr.js","./index-BuoB97Qd.css","./index.stories-CTEcBlTG.js","./index.stories-KMVwkYwN.js","./index-Dxm2wJaT.css","./index.stories-DK1vLU_l.js","./index-BO1USmyR.js","./index-Ca_XgOza.js","./index-BuaKDQLm.css","./index.stories-ChED6c-f.js","./index-Dn9nMjiz.js","./index.stories-Df9caeIM.js","./index.stories-D1G6CWmI.js","./index.stories-D2rehwPy.js","./index-Bi7pMysS.css","./index.stories-DHGAkinp.js","./index.stories-DAjdeOpb.js","./index.stories-B9TECS3O.js","./index-DSaG6Gxf.css","./index.stories-BvgS9ng4.js","./index-C_hIzJtt.js","./index-hEJgpPVn.css","./index.stories-xoDvU9Cm.js","./index.stories-DLxMTtG2.js","./index-Brdb9fPV.js","./index.stories-CGKB5LNe.js","./index-DivY1Iz1.js","./index-C202lC2j.css","./index.stories-CFst0eKV.js","./index.stories-fTxsSpXc.js","./index.stories-CnDa-ObP.js","./index.stories-mTNVZfOP.js","./index.stories-CS5-NgHG.js","./index-BF3q9lMJ.css","./index.stories-Dd8YjwDJ.js","./index.stories-OVyIy3by.js","./index.stories-CMEFpL34.js","./index.stories-C2vZ9qog.js","./index.stories-tira6Zys.js","./index.stories-BHqr_tEv.js","./index-BacGGHTY.js","./index-DOb0OCwj.css","./index.stories-ZOZRxOzh.js","./index-DXiBtk9_.css","./index.stories-sO1Ay4pl.js","./index-uLVKHCXz.css","./index.stories-ByJdgEyw.js","./index-BXT-jRDP.css","./index.stories-tDnPZrGP.js","./index.stories-BSfQolb9.js","./index.stories-C9ofkKw8.js","./index-Tym1STJh.css","./index.stories-CSjPXEYl.js","./index.stories-BmaN0fFW.js","./index.stories-Byyft13a.js","./index.stories-CunlXEBR.js","./index.stories-C4gEACXB.js","./index-ALDeIT9F.js","./index.stories-AVgNOT4g.js","./index.stories-J-juZua7.js","./index.stories-DqTvCteb.js","./index-D6yt723T.js","./index-BZc9Zklf.css","./index.stories-Bz35FQjF.js","./index.stories-CthvIQnb.js","./index-B7gTljl6.js","./index.stories-Dh7WTU4I.js","./index.stories-mYsD0HJO.js","./index-CB6nVhj-.css","./index.stories-CAAFU7P4.js","./index.stories-CVzpVtzZ.js","./index-B0WtKgGb.js","./index-CTZi96gJ.js","./index.stories-BxPH7CPm.js","./index-Dlemgj2T.js","./index.stories-DRqEWKYu.js","./index-CyLd5KWK.js","./index-bxyKyI9_.js","./index-CWz18X2A.js","./index-MYtzhcOF.js","./index.stories-Re58v6ey.js","./index.stories-9D0gYvO1.js","./index-B8qpFdOF.js","./index.stories-Bh4hqAiP.js","./index.stories-DoMIwO2o.js","./index-Bw5V38dR.js","./index.stories-_uU_Lhmb.js","./index.stories-CRW0Kpc0.js","./index-DRnEBkj-.js","./index.stories-DWi1wmwU.js","./index.stories-vHLm06R4.js","./index.stories-BIl-J6NU.js","./index.stories-Dg0IGkTu.js","./index.stories-C3-xosyo.js","./index.stories-D9n7qgpJ.js","./entry-preview-docs-CscafN7S.js","./preview-IGc6dpKx.js","./preview-Dl7QDFbB.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function m(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=m(r);fetch(r.href,e)}})();const O="modulepreload",R=function(s,i){return new URL(s,i).href},E={},t=function(i,m,c){let r=Promise.resolve();if(m&&m.length>0){const e=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),l=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));r=Promise.all(m.map(_=>{if(_=R(_,c),_ in E)return;E[_]=!0;const a=_.endsWith(".css"),y=a?'[rel="stylesheet"]':"";if(!!c)for(let p=e.length-1;p>=0;p--){const d=e[p];if(d.href===_&&(!a||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${y}`))return;const n=document.createElement("link");if(n.rel=a?"stylesheet":O,a||(n.as="script",n.crossOrigin=""),n.href=_,l&&n.setAttribute("nonce",l),document.head.appendChild(n),a)return new Promise((p,d)=>{n.addEventListener("load",p),n.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${_}`)))})}))}return r.then(()=>i()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{createBrowserChannel:v}=__STORYBOOK_MODULE_CHANNELS__,{addons:z}=__STORYBOOK_MODULE_PREVIEW_API__,u=v({page:"preview"});z.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const P={"./docs/grid/index.stories.ts":async()=>t(()=>import("./index.stories-CsS-yt87.js"),__vite__mapDeps([0,1,2]),import.meta.url),"./docs/iconset/index.stories.ts":async()=>t(()=>import("./index.stories-B-rGX-7e.js"),__vite__mapDeps([3,1,4,5,6,7,8,9,10,11]),import.meta.url),"./docs/migration.mdx":async()=>t(()=>import("./migration-Cl4-4sJv.js"),__vite__mapDeps([12,13,14,15,8,16]),import.meta.url),"./docs/themes/index.stories.ts":async()=>t(()=>import("./index.stories-Biu5_BMK.js"),__vite__mapDeps([17,1,18,19,6,7,8,9,10,20,21]),import.meta.url),"./docs/typography/index.stories.ts":async()=>t(()=>import("./index.stories-Brgmsc6l.js"),__vite__mapDeps([22,1,23]),import.meta.url),"./src/components/css-components/z-fab/index.stories.ts":async()=>t(()=>import("./index.stories-lo_SFbOj.js"),__vite__mapDeps([24,1,25,26,5,6,7,8,9,27]),import.meta.url),"./src/components/css-components/z-link/index.stories.ts":async()=>t(()=>import("./index.stories-pGHgS0ts.js"),__vite__mapDeps([28,1,25,26,5,6,7,8,9,29]),import.meta.url),"./src/components/date-picker/z-date-picker/index.stories.ts":async()=>t(()=>import("./index.stories-CgC4d1Tp.js"),__vite__mapDeps([30,1,10,31,5,6,7,8,9,32,33,34,35,36,37,14,38]),import.meta.url),"./src/components/date-picker/z-range-picker/index.stories.ts":async()=>t(()=>import("./index.stories-BByvrIlJ.js"),__vite__mapDeps([39,1,10,33,5,6,7,8,9,34,35,36,37,14,38]),import.meta.url),"./src/components/deprecated/z-app-header-deprecated/index.stories.ts":async()=>t(()=>import("./index.stories-CX3NWcN4.js"),__vite__mapDeps([40,1,41,5,6,7,8,9,42,31,10,43,33,34,35,36,44,45,19,46,47,48,49]),import.meta.url),"./src/components/deprecated/z-menu-deprecated/index.stories.ts":async()=>t(()=>import("./index.stories-CJAxXiCZ.js"),__vite__mapDeps([50,1,42,5,6,7,8,9,41]),import.meta.url),"./src/components/deprecated/z-menu-section-deprecated/index.stories.ts":async()=>t(()=>import("./index.stories-BHm_eFOr.js"),__vite__mapDeps([51,1,42,5,6,7,8,9]),import.meta.url),"./src/components/file-upload/z-file-upload/index.stories.ts":async()=>t(()=>import("./index.stories-ZYISg8T_.js"),__vite__mapDeps([52,1,10,19,6,7,8,9,31,5,53,35,36]),import.meta.url),"./src/components/file-upload/z-file/index.stories.ts":async()=>t(()=>import("./index.stories-9ejV-TR3.js"),__vite__mapDeps([54,1,55,6,7,8,9,10,56,5,36]),import.meta.url),"./src/components/list/z-list-element/index.stories.ts":async()=>t(()=>import("./index.stories-D1VK1-3s.js"),__vite__mapDeps([57,1,10,20,44,6,7,8,9,46,5,19]),import.meta.url),"./src/components/list/z-list-group/index.stories.ts":async()=>t(()=>import("./index.stories-dg64RGot.js"),__vite__mapDeps([58,1,10,20,46,5,6,7,8,9,19,44,45]),import.meta.url),"./src/components/list/z-list/index.stories.ts":async()=>t(()=>import("./index.stories-Byhqlk4M.js"),__vite__mapDeps([59,1,10,46,5,6,7,8,9,19,45,44]),import.meta.url),"./src/components/table/z-table/index.stories.ts":async()=>t(()=>import("./index.stories-DejhB_sg.js"),__vite__mapDeps([60,1,61,26,7,8,62,10,31,5,6,9,35,36,55,63]),import.meta.url),"./src/components/z-accordion/index.stories.ts":async()=>t(()=>import("./index.stories-CTEcBlTG.js"),__vite__mapDeps([64,1,62,26,10,5,6,7,8,9,20,47,4]),import.meta.url),"./src/components/z-anchor-navigation/index.stories.ts":async()=>t(()=>import("./index.stories-KMVwkYwN.js"),__vite__mapDeps([65,1,31,5,6,7,8,9,10,66]),import.meta.url),"./src/components/z-app-header/index.stories.ts":async()=>t(()=>import("./index.stories-DK1vLU_l.js"),__vite__mapDeps([67,1,68,5,6,7,8,9,10,69,35,36,31,43,33,34,44,45,19,46,47,48,70]),import.meta.url),"./src/components/z-aria-alert/index.stories.ts":async()=>t(()=>import("./index.stories-ChED6c-f.js"),__vite__mapDeps([71,1,10,31,5,6,7,8,9,72]),import.meta.url),"./src/components/z-avatar/index.stories.ts":async()=>t(()=>import("./index.stories-Df9caeIM.js"),__vite__mapDeps([73,1,10,20,6,7,8,9]),import.meta.url),"./src/components/z-book-card/index.stories.ts":async()=>t(()=>import("./index.stories-D1G6CWmI.js"),__vite__mapDeps([74,1,62,26,10,20,31,5,6,7,8,9,47,36,35]),import.meta.url),"./src/components/z-breadcrumb/index.stories.ts":async()=>t(()=>import("./index.stories-D2rehwPy.js"),__vite__mapDeps([75,1,10,5,6,7,8,9,55,44,45,19,46,35,36,76]),import.meta.url),"./src/components/z-button-sort/index.stories.ts":async()=>t(()=>import("./index.stories-DHGAkinp.js"),__vite__mapDeps([77,1,5,6,7,8,9,36]),import.meta.url),"./src/components/z-button/index.stories.ts":async()=>t(()=>import("./index.stories-DAjdeOpb.js"),__vite__mapDeps([78,1,10,31,5,6,7,8,9]),import.meta.url),"./src/components/z-card/index.stories.ts":async()=>t(()=>import("./index.stories-B9TECS3O.js"),__vite__mapDeps([79,1,62,26,10,5,6,7,8,9,80]),import.meta.url),"./src/components/z-carousel/index.stories.ts":async()=>t(()=>import("./index.stories-BvgS9ng4.js"),__vite__mapDeps([81,1,61,26,7,8,10,82,6,9,31,5,83]),import.meta.url),"./src/components/z-chip/index.stories.ts":async()=>t(()=>import("./index.stories-xoDvU9Cm.js"),__vite__mapDeps([84,1,10,5,6,7,8,9,56]),import.meta.url),"./src/components/z-combobox/index.stories.ts":async()=>t(()=>import("./index.stories-DLxMTtG2.js"),__vite__mapDeps([85,1,10,5,6,7,8,9,46,19,33,34,35,36,45,86]),import.meta.url),"./src/components/z-cover-hero/index.stories.ts":async()=>t(()=>import("./index.stories-CGKB5LNe.js"),__vite__mapDeps([87,1,62,26,10,20,31,5,6,7,8,9,88,89]),import.meta.url),"./src/components/z-divider/index.stories.ts":async()=>t(()=>import("./index.stories-CFst0eKV.js"),__vite__mapDeps([90,1,10,20,19,6,7,8,9]),import.meta.url),"./src/components/z-ghost-loading/index.stories.ts":async()=>t(()=>import("./index.stories-fTxsSpXc.js"),__vite__mapDeps([91,1,82,6,7,8,9]),import.meta.url),"./src/components/z-icon/index.stories.ts":async()=>t(()=>import("./index.stories-CnDa-ObP.js"),__vite__mapDeps([92,1,20,5,6,7,8,9]),import.meta.url),"./src/components/z-info-box/index.stories.ts":async()=>t(()=>import("./index.stories-mTNVZfOP.js"),__vite__mapDeps([93,1,5,6,7,8,9]),import.meta.url),"./src/components/z-info-reveal/index.stories.ts":async()=>t(()=>import("./index.stories-CS5-NgHG.js"),__vite__mapDeps([94,1,10,5,6,7,8,9,31,88,95]),import.meta.url),"./src/components/z-input-message/index.stories.ts":async()=>t(()=>import("./index.stories-Dd8YjwDJ.js"),__vite__mapDeps([96,1,10,34,5,6,7,8,9]),import.meta.url),"./src/components/z-input/index.stories.ts":async()=>t(()=>import("./index.stories-OVyIy3by.js"),__vite__mapDeps([97,1,10,33,5,6,7,8,9,34,35,36]),import.meta.url),"./src/components/z-logo/index.stories.ts":async()=>t(()=>import("./index.stories-CMEFpL34.js"),__vite__mapDeps([98,1,6,7,8,9]),import.meta.url),"./src/components/z-menu-section/index.stories.ts":async()=>t(()=>import("./index.stories-C2vZ9qog.js"),__vite__mapDeps([99,1,68,5,6,7,8,9,10]),import.meta.url),"./src/components/z-menu/index.stories.ts":async()=>t(()=>import("./index.stories-tira6Zys.js"),__vite__mapDeps([100,1,68,5,6,7,8,9,10,69,35,36]),import.meta.url),"./src/components/z-modal/index.stories.ts":async()=>t(()=>import("./index.stories-BHqr_tEv.js"),__vite__mapDeps([101,1,32,33,5,6,7,8,9,34,10,35,36,37,14,31,102,44,46,19,47,45,53,103]),import.meta.url),"./src/components/z-navigation-tabs/index.stories.ts":async()=>t(()=>import("./index.stories-ZOZRxOzh.js"),__vite__mapDeps([104,1,62,26,10,20,5,6,7,8,9,105]),import.meta.url),"./src/components/z-notification/index.stories.ts":async()=>t(()=>import("./index.stories-sO1Ay4pl.js"),__vite__mapDeps([106,1,10,5,6,7,8,9,107]),import.meta.url),"./src/components/z-offcanvas/index.stories.ts":async()=>t(()=>import("./index.stories-ByJdgEyw.js"),__vite__mapDeps([108,1,10,48,6,7,8,9,109]),import.meta.url),"./src/components/z-pagination/index.stories.ts":async()=>t(()=>import("./index.stories-tDnPZrGP.js"),__vite__mapDeps([110,1,5,6,7,8,9,33,34,10,35,36,31]),import.meta.url),"./src/components/z-panel-elem/index.stories.ts":async()=>t(()=>import("./index.stories-BSfQolb9.js"),__vite__mapDeps([111,1,5,6,7,8,9]),import.meta.url),"./src/components/z-popover/index.stories.ts":async()=>t(()=>import("./index.stories-C9ofkKw8.js"),__vite__mapDeps([112,1,62,26,10,20,31,5,6,7,8,9,55,113]),import.meta.url),"./src/components/z-searchbar/index.stories.ts":async()=>t(()=>import("./index.stories-CSjPXEYl.js"),__vite__mapDeps([114,1,10,43,33,5,6,7,8,9,34,35,36,31,44,45,19,46,47]),import.meta.url),"./src/components/z-section-title/index.stories.ts":async()=>t(()=>import("./index.stories-BmaN0fFW.js"),__vite__mapDeps([115,1,10,20,18,19,6,7,8,9]),import.meta.url),"./src/components/z-select/index.stories.ts":async()=>t(()=>import("./index.stories-Byyft13a.js"),__vite__mapDeps([116,1,10,102,33,5,6,7,8,9,34,35,36,44,46,19,47,45]),import.meta.url),"./src/components/z-skip-to-content/index.stories.ts":async()=>t(()=>import("./index.stories-CunlXEBR.js"),__vite__mapDeps([117,1,10,6,7,8,9,35,36]),import.meta.url),"./src/components/z-stepper-item/index.stories.ts":async()=>t(()=>import("./index.stories-C4gEACXB.js"),__vite__mapDeps([118,1,119,5,6,7,8,9]),import.meta.url),"./src/components/z-stepper/index.stories.ts":async()=>t(()=>import("./index.stories-AVgNOT4g.js"),__vite__mapDeps([120,1,119,5,6,7,8,9]),import.meta.url),"./src/components/z-tag/index.stories.ts":async()=>t(()=>import("./index.stories-J-juZua7.js"),__vite__mapDeps([121,1,62,26,5,6,7,8,9,20,47]),import.meta.url),"./src/components/z-toast-notification-list/index.stories.ts":async()=>t(()=>import("./index.stories-DqTvCteb.js"),__vite__mapDeps([122,1,10,31,5,6,7,8,9,123,36,14,124]),import.meta.url),"./src/components/z-toast-notification/index.stories.ts":async()=>t(()=>import("./index.stories-Bz35FQjF.js"),__vite__mapDeps([125,1,10,31,5,6,7,8,9,123,36,14]),import.meta.url),"./src/components/z-toggle-button/index.stories.ts":async()=>t(()=>import("./index.stories-CthvIQnb.js"),__vite__mapDeps([126,1,127,5,6,7,8,9]),import.meta.url),"./src/components/z-toggle-switch/index.stories.ts":async()=>t(()=>import("./index.stories-Dh7WTU4I.js"),__vite__mapDeps([128,1,10,5,6,7,8,9,35,36]),import.meta.url),"./src/components/z-tooltip/index.stories.ts":async()=>t(()=>import("./index.stories-mYsD0HJO.js"),__vite__mapDeps([129,1,10,20,31,5,6,7,8,9,55,130]),import.meta.url),"./src/components/z-visually-hidden/index.stories.ts":async()=>t(()=>import("./index.stories-CAAFU7P4.js"),__vite__mapDeps([131,1,72,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js":async()=>t(()=>import("./index.stories-CVzpVtzZ.js"),__vite__mapDeps([132,1,133,134,6,7,8,9,5,10]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js":async()=>t(()=>import("./index.stories-BxPH7CPm.js"),__vite__mapDeps([135,1,136,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js":async()=>t(()=>import("./index.stories-DRqEWKYu.js"),__vite__mapDeps([137,1,31,5,6,7,8,9,10,138,139,55,35,36,140,141,136]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js":async()=>t(()=>import("./index.stories-Re58v6ey.js"),__vite__mapDeps([142,1,138,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js":async()=>t(()=>import("./index.stories-9D0gYvO1.js"),__vite__mapDeps([143,1,144,6,7,8,9,10]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js":async()=>t(()=>import("./index.stories-Bh4hqAiP.js"),__vite__mapDeps([145,1,141,6,7,8,9,10]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js":async()=>t(()=>import("./index.stories-DoMIwO2o.js"),__vite__mapDeps([146,1,147,5,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js":async()=>t(()=>import("./index.stories-_uU_Lhmb.js"),__vite__mapDeps([148,1,31,5,6,7,8,9,10,139,55,35,36]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js":async()=>t(()=>import("./index.stories-CRW0Kpc0.js"),__vite__mapDeps([149,1,150,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card/index.stories.js":async()=>t(()=>import("./index.stories-DWi1wmwU.js"),__vite__mapDeps([151,1,127,5,6,7,8,9,133,134,10,140,136,144,141,147,150]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js":async()=>t(()=>import("./index.stories-vHLm06R4.js"),__vite__mapDeps([152,1,86,5,6,7,8,9,35,10,36]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list/index.stories.js":async()=>t(()=>import("./index.stories-BIl-J6NU.js"),__vite__mapDeps([153,1,86,5,6,7,8,9,35,10,36]),import.meta.url),"./src/snowflakes/myz/z-alert/index.stories.js":async()=>t(()=>import("./index.stories-Dg0IGkTu.js"),__vite__mapDeps([154,1,134,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/z-otp/index.stories.js":async()=>t(()=>import("./index.stories-C3-xosyo.js"),__vite__mapDeps([155,1,34,5,6,7,8,9,10]),import.meta.url),"./src/snowflakes/myz/z-slideshow/index.stories.js":async()=>t(()=>import("./index.stories-D9n7qgpJ.js"),__vite__mapDeps([156,1,5,6,7,8,9,10,35,36]),import.meta.url)};async function T(s){return P[s]()}const{composeConfigs:L,PreviewWeb:I,ClientApi:x}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-Cx7Tr7Nx.js").then(m=>m.e),__vite__mapDeps([7,1,8]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-CscafN7S.js"),__vite__mapDeps([157,6,7,1,8,15]),import.meta.url),s.at(2)??t(()=>import("./preview-DTLtKyOZ.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-IGc6dpKx.js"),__vite__mapDeps([158,13,14,15,8,159]),import.meta.url)]);return L(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(T,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; +const __vite__fileDeps=["./index.stories-CsS-yt87.js","./lit-element-DGXdXVoE.js","./index-DPuMWQ_0.css","./index.stories-B-rGX-7e.js","./index-BZojyqD0.js","./index-BpZkdoDR.js","./chunk-L4EGOTBX-lo-pZyle.js","./entry-preview-Cx7Tr7Nx.js","./index-DrFu-skq.js","./index-BZ0rSFNp.js","./index-JHKFBkCx.js","./index-BdDepEmp.css","./migration-CxIf9jzQ.js","./index-Dm9AUBil.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BcT0yLYp.js","./index-CIjuTFzs.js","./index.stories-D2PHUWJU.js","./index-CLKrh224.js","./index-BIo1aSLD.js","./storybook-utils-DAVCxM-F.js","./index-CE9pa-D0.css","./index.stories-Brgmsc6l.js","./index-Dj7eJTl9.css","./index.stories-lo_SFbOj.js","./class-map-CUbHFwPI.js","./directive-CF8sV3Lr.js","./index-Cm7WW9aQ.css","./index.stories-pGHgS0ts.js","./index-CZKYqI-o.css","./index.stories-B_whxx3S.js","./index-Cw-PSUvi.js","./index-rg8CTdVm.js","./index-SGHLPHNW.js","./index-6DVFO8oc.js","./utils-CCzSlYCN.js","./breakpoints-p3CVLX0Q.js","./utils-CfiMcpfY.js","./index-dZ39rkB3.css","./index.stories-CEPQJwFK.js","./index.stories-BWkA9jzR.js","./index-DS2X8r-j.js","./index-BM_PXX1V.js","./index-Cx8NGDXN.js","./index-C87dib6e.js","./index-BW87BpV5.js","./index-CA3-KGCF.js","./index-C8ELqjGG.js","./index-Jm2ipWMa.js","./index-n1ozjkq2.css","./index.stories-Bk1vv3Qn.js","./index.stories-xirpTSts.js","./index.stories-Dbc7ebsb.js","./index-CQQa57J8.js","./index.stories-CSJPe1F6.js","./index-Cqh0jnJE.js","./index-BBHu_Jce.js","./index.stories-CAc1QLTR.js","./index.stories-C9fXl9q_.js","./index.stories-D_5kkdXd.js","./index.stories-Ck5QUf80.js","./repeat-Ci_psrk_.js","./style-map-DWZVjDvr.js","./index-BuoB97Qd.css","./index.stories-6z1QvSRU.js","./index.stories-KMVwkYwN.js","./index-Dxm2wJaT.css","./index.stories-D3M5Sixz.js","./index-BO1USmyR.js","./index-Ca_XgOza.js","./index-BuaKDQLm.css","./index.stories-D9NXTGlq.js","./index-DPiibGsR.js","./index.stories-C_wrAWpU.js","./index.stories-BLFyURyt.js","./index.stories-xmv7zoXe.js","./index-Bi7pMysS.css","./index.stories-v6Jb_m2f.js","./index.stories-DAjdeOpb.js","./index.stories-B9TECS3O.js","./index-DSaG6Gxf.css","./index.stories-DtKrromD.js","./index-C6fMNya5.js","./index-hEJgpPVn.css","./index.stories-xoDvU9Cm.js","./index.stories-DGFz0p-a.js","./index-Brdb9fPV.js","./index.stories-DsO545ms.js","./index-BAB2SjQc.js","./index-C202lC2j.css","./index.stories-CKFRTbOD.js","./index.stories-DYp384mj.js","./index.stories-CnDa-ObP.js","./index.stories-CCYqfSTM.js","./index.stories-jll7ScpB.js","./index-BF3q9lMJ.css","./index.stories-DJnLmpYC.js","./index.stories-BcrCslwU.js","./index.stories-Di8PFE9x.js","./index.stories-C2vZ9qog.js","./index.stories-tira6Zys.js","./index.stories-D_8pViuW.js","./index-DjmSoT86.js","./index-DOb0OCwj.css","./index.stories-D2QeD7sH.js","./index-DXiBtk9_.css","./index.stories-CLa6sCdO.js","./index-uLVKHCXz.css","./index.stories-CEvfWquo.js","./index-BXT-jRDP.css","./index.stories-BTJ5YnlE.js","./index.stories-BSfQolb9.js","./index.stories-Di58fHb1.js","./index-Tym1STJh.css","./index.stories-DanaJ5nC.js","./index.stories-BTcEy4fX.js","./index.stories-veCrWGyY.js","./index.stories-Z3LJ17Ii.js","./index.stories-DtiLEqvP.js","./index--Yu29U5D.js","./index.stories-CDrApO10.js","./index.stories-CS2knboF.js","./index.stories-D6AEbbTT.js","./index-BAtxMdpG.js","./index-BZc9Zklf.css","./index.stories-DyGL48oS.js","./index.stories-CthvIQnb.js","./index-B7gTljl6.js","./index.stories-Dh7WTU4I.js","./index.stories-ByBVW8hR.js","./index-CB6nVhj-.css","./index.stories-D1O0WjnF.js","./index.stories-CVzpVtzZ.js","./index-B0WtKgGb.js","./index-CTZi96gJ.js","./index.stories-BxPH7CPm.js","./index-Dlemgj2T.js","./index.stories-BsXhDul2.js","./index-CyLd5KWK.js","./index-CNp1b5G2.js","./index-CWz18X2A.js","./index-MYtzhcOF.js","./index.stories-Re58v6ey.js","./index.stories-9D0gYvO1.js","./index-B8qpFdOF.js","./index.stories-Bh4hqAiP.js","./index.stories-DoMIwO2o.js","./index-Bw5V38dR.js","./index.stories-BP9iaJbL.js","./index.stories-CRW0Kpc0.js","./index-DRnEBkj-.js","./index.stories-DWi1wmwU.js","./index.stories-vHLm06R4.js","./index.stories-BIl-J6NU.js","./index.stories-Dg0IGkTu.js","./index.stories-CUXO1mon.js","./index.stories-D9n7qgpJ.js","./entry-preview-docs-CscafN7S.js","./preview-COXcn8Uv.js","./preview-H_G7uJCR.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function m(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=m(r);fetch(r.href,e)}})();const O="modulepreload",R=function(s,i){return new URL(s,i).href},E={},t=function(i,m,c){let r=Promise.resolve();if(m&&m.length>0){const e=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),l=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));r=Promise.all(m.map(_=>{if(_=R(_,c),_ in E)return;E[_]=!0;const a=_.endsWith(".css"),y=a?'[rel="stylesheet"]':"";if(!!c)for(let p=e.length-1;p>=0;p--){const d=e[p];if(d.href===_&&(!a||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${y}`))return;const n=document.createElement("link");if(n.rel=a?"stylesheet":O,a||(n.as="script",n.crossOrigin=""),n.href=_,l&&n.setAttribute("nonce",l),document.head.appendChild(n),a)return new Promise((p,d)=>{n.addEventListener("load",p),n.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${_}`)))})}))}return r.then(()=>i()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{createBrowserChannel:v}=__STORYBOOK_MODULE_CHANNELS__,{addons:z}=__STORYBOOK_MODULE_PREVIEW_API__,u=v({page:"preview"});z.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const P={"./docs/grid/index.stories.ts":async()=>t(()=>import("./index.stories-CsS-yt87.js"),__vite__mapDeps([0,1,2]),import.meta.url),"./docs/iconset/index.stories.ts":async()=>t(()=>import("./index.stories-B-rGX-7e.js"),__vite__mapDeps([3,1,4,5,6,7,8,9,10,11]),import.meta.url),"./docs/migration.mdx":async()=>t(()=>import("./migration-CxIf9jzQ.js"),__vite__mapDeps([12,13,14,15,8,16]),import.meta.url),"./docs/themes/index.stories.ts":async()=>t(()=>import("./index.stories-D2PHUWJU.js"),__vite__mapDeps([17,1,18,19,6,7,8,9,10,20,21]),import.meta.url),"./docs/typography/index.stories.ts":async()=>t(()=>import("./index.stories-Brgmsc6l.js"),__vite__mapDeps([22,1,23]),import.meta.url),"./src/components/css-components/z-fab/index.stories.ts":async()=>t(()=>import("./index.stories-lo_SFbOj.js"),__vite__mapDeps([24,1,25,26,5,6,7,8,9,27]),import.meta.url),"./src/components/css-components/z-link/index.stories.ts":async()=>t(()=>import("./index.stories-pGHgS0ts.js"),__vite__mapDeps([28,1,25,26,5,6,7,8,9,29]),import.meta.url),"./src/components/date-picker/z-date-picker/index.stories.ts":async()=>t(()=>import("./index.stories-B_whxx3S.js"),__vite__mapDeps([30,1,10,31,5,6,7,8,9,32,33,34,35,36,37,14,38]),import.meta.url),"./src/components/date-picker/z-range-picker/index.stories.ts":async()=>t(()=>import("./index.stories-CEPQJwFK.js"),__vite__mapDeps([39,1,10,33,5,6,7,8,9,34,35,36,37,14,38]),import.meta.url),"./src/components/deprecated/z-app-header-deprecated/index.stories.ts":async()=>t(()=>import("./index.stories-BWkA9jzR.js"),__vite__mapDeps([40,1,41,5,6,7,8,9,42,31,10,43,33,34,35,36,44,45,19,46,47,48,49]),import.meta.url),"./src/components/deprecated/z-menu-deprecated/index.stories.ts":async()=>t(()=>import("./index.stories-Bk1vv3Qn.js"),__vite__mapDeps([50,1,42,5,6,7,8,9,41]),import.meta.url),"./src/components/deprecated/z-menu-section-deprecated/index.stories.ts":async()=>t(()=>import("./index.stories-xirpTSts.js"),__vite__mapDeps([51,1,42,5,6,7,8,9]),import.meta.url),"./src/components/file-upload/z-file-upload/index.stories.ts":async()=>t(()=>import("./index.stories-Dbc7ebsb.js"),__vite__mapDeps([52,1,10,19,6,7,8,9,31,5,53,35,36]),import.meta.url),"./src/components/file-upload/z-file/index.stories.ts":async()=>t(()=>import("./index.stories-CSJPe1F6.js"),__vite__mapDeps([54,1,55,6,7,8,9,10,56,5,36]),import.meta.url),"./src/components/list/z-list-element/index.stories.ts":async()=>t(()=>import("./index.stories-CAc1QLTR.js"),__vite__mapDeps([57,1,10,20,44,6,7,8,9,46,5,19]),import.meta.url),"./src/components/list/z-list-group/index.stories.ts":async()=>t(()=>import("./index.stories-C9fXl9q_.js"),__vite__mapDeps([58,1,10,20,46,5,6,7,8,9,19,44,45]),import.meta.url),"./src/components/list/z-list/index.stories.ts":async()=>t(()=>import("./index.stories-D_5kkdXd.js"),__vite__mapDeps([59,1,10,46,5,6,7,8,9,19,45,44]),import.meta.url),"./src/components/table/z-table/index.stories.ts":async()=>t(()=>import("./index.stories-Ck5QUf80.js"),__vite__mapDeps([60,1,61,26,7,8,62,10,31,5,6,9,35,36,55,63]),import.meta.url),"./src/components/z-accordion/index.stories.ts":async()=>t(()=>import("./index.stories-6z1QvSRU.js"),__vite__mapDeps([64,1,62,26,10,5,6,7,8,9,20,47,4]),import.meta.url),"./src/components/z-anchor-navigation/index.stories.ts":async()=>t(()=>import("./index.stories-KMVwkYwN.js"),__vite__mapDeps([65,1,31,5,6,7,8,9,10,66]),import.meta.url),"./src/components/z-app-header/index.stories.ts":async()=>t(()=>import("./index.stories-D3M5Sixz.js"),__vite__mapDeps([67,1,68,5,6,7,8,9,10,69,35,36,31,43,33,34,44,45,19,46,47,48,70]),import.meta.url),"./src/components/z-aria-alert/index.stories.ts":async()=>t(()=>import("./index.stories-D9NXTGlq.js"),__vite__mapDeps([71,1,10,31,5,6,7,8,9,72]),import.meta.url),"./src/components/z-avatar/index.stories.ts":async()=>t(()=>import("./index.stories-C_wrAWpU.js"),__vite__mapDeps([73,1,10,20,6,7,8,9]),import.meta.url),"./src/components/z-book-card/index.stories.ts":async()=>t(()=>import("./index.stories-BLFyURyt.js"),__vite__mapDeps([74,1,62,26,10,20,31,5,6,7,8,9,47,36,35]),import.meta.url),"./src/components/z-breadcrumb/index.stories.ts":async()=>t(()=>import("./index.stories-xmv7zoXe.js"),__vite__mapDeps([75,1,10,5,6,7,8,9,55,44,45,19,46,35,36,76]),import.meta.url),"./src/components/z-button-sort/index.stories.ts":async()=>t(()=>import("./index.stories-v6Jb_m2f.js"),__vite__mapDeps([77,1,5,6,7,8,9,36]),import.meta.url),"./src/components/z-button/index.stories.ts":async()=>t(()=>import("./index.stories-DAjdeOpb.js"),__vite__mapDeps([78,1,10,31,5,6,7,8,9]),import.meta.url),"./src/components/z-card/index.stories.ts":async()=>t(()=>import("./index.stories-B9TECS3O.js"),__vite__mapDeps([79,1,62,26,10,5,6,7,8,9,80]),import.meta.url),"./src/components/z-carousel/index.stories.ts":async()=>t(()=>import("./index.stories-DtKrromD.js"),__vite__mapDeps([81,1,61,26,7,8,10,82,6,9,31,5,83]),import.meta.url),"./src/components/z-chip/index.stories.ts":async()=>t(()=>import("./index.stories-xoDvU9Cm.js"),__vite__mapDeps([84,1,10,5,6,7,8,9,56]),import.meta.url),"./src/components/z-combobox/index.stories.ts":async()=>t(()=>import("./index.stories-DGFz0p-a.js"),__vite__mapDeps([85,1,10,5,6,7,8,9,46,19,33,34,35,36,45,86]),import.meta.url),"./src/components/z-cover-hero/index.stories.ts":async()=>t(()=>import("./index.stories-DsO545ms.js"),__vite__mapDeps([87,1,62,26,10,20,31,5,6,7,8,9,88,89]),import.meta.url),"./src/components/z-divider/index.stories.ts":async()=>t(()=>import("./index.stories-CKFRTbOD.js"),__vite__mapDeps([90,1,10,20,19,6,7,8,9]),import.meta.url),"./src/components/z-ghost-loading/index.stories.ts":async()=>t(()=>import("./index.stories-DYp384mj.js"),__vite__mapDeps([91,1,82,6,7,8,9]),import.meta.url),"./src/components/z-icon/index.stories.ts":async()=>t(()=>import("./index.stories-CnDa-ObP.js"),__vite__mapDeps([92,1,20,5,6,7,8,9]),import.meta.url),"./src/components/z-info-box/index.stories.ts":async()=>t(()=>import("./index.stories-CCYqfSTM.js"),__vite__mapDeps([93,1,5,6,7,8,9]),import.meta.url),"./src/components/z-info-reveal/index.stories.ts":async()=>t(()=>import("./index.stories-jll7ScpB.js"),__vite__mapDeps([94,1,10,5,6,7,8,9,31,88,95]),import.meta.url),"./src/components/z-input-message/index.stories.ts":async()=>t(()=>import("./index.stories-DJnLmpYC.js"),__vite__mapDeps([96,1,10,34,5,6,7,8,9]),import.meta.url),"./src/components/z-input/index.stories.ts":async()=>t(()=>import("./index.stories-BcrCslwU.js"),__vite__mapDeps([97,1,10,33,5,6,7,8,9,34,35,36]),import.meta.url),"./src/components/z-logo/index.stories.ts":async()=>t(()=>import("./index.stories-Di8PFE9x.js"),__vite__mapDeps([98,1,6,7,8,9]),import.meta.url),"./src/components/z-menu-section/index.stories.ts":async()=>t(()=>import("./index.stories-C2vZ9qog.js"),__vite__mapDeps([99,1,68,5,6,7,8,9,10]),import.meta.url),"./src/components/z-menu/index.stories.ts":async()=>t(()=>import("./index.stories-tira6Zys.js"),__vite__mapDeps([100,1,68,5,6,7,8,9,10,69,35,36]),import.meta.url),"./src/components/z-modal/index.stories.ts":async()=>t(()=>import("./index.stories-D_8pViuW.js"),__vite__mapDeps([101,1,32,33,5,6,7,8,9,34,10,35,36,37,14,31,102,44,46,19,47,45,53,103]),import.meta.url),"./src/components/z-navigation-tabs/index.stories.ts":async()=>t(()=>import("./index.stories-D2QeD7sH.js"),__vite__mapDeps([104,1,62,26,10,20,5,6,7,8,9,105]),import.meta.url),"./src/components/z-notification/index.stories.ts":async()=>t(()=>import("./index.stories-CLa6sCdO.js"),__vite__mapDeps([106,1,10,5,6,7,8,9,107]),import.meta.url),"./src/components/z-offcanvas/index.stories.ts":async()=>t(()=>import("./index.stories-CEvfWquo.js"),__vite__mapDeps([108,1,10,48,6,7,8,9,109]),import.meta.url),"./src/components/z-pagination/index.stories.ts":async()=>t(()=>import("./index.stories-BTJ5YnlE.js"),__vite__mapDeps([110,1,5,6,7,8,9,33,34,10,35,36,31]),import.meta.url),"./src/components/z-panel-elem/index.stories.ts":async()=>t(()=>import("./index.stories-BSfQolb9.js"),__vite__mapDeps([111,1,5,6,7,8,9]),import.meta.url),"./src/components/z-popover/index.stories.ts":async()=>t(()=>import("./index.stories-Di58fHb1.js"),__vite__mapDeps([112,1,62,26,10,20,31,5,6,7,8,9,55,113]),import.meta.url),"./src/components/z-searchbar/index.stories.ts":async()=>t(()=>import("./index.stories-DanaJ5nC.js"),__vite__mapDeps([114,1,10,43,33,5,6,7,8,9,34,35,36,31,44,45,19,46,47]),import.meta.url),"./src/components/z-section-title/index.stories.ts":async()=>t(()=>import("./index.stories-BTcEy4fX.js"),__vite__mapDeps([115,1,10,20,18,19,6,7,8,9]),import.meta.url),"./src/components/z-select/index.stories.ts":async()=>t(()=>import("./index.stories-veCrWGyY.js"),__vite__mapDeps([116,1,10,102,33,5,6,7,8,9,34,35,36,44,46,19,47,45]),import.meta.url),"./src/components/z-skip-to-content/index.stories.ts":async()=>t(()=>import("./index.stories-Z3LJ17Ii.js"),__vite__mapDeps([117,1,10,6,7,8,9,35,36]),import.meta.url),"./src/components/z-stepper-item/index.stories.ts":async()=>t(()=>import("./index.stories-DtiLEqvP.js"),__vite__mapDeps([118,1,119,5,6,7,8,9]),import.meta.url),"./src/components/z-stepper/index.stories.ts":async()=>t(()=>import("./index.stories-CDrApO10.js"),__vite__mapDeps([120,1,119,5,6,7,8,9]),import.meta.url),"./src/components/z-tag/index.stories.ts":async()=>t(()=>import("./index.stories-CS2knboF.js"),__vite__mapDeps([121,1,62,26,5,6,7,8,9,20,47]),import.meta.url),"./src/components/z-toast-notification-list/index.stories.ts":async()=>t(()=>import("./index.stories-D6AEbbTT.js"),__vite__mapDeps([122,1,10,31,5,6,7,8,9,123,36,14,124]),import.meta.url),"./src/components/z-toast-notification/index.stories.ts":async()=>t(()=>import("./index.stories-DyGL48oS.js"),__vite__mapDeps([125,1,10,31,5,6,7,8,9,123,36,14]),import.meta.url),"./src/components/z-toggle-button/index.stories.ts":async()=>t(()=>import("./index.stories-CthvIQnb.js"),__vite__mapDeps([126,1,127,5,6,7,8,9]),import.meta.url),"./src/components/z-toggle-switch/index.stories.ts":async()=>t(()=>import("./index.stories-Dh7WTU4I.js"),__vite__mapDeps([128,1,10,5,6,7,8,9,35,36]),import.meta.url),"./src/components/z-tooltip/index.stories.ts":async()=>t(()=>import("./index.stories-ByBVW8hR.js"),__vite__mapDeps([129,1,10,20,31,5,6,7,8,9,55,130]),import.meta.url),"./src/components/z-visually-hidden/index.stories.ts":async()=>t(()=>import("./index.stories-D1O0WjnF.js"),__vite__mapDeps([131,1,72,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js":async()=>t(()=>import("./index.stories-CVzpVtzZ.js"),__vite__mapDeps([132,1,133,134,6,7,8,9,5,10]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js":async()=>t(()=>import("./index.stories-BxPH7CPm.js"),__vite__mapDeps([135,1,136,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js":async()=>t(()=>import("./index.stories-BsXhDul2.js"),__vite__mapDeps([137,1,31,5,6,7,8,9,10,138,139,55,35,36,140,141,136]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js":async()=>t(()=>import("./index.stories-Re58v6ey.js"),__vite__mapDeps([142,1,138,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js":async()=>t(()=>import("./index.stories-9D0gYvO1.js"),__vite__mapDeps([143,1,144,6,7,8,9,10]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js":async()=>t(()=>import("./index.stories-Bh4hqAiP.js"),__vite__mapDeps([145,1,141,6,7,8,9,10]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js":async()=>t(()=>import("./index.stories-DoMIwO2o.js"),__vite__mapDeps([146,1,147,5,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js":async()=>t(()=>import("./index.stories-BP9iaJbL.js"),__vite__mapDeps([148,1,31,5,6,7,8,9,10,139,55,35,36]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js":async()=>t(()=>import("./index.stories-CRW0Kpc0.js"),__vite__mapDeps([149,1,150,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card/index.stories.js":async()=>t(()=>import("./index.stories-DWi1wmwU.js"),__vite__mapDeps([151,1,127,5,6,7,8,9,133,134,10,140,136,144,141,147,150]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js":async()=>t(()=>import("./index.stories-vHLm06R4.js"),__vite__mapDeps([152,1,86,5,6,7,8,9,35,10,36]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list/index.stories.js":async()=>t(()=>import("./index.stories-BIl-J6NU.js"),__vite__mapDeps([153,1,86,5,6,7,8,9,35,10,36]),import.meta.url),"./src/snowflakes/myz/z-alert/index.stories.js":async()=>t(()=>import("./index.stories-Dg0IGkTu.js"),__vite__mapDeps([154,1,134,6,7,8,9]),import.meta.url),"./src/snowflakes/myz/z-otp/index.stories.js":async()=>t(()=>import("./index.stories-CUXO1mon.js"),__vite__mapDeps([155,1,34,5,6,7,8,9,10]),import.meta.url),"./src/snowflakes/myz/z-slideshow/index.stories.js":async()=>t(()=>import("./index.stories-D9n7qgpJ.js"),__vite__mapDeps([156,1,5,6,7,8,9,10,35,36]),import.meta.url)};async function T(s){return P[s]()}const{composeConfigs:L,PreviewWeb:I,ClientApi:x}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-Cx7Tr7Nx.js").then(m=>m.e),__vite__mapDeps([7,1,8]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-CscafN7S.js"),__vite__mapDeps([157,6,7,1,8,15]),import.meta.url),s.at(2)??t(()=>import("./preview-r-iovu_V.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-COXcn8Uv.js"),__vite__mapDeps([158,13,14,15,8,159]),import.meta.url)]);return L(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(T,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-ALDeIT9F.js b/assets/index--Yu29U5D.js similarity index 89% rename from assets/index-ALDeIT9F.js rename to assets/index--Yu29U5D.js index 4355fd6f8..8833c67d3 100644 --- a/assets/index-ALDeIT9F.js +++ b/assets/index--Yu29U5D.js @@ -1 +1 @@ -import"./index-BpZkdoDR.js";import{s as c,g as i}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as n,H as d,h as e,a as l}from"./index-BZ0rSFNp.js";const p=':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-success-default);color:var(--color-success-default)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-success-default)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}',h=class extends d{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.index=void 0,this.href=void 0,this.pressed=void 0,this.checked=void 0,this.disabled=void 0}getAttributes(){const t=this.href&&!this.pressed&&!this.disabled?{onClick:()=>location.href=this.href}:void 0,r=t?{role:"link"}:void 0,o=this.pressed&&!this.disabled?{ariaCurrent:"step"}:void 0,a=this.pressed||this.href===""?{tabindex:-1}:void 0;return Object.assign(Object.assign(Object.assign(Object.assign({},t),r),o),a)}render(){return e(l,{key:"ed8c341e889ccf27051ea40b4059f93fe57ad447",role:"listitem"},e("button",Object.assign({key:"09e9143a3d5e7352e008abfa654aa898839ad002",class:"stepper-item",disabled:this.disabled},this.getAttributes()),e("div",{key:"4146c22b1e4630064bf9a39ecf26c2863e4a24d8",class:"indicator"},this.checked?e("z-icon",{name:"checkmark"}):this.index),e("span",{key:"2495e2194e2f585ae14b5741557cbcf59605ef3d"},e("slot",{key:"c18c9a37a451dfdef017df861d04366fdc79ea54"}))))}static get style(){return p}};n(h,[1,"z-stepper-item",{index:[2],href:[1],pressed:[4],checked:[4],disabled:[4]}]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZStepperItem",tagName:"z-stepper-item",customElement:!0,members:[{kind:"field",name:"index",type:"number",description:"The number of the step item."},{kind:"field",name:"href",type:"string",description:"The href to navigate on click."},{kind:"field",name:"pressed",type:"boolean",description:"The pressed state of the item."},{kind:"field",name:"checked",type:"boolean",description:"The checked state of the item."},{kind:"field",name:"disabled",type:"boolean",description:"The disabled state of the item."}],events:[]}],exports:[{kind:"js",name:"ZStepperItem",declaration:{name:"ZStepperItem",module:"src/components/z-stepper-item/index.tsx"}},{kind:"custom-element-definition",name:"z-stepper-item",declaration:{name:"ZStepperItem",module:"src/components/z-stepper-item/index.tsx"}}]}]};c({...i()||{},...s,modules:[...(i()||{}).modules||[],...s.modules]}); +import"./index-BpZkdoDR.js";import{s as c,g as i}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as n,H as d,h as e,a as l}from"./index-BZ0rSFNp.js";const p=':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-success-default);color:var(--color-success-default)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-success-default)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}',h=class extends d{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.index=void 0,this.href=void 0,this.pressed=void 0,this.checked=void 0,this.disabled=void 0}getAttributes(){const t=this.href&&!this.pressed&&!this.disabled?{onClick:()=>location.href=this.href}:void 0,r=t?{role:"link"}:void 0,o=this.pressed&&!this.disabled?{ariaCurrent:"step"}:void 0,a=this.pressed||this.href===""?{tabindex:-1}:void 0;return Object.assign(Object.assign(Object.assign(Object.assign({},t),r),o),a)}render(){return e(l,{key:"7c1309f79253bb382b3375b1662b89673f25c4cd",role:"listitem"},e("button",Object.assign({key:"525e7d9b5be6491515e8c692d34eb5420ed3732f",class:"stepper-item",disabled:this.disabled},this.getAttributes()),e("div",{key:"164d27303a38e0218b211c2ff1127ea40ebc6379",class:"indicator"},this.checked?e("z-icon",{name:"checkmark"}):this.index),e("span",{key:"b91fc3d8cb33bd3b7dd35eb858e82f7c1f11354e"},e("slot",{key:"414d27bbb6625a91c083580cf1ea8573c0bcfa8d"}))))}static get style(){return p}};n(h,[1,"z-stepper-item",{index:[2],href:[1],pressed:[4],checked:[4],disabled:[4]}]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZStepperItem",tagName:"z-stepper-item",customElement:!0,members:[{kind:"field",name:"index",type:"number",description:"The number of the step item."},{kind:"field",name:"href",type:"string",description:"The href to navigate on click."},{kind:"field",name:"pressed",type:"boolean",description:"The pressed state of the item."},{kind:"field",name:"checked",type:"boolean",description:"The checked state of the item."},{kind:"field",name:"disabled",type:"boolean",description:"The disabled state of the item."}],events:[]}],exports:[{kind:"js",name:"ZStepperItem",declaration:{name:"ZStepperItem",module:"src/components/z-stepper-item/index.tsx"}},{kind:"custom-element-definition",name:"z-stepper-item",declaration:{name:"ZStepperItem",module:"src/components/z-stepper-item/index.tsx"}}]}]};c({...i()||{},...s,modules:[...(i()||{}).modules||[],...s.modules]}); diff --git a/assets/index-CVMFEM3F.js b/assets/index-6DVFO8oc.js similarity index 85% rename from assets/index-CVMFEM3F.js rename to assets/index-6DVFO8oc.js index 4ad5d92f0..d3df3856f 100644 --- a/assets/index-CVMFEM3F.js +++ b/assets/index-6DVFO8oc.js @@ -1 +1 @@ -import"./index-BpZkdoDR.js";import{s as a,g as e}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as n,H as i,h as s,a as o}from"./index-BZ0rSFNp.js";const c=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-text05);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-text-success)}:host([status="error"]){color:var(--color-text-error)}:host([status="warning"]){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}',r=class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"},this.message=void 0,this.status=void 0,this.statusRole={}}onMessageChange(){this.statusRole=this.message&&this.status?{role:"alert"}:{}}componentWillLoad(){this.onMessageChange()}render(){return s(o,Object.assign({key:"6a0471ce8d2b48c0b10d7dd5ec63d06810e2a23d"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"9fea73643e58f295850d89b8daa3c291299801f8",name:this.statusIcons[this.status]}),s("span",{key:"aaca0572b77580279040cb1930c1ab81063c7e9e",innerHTML:this.message}))}static get watchers(){return{message:["onMessageChange"],status:["onMessageChange"]}}static get style(){return c}};n(r,[1,"z-input-message",{message:[1],status:[520],statusRole:[32]},void 0,{message:["onMessageChange"],status:["onMessageChange"]}]);const t={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZInputMessage",tagName:"z-input-message",customElement:!0,members:[{kind:"field",name:"message",type:"string",description:"input helper message"},{kind:"field",name:"status",type:"any",description:"input status (optional)"}],events:[]}],exports:[{kind:"js",name:"ZInputMessage",declaration:{name:"ZInputMessage",module:"src/components/z-input-message/index.tsx"}},{kind:"custom-element-definition",name:"z-input-message",declaration:{name:"ZInputMessage",module:"src/components/z-input-message/index.tsx"}}]}]};a({...e()||{},...t,modules:[...(e()||{}).modules||[],...t.modules]}); +import"./index-BpZkdoDR.js";import{s as a,g as e}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as n,H as i,h as s,a as o}from"./index-BZ0rSFNp.js";const c=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-text05);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-text-success)}:host([status="error"]){color:var(--color-text-error)}:host([status="warning"]){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}',r=class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"},this.message=void 0,this.status=void 0,this.statusRole={}}onMessageChange(){this.statusRole=this.message&&this.status?{role:"alert"}:{}}componentWillLoad(){this.onMessageChange()}render(){return s(o,Object.assign({key:"cc4b78ad6a951b93dc74480621f11b5cfa184d7c"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"cac148544cb7544b832370388cd3619ebef39d72",name:this.statusIcons[this.status]}),s("span",{key:"32fce6ab05e46b53679ef1361cb91335bb819909",innerHTML:this.message}))}static get watchers(){return{message:["onMessageChange"],status:["onMessageChange"]}}static get style(){return c}};n(r,[1,"z-input-message",{message:[1],status:[520],statusRole:[32]},void 0,{message:["onMessageChange"],status:["onMessageChange"]}]);const t={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZInputMessage",tagName:"z-input-message",customElement:!0,members:[{kind:"field",name:"message",type:"string",description:"input helper message"},{kind:"field",name:"status",type:"any",description:"input status (optional)"}],events:[]}],exports:[{kind:"js",name:"ZInputMessage",declaration:{name:"ZInputMessage",module:"src/components/z-input-message/index.tsx"}},{kind:"custom-element-definition",name:"z-input-message",declaration:{name:"ZInputMessage",module:"src/components/z-input-message/index.tsx"}}]}]};a({...e()||{},...t,modules:[...(e()||{}).modules||[],...t.modules]}); diff --git a/assets/index-DivY1Iz1.js b/assets/index-BAB2SjQc.js similarity index 86% rename from assets/index-DivY1Iz1.js rename to assets/index-BAB2SjQc.js index 903ab709b..8ad9c5c13 100644 --- a/assets/index-DivY1Iz1.js +++ b/assets/index-BAB2SjQc.js @@ -1 +1 @@ -import"./index-BpZkdoDR.js";import{s,g as t}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as l,H as p,h as e,a as f}from"./index-BZ0rSFNp.js";import{n as d,C as c}from"./index-JHKFBkCx.js";const h=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:18px}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:16px}.z-info-reveal-panel{position:absolute;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{position:fixed;top:auto !important;bottom:auto !important;left:var(--grid-margin) !important;width:calc(100% - (var(--grid-margin) * 2)) !important;max-width:none !important;margin-top:calc(var(--trigger-size) * -1)}}',g=class extends p{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.icon="informationsource",this.position=d.BOTTOM_RIGHT,this.label=void 0,this.ariaLabel="Apri pannello informazioni",this.size=c.BIG,this.open=!1}adjustPanelPosition(){if(!this.open||!this.panel)return;const i=this.host.getBoundingClientRect(),n=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10),a=document.documentElement.offsetWidth,r=Math.round((this.position.includes("left")?a-i.left:i.right)-n);this.panel.style.maxWidth=`${r}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=!1}handleEscapeKey(i){i.key==="Escape"&&this.open&&this.closePanel()}render(){return e(f,{key:"ae33db9c8400ef312982f08e48bf562555e88be6",open:this.open},e("button",{key:"f9379659f7316a15a81a7709b2d46f96eca7ef0f",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":this.label?void 0:this.ariaLabel,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&e("z-icon",{key:"577b8fff8d1880d001fbb521f579a995b163f874",name:this.icon}),this.label&&e("span",{key:"cf149d3d447b93ac2b850c97dfbedfd1eb5660ae",class:"z-info-reveal-label"},this.label)),e("div",{key:"2d89dfac2554a1d8c93f980884659b9d4547ec41",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:i=>this.panel=i,hidden:!this.open},e("slot",{key:"b76d72507878089b45c2065483ac6f2a57633409"}),e("button",{key:"a9cd3ff35f426af5445e11c5e218ea7f63f796f7",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},e("z-icon",{key:"133314f3a14996e5a448d51035076a4d780f6502",name:"multiply"}))))}get host(){return this}static get watchers(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}}static get style(){return h}};l(g,[1,"z-info-reveal",{icon:[1],position:[520],label:[1],ariaLabel:[1,"aria-label"],size:[520],open:[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}]);const o={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZInfoReveal",tagName:"z-info-reveal",customElement:!0,members:[{kind:"field",name:"icon",type:"string",description:"Name of the icon for the trigger button",default:'"informationsource"'},{kind:"field",name:"position",type:"any",description:"The position of the z-info-reveal in the page. This helps to correctly place the info panel.\nThe panel will grow in the opposite direction of the position.\nFor example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.",default:"InfoRevealPosition.BOTTOM_RIGHT"},{kind:"field",name:"label",type:"string",description:"Label of the trigger button."},{kind:"field",name:"ariaLabel",type:"string",description:"Aria label of the trigger button. It will be only used when `label` prop is empty.",default:'"Apri pannello informazioni"'},{kind:"field",name:"size",type:"any",description:"Size of the trigger button",default:"ControlSize.BIG"}],events:[],cssProperties:[{name:"--z-info-reveal-panel-width",description:"Width of the info panel."}],slots:[{name:"-",description:"content of the info panel."}]}],exports:[{kind:"js",name:"ZInfoReveal",declaration:{name:"ZInfoReveal",module:"src/components/z-info-reveal/index.tsx"}},{kind:"custom-element-definition",name:"z-info-reveal",declaration:{name:"ZInfoReveal",module:"src/components/z-info-reveal/index.tsx"}}]}]};s({...t()||{},...o,modules:[...(t()||{}).modules||[],...o.modules]}); +import"./index-BpZkdoDR.js";import{s,g as t}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as l,H as c,h as e,a as p}from"./index-BZ0rSFNp.js";import{n as d,C as f}from"./index-JHKFBkCx.js";const h=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:18px}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:16px}.z-info-reveal-panel{position:absolute;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{position:fixed;top:auto !important;bottom:auto !important;left:var(--grid-margin) !important;width:calc(100% - (var(--grid-margin) * 2)) !important;max-width:none !important;margin-top:calc(var(--trigger-size) * -1)}}',g=class extends c{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.icon="informationsource",this.position=d.BOTTOM_RIGHT,this.label=void 0,this.ariaLabel="Apri pannello informazioni",this.size=f.BIG,this.open=!1}adjustPanelPosition(){if(!this.open||!this.panel)return;const i=this.host.getBoundingClientRect(),n=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10),a=document.documentElement.offsetWidth,r=Math.round((this.position.includes("left")?a-i.left:i.right)-n);this.panel.style.maxWidth=`${r}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=!1}handleEscapeKey(i){i.key==="Escape"&&this.open&&this.closePanel()}render(){return e(p,{key:"f9b9553b69c4a26d1c1feeb3175ea525485160c7",open:this.open},e("button",{key:"9e6cacbcde026049a6fce4716a691479b0aa88db",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":this.label?void 0:this.ariaLabel,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&e("z-icon",{key:"76d3e8081241c19b7a84766984020f5c124fb867",name:this.icon}),this.label&&e("span",{key:"4f6baf6ad2b24a7fa86c5f8ca6cd3a1d8610079c",class:"z-info-reveal-label"},this.label)),e("div",{key:"affd8c391d67314dcde397c5d391c1db7063e2e7",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:i=>this.panel=i,hidden:!this.open},e("slot",{key:"eb880e2e0c5bdadbaa2fafc150147e7786cc9df4"}),e("button",{key:"7349c3be8c4c3703bb2b30ec081225f89aa780c6",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},e("z-icon",{key:"8e37567a11d39ebe547ef5d4236a68e6cc4f3dc0",name:"multiply"}))))}get host(){return this}static get watchers(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}}static get style(){return h}};l(g,[1,"z-info-reveal",{icon:[1],position:[520],label:[1],ariaLabel:[1,"aria-label"],size:[520],open:[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}]);const o={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZInfoReveal",tagName:"z-info-reveal",customElement:!0,members:[{kind:"field",name:"icon",type:"string",description:"Name of the icon for the trigger button",default:'"informationsource"'},{kind:"field",name:"position",type:"any",description:"The position of the z-info-reveal in the page. This helps to correctly place the info panel.\nThe panel will grow in the opposite direction of the position.\nFor example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.",default:"InfoRevealPosition.BOTTOM_RIGHT"},{kind:"field",name:"label",type:"string",description:"Label of the trigger button."},{kind:"field",name:"ariaLabel",type:"string",description:"Aria label of the trigger button. It will be only used when `label` prop is empty.",default:'"Apri pannello informazioni"'},{kind:"field",name:"size",type:"any",description:"Size of the trigger button",default:"ControlSize.BIG"}],events:[],cssProperties:[{name:"--z-info-reveal-panel-width",description:"Width of the info panel."}],slots:[{name:"-",description:"content of the info panel."}]}],exports:[{kind:"js",name:"ZInfoReveal",declaration:{name:"ZInfoReveal",module:"src/components/z-info-reveal/index.tsx"}},{kind:"custom-element-definition",name:"z-info-reveal",declaration:{name:"ZInfoReveal",module:"src/components/z-info-reveal/index.tsx"}}]}]};s({...t()||{},...o,modules:[...(t()||{}).modules||[],...o.modules]}); diff --git a/assets/index-D6yt723T.js b/assets/index-BAtxMdpG.js similarity index 99% rename from assets/index-D6yt723T.js rename to assets/index-BAtxMdpG.js index 1ef31f8aa..b0f926b0a 100644 --- a/assets/index-D6yt723T.js +++ b/assets/index-BAtxMdpG.js @@ -4,4 +4,4 @@ import"./index-BpZkdoDR.js";import{s as Fe,g as te}from"./chunk-L4EGOTBX-lo-pZyl * Copyright (c) 2016 Jorik Tangelder; * Licensed under the MIT license */(function(a){(function(l,X,F,p){var Ot=["","webkit","Moz","MS","ms","o"],ne=X.createElement("div"),se="function",U=Math.round,w=Math.abs,ft=Date.now;function dt(t,e,i){return setTimeout(pt(t,i),e)}function k(t,e,i){return Array.isArray(t)?(N(t,i[e],i),!0):!1}function N(t,e,i){var n;if(t)if(t.forEach)t.forEach(e,i);else if(t.length!==p)for(n=0;n\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",o=l.console&&(l.console.warn||l.console.log);return o&&o.call(l.console,n,r),t.apply(this,arguments)}}var I;typeof Object.assign!="function"?I=function(e){if(e===p||e===null)throw new TypeError("Cannot convert undefined or null to object");for(var i=Object(e),n=1;n-1}function $(t){return t.trim().split(/\s+/g)}function H(t,e,i){if(t.indexOf&&!i)return t.indexOf(e);for(var n=0;nd[e]}),n}function et(t,e){for(var i,n,s=e[0].toUpperCase()+e.slice(1),r=0;r1&&!i.firstMultiple?i.firstMultiple=kt(e):s===1&&(i.firstMultiple=!1);var r=i.firstInput,o=i.firstMultiple,h=o?o.center:r.center,u=e.center=Ht(n);e.timeStamp=ft(),e.deltaTime=e.timeStamp-r.timeStamp,e.angle=gt(h,u),e.distance=st(h,u),ge(i,e),e.offsetDirection=Xt(e.deltaX,e.deltaY);var d=Yt(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=d.x,e.overallVelocityY=d.y,e.overallVelocity=w(d.x)>w(d.y)?d.x:d.y,e.scale=o?ye(o.pointers,n):1,e.rotation=o?Ee(o.pointers,n):0,e.maxPointers=i.prevInput?e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers:e.pointers.length,Te(i,e);var b=t.element;wt(e.srcEvent.target,b)&&(b=e.srcEvent.target),e.target=b}function ge(t,e){var i=e.center,n=t.offsetDelta||{},s=t.prevDelta||{},r=t.prevInput||{};(e.eventType===f||r.eventType===c)&&(s=t.prevDelta={x:r.deltaX||0,y:r.deltaY||0},n=t.offsetDelta={x:i.x,y:i.y}),e.deltaX=s.x+(i.x-n.x),e.deltaY=s.y+(i.y-n.y)}function Te(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,r,o,h;if(e.eventType!=v&&(n>de||i.velocity===p)){var u=e.deltaX-i.deltaX,d=e.deltaY-i.deltaY,b=Yt(n,u,d);r=b.x,o=b.y,s=w(b.x)>w(b.y)?b.x:b.y,h=Xt(u,d),t.lastInterval=e}else s=i.velocity,r=i.velocityX,o=i.velocityY,h=i.direction;e.velocity=s,e.velocityX=r,e.velocityY=o,e.direction=h}function kt(t){for(var e=[],i=0;i=w(e)?t<0?z:V:e<0?q:G}function st(t,e,i){i||(i=Ut);var n=e[i[0]]-t[i[0]],s=e[i[1]]-t[i[1]];return Math.sqrt(n*n+s*s)}function gt(t,e,i){i||(i=Ut);var n=e[i[0]]-t[i[0]],s=e[i[1]]-t[i[1]];return Math.atan2(s,n)*180/Math.PI}function Ee(t,e){return gt(e[1],e[0],nt)+gt(t[1],t[0],nt)}function ye(t,e){return st(e[0],e[1],nt)/st(t[0],t[1],nt)}var Ie={mousedown:f,mousemove:M,mouseup:c},_e="mousedown",Ce="mousemove mouseup";function rt(){this.evEl=_e,this.evWin=Ce,this.pressed=!1,g.apply(this,arguments)}m(rt,g,{handler:function(e){var i=Ie[e.type];i&f&&e.button===0&&(this.pressed=!0),i&M&&e.which!==1&&(i=c),this.pressed&&(i&c&&(this.pressed=!1),this.callback(this.manager,i,{pointers:[e],changedPointers:[e],pointerType:mt,srcEvent:e}))}});var be={pointerdown:f,pointermove:M,pointerup:c,pointercancel:v,pointerout:v},Ne={2:W,3:ue,4:mt,5:fe},Ft="pointerdown",Wt="pointermove pointerup pointercancel";l.MSPointerEvent&&!l.PointerEvent&&(Ft="MSPointerDown",Wt="MSPointerMove MSPointerUp MSPointerCancel");function Tt(){this.evEl=Ft,this.evWin=Wt,g.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}m(Tt,g,{handler:function(e){var i=this.store,n=!1,s=e.type.toLowerCase().replace("ms",""),r=be[s],o=Ne[e.pointerType]||e.pointerType,h=o==W,u=H(i,e.pointerId,"pointerId");r&f&&(e.button===0||h)?u<0&&(i.push(e),u=i.length-1):r&(c|v)&&(n=!0),!(u<0)&&(i[u]=e,this.callback(this.manager,r,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e}),n&&i.splice(u,1))}});var Pe={touchstart:f,touchmove:M,touchend:c,touchcancel:v},Oe="touchstart",xe="touchstart touchmove touchend touchcancel";function zt(){this.evTarget=Oe,this.evWin=xe,this.started=!1,g.apply(this,arguments)}m(zt,g,{handler:function(e){var i=Pe[e.type];if(i===f&&(this.started=!0),!!this.started){var n=Ae.call(this,e,i);i&(c|v)&&n[0].length-n[1].length===0&&(this.started=!1),this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:W,srcEvent:e})}}});function Ae(t,e){var i=tt(t.touches),n=tt(t.changedTouches);return e&(c|v)&&(i=Dt(i.concat(n),"identifier")),[i,n]}var Se={touchstart:f,touchmove:M,touchend:c,touchcancel:v},we="touchstart touchmove touchend touchcancel";function at(){this.evTarget=we,this.targetIds={},g.apply(this,arguments)}m(at,g,{handler:function(e){var i=Se[e.type],n=De.call(this,e,i);n&&this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:W,srcEvent:e})}});function De(t,e){var i=tt(t.touches),n=this.targetIds;if(e&(f|M)&&i.length===1)return n[i[0].identifier]=!0,[i,i];var s,r,o=tt(t.changedTouches),h=[],u=this.target;if(r=i.filter(function(d){return wt(d.target,u)}),e===f)for(s=0;s-1&&n.splice(r,1)};setTimeout(s,Me)}}function Re(t){for(var e=t.srcEvent.clientX,i=t.srcEvent.clientY,n=0;n-1&&this.requireFail.splice(e,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this,i=this.state;function n(s){e.manager.emit(s,t)}i=A&&n(e.options.event+Jt(i))},tryEmit:function(t){if(this.canEmit())return this.emit(t);this.state=C},canEmit:function(){for(var t=0;te.threshold&&s&e.direction},attrTest:function(t){return E.prototype.attrTest.call(this,t)&&(this.state&T||!(this.state&T)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX,this.pY=t.deltaY;var e=Qt(t.direction);e&&(t.additionalEvent=this.options.event+e),this._super.emit.call(this,t)}});function _t(){E.apply(this,arguments)}m(_t,E,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[R]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&T)},emit:function(t){if(t.scale!==1){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function Ct(){O.apply(this,arguments),this._timer=null,this._input=null}m(Ct,O,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[jt]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,n=t.distancee.time;if(this._input=t,!n||!i||t.eventType&(c|v)&&!s)this.reset();else if(t.eventType&f)this.reset(),this._timer=dt(function(){this.state=P,this.tryEmit()},e.time,this);else if(t.eventType&c)return P;return C},reset:function(){clearTimeout(this._timer)},emit:function(t){this.state===P&&(t&&t.eventType&c?this.manager.emit(this.options.event+"up",t):(this._input.timeStamp=ft(),this.manager.emit(this.options.event,this._input)))}});function bt(){E.apply(this,arguments)}m(bt,E,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[R]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&T)}});function Nt(){E.apply(this,arguments)}m(Nt,E,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:_|L,pointers:1},getTouchAction:function(){return ht.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction,i;return e&(_|L)?i=t.overallVelocity:e&_?i=t.overallVelocityX:e&L&&(i=t.overallVelocityY),this._super.attrTest.call(this,t)&&e&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&w(i)>this.options.velocity&&t.eventType&c},emit:function(t){var e=Qt(t.offsetDirection);e&&this.manager.emit(this.options.event+e,t),this.manager.emit(this.options.event,t)}});function ut(){O.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}m(ut,O,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[yt]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,n=t.distance#external-container{display:flex;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-white);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}z-icon{display:inline-block;vertical-align:0}z-icon:focus{padding:calc(var(--space-unit) / 4);border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}",Je=class extends ze{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.toastClose=Ve(this,"toastClose",7),this.isCloseEventCalled=!1,this.heading=void 0,this.message=void 0,this.closebutton=void 0,this.autoclose=void 0,this.pauseonfocusloss=!0,this.type=void 0,this.isdraggable=!0,this.draggablepercentage=80,this.transition=void 0,this.percentage=void 0}watchPropIsdraggable(a){a?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(a){clearTimeout(this.timeoutHandle),this.startClosingTimeout(a)}watchPropPauseonfocusloss(a){this.autoclose&&(a?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(a){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(a),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=Ge.MOBILE,this.validateAutoclose(),this.percentage=0}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){document.visibilityState==="hidden"?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}validateAutoclose(){!this.autoclose&&!this.closebutton&&console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case x.SLIDE_IN_DOWN:return x.SLIDE_OUT_UP;case x.SLIDE_IN_UP:return x.SLIDE_OUT_DOWN;case x.SLIDE_IN_LEFT:return x.SLIDE_OUT_RIGHT;case x.SLIDE_IN_RIGHT:return x.SLIDE_OUT_LEFT}}calculateDraggedPercentage(a){const l=this.hostElement.getBoundingClientRect();return Math.round(100*a.deltaX/l.width)}handleSlideOutDragAnimation(){this.sliderManager=new J(this.hostElement),this.sliderManager.get("pan").set({direction:J.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",a=>{this.percentage=this.calculateDraggedPercentage(a),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const l={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`,(a.eventType===J.DIRECTION_LEFT||a.eventType===J.DIRECTION_RIGHT)&&(this.hostElement.style.transform=l.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(a.direction===J.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),a.isFinal&&Math.abs(this.percentage)0&&this.startClosingTimeout(a)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(a){this.timeoutHandle=window.setTimeout(()=>this.emitToastClose(this.mapSlideOutClass()),a)}detectWrap(){const a=this.container.offsetWidth,l=this.container.children;let X=0;for(let F=0;Fa}renderText(){return y("div",{id:"text",ref:a=>this.toastText=a},y("span",{class:"title"},this.heading),y("span",{class:"message"},this.message))}renderButton(){return y("div",{id:"button"},y("slot",{name:"button"}))}renderCloseIcon(){if(this.closebutton)return y("div",{id:"icon"},y("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:a=>{(a.keyCode==32||a.keyCode==13)&&(a.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return y("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:a=>this.container=a},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return y("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},y("div",{id:"flex-container",ref:a=>this.container=a},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return y(qe,{key:"f65a4f2274d5f14d02ca0553411eab4b73dd98f2",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:x.SLIDE_IN_DOWN,onAnimationEnd:a=>{this.autoclose&&a.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),a.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return this}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}static get style(){return je}};We(Je,[1,"z-toast-notification",{heading:[1],message:[1],closebutton:[4],autoclose:[2],pauseonfocusloss:[4],type:[8],isdraggable:[4],draggablepercentage:[2],transition:[8],percentage:[32]},void 0,{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}]);const ee={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZToastNotification",tagName:"z-toast-notification",customElement:!0,members:[{kind:"field",name:"heading",type:"string",description:"toast notification's title"},{kind:"field",name:"message",type:"string",description:"toast notification's message"},{kind:"field",name:"closebutton",type:"boolean",description:"toggles closing button rendering"},{kind:"field",name:"autoclose",type:"number",description:"toast notification closing timeout (ms)"},{kind:"field",name:"pauseonfocusloss",type:"boolean",description:"toast notification autoclose can be paused",default:"true"},{kind:"field",name:"type",type:"any",description:"toast notification type: dark, light, accent, error, success, warning"},{kind:"field",name:"isdraggable",type:"boolean",description:"toast notification can be draggable",default:"true"},{kind:"field",name:"draggablepercentage",type:"number",description:"toast notification draggable percentage",default:"80"},{kind:"field",name:"transition",type:"any",description:"toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up"}],events:[{kind:"event",name:"toastClose",description:"notification close event"}]}],exports:[{kind:"js",name:"ZToastNotification",declaration:{name:"ZToastNotification",module:"src/components/z-toast-notification/index.tsx"}},{kind:"custom-element-definition",name:"z-toast-notification",declaration:{name:"ZToastNotification",module:"src/components/z-toast-notification/index.tsx"}}]}]};Fe({...te()||{},...ee,modules:[...(te()||{}).modules||[],...ee.modules]}); +`;return function(){var s=new Error("get-stack-trace"),r=s&&s.stack?s.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",o=l.console&&(l.console.warn||l.console.log);return o&&o.call(l.console,n,r),t.apply(this,arguments)}}var I;typeof Object.assign!="function"?I=function(e){if(e===p||e===null)throw new TypeError("Cannot convert undefined or null to object");for(var i=Object(e),n=1;n-1}function $(t){return t.trim().split(/\s+/g)}function H(t,e,i){if(t.indexOf&&!i)return t.indexOf(e);for(var n=0;nd[e]}),n}function et(t,e){for(var i,n,s=e[0].toUpperCase()+e.slice(1),r=0;r1&&!i.firstMultiple?i.firstMultiple=kt(e):s===1&&(i.firstMultiple=!1);var r=i.firstInput,o=i.firstMultiple,h=o?o.center:r.center,u=e.center=Ht(n);e.timeStamp=ft(),e.deltaTime=e.timeStamp-r.timeStamp,e.angle=gt(h,u),e.distance=st(h,u),ge(i,e),e.offsetDirection=Xt(e.deltaX,e.deltaY);var d=Yt(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=d.x,e.overallVelocityY=d.y,e.overallVelocity=w(d.x)>w(d.y)?d.x:d.y,e.scale=o?ye(o.pointers,n):1,e.rotation=o?Ee(o.pointers,n):0,e.maxPointers=i.prevInput?e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers:e.pointers.length,Te(i,e);var b=t.element;wt(e.srcEvent.target,b)&&(b=e.srcEvent.target),e.target=b}function ge(t,e){var i=e.center,n=t.offsetDelta||{},s=t.prevDelta||{},r=t.prevInput||{};(e.eventType===f||r.eventType===c)&&(s=t.prevDelta={x:r.deltaX||0,y:r.deltaY||0},n=t.offsetDelta={x:i.x,y:i.y}),e.deltaX=s.x+(i.x-n.x),e.deltaY=s.y+(i.y-n.y)}function Te(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,r,o,h;if(e.eventType!=v&&(n>de||i.velocity===p)){var u=e.deltaX-i.deltaX,d=e.deltaY-i.deltaY,b=Yt(n,u,d);r=b.x,o=b.y,s=w(b.x)>w(b.y)?b.x:b.y,h=Xt(u,d),t.lastInterval=e}else s=i.velocity,r=i.velocityX,o=i.velocityY,h=i.direction;e.velocity=s,e.velocityX=r,e.velocityY=o,e.direction=h}function kt(t){for(var e=[],i=0;i=w(e)?t<0?z:V:e<0?q:G}function st(t,e,i){i||(i=Ut);var n=e[i[0]]-t[i[0]],s=e[i[1]]-t[i[1]];return Math.sqrt(n*n+s*s)}function gt(t,e,i){i||(i=Ut);var n=e[i[0]]-t[i[0]],s=e[i[1]]-t[i[1]];return Math.atan2(s,n)*180/Math.PI}function Ee(t,e){return gt(e[1],e[0],nt)+gt(t[1],t[0],nt)}function ye(t,e){return st(e[0],e[1],nt)/st(t[0],t[1],nt)}var Ie={mousedown:f,mousemove:M,mouseup:c},_e="mousedown",Ce="mousemove mouseup";function rt(){this.evEl=_e,this.evWin=Ce,this.pressed=!1,g.apply(this,arguments)}m(rt,g,{handler:function(e){var i=Ie[e.type];i&f&&e.button===0&&(this.pressed=!0),i&M&&e.which!==1&&(i=c),this.pressed&&(i&c&&(this.pressed=!1),this.callback(this.manager,i,{pointers:[e],changedPointers:[e],pointerType:mt,srcEvent:e}))}});var be={pointerdown:f,pointermove:M,pointerup:c,pointercancel:v,pointerout:v},Ne={2:W,3:ue,4:mt,5:fe},Ft="pointerdown",Wt="pointermove pointerup pointercancel";l.MSPointerEvent&&!l.PointerEvent&&(Ft="MSPointerDown",Wt="MSPointerMove MSPointerUp MSPointerCancel");function Tt(){this.evEl=Ft,this.evWin=Wt,g.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}m(Tt,g,{handler:function(e){var i=this.store,n=!1,s=e.type.toLowerCase().replace("ms",""),r=be[s],o=Ne[e.pointerType]||e.pointerType,h=o==W,u=H(i,e.pointerId,"pointerId");r&f&&(e.button===0||h)?u<0&&(i.push(e),u=i.length-1):r&(c|v)&&(n=!0),!(u<0)&&(i[u]=e,this.callback(this.manager,r,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e}),n&&i.splice(u,1))}});var Pe={touchstart:f,touchmove:M,touchend:c,touchcancel:v},Oe="touchstart",xe="touchstart touchmove touchend touchcancel";function zt(){this.evTarget=Oe,this.evWin=xe,this.started=!1,g.apply(this,arguments)}m(zt,g,{handler:function(e){var i=Pe[e.type];if(i===f&&(this.started=!0),!!this.started){var n=Ae.call(this,e,i);i&(c|v)&&n[0].length-n[1].length===0&&(this.started=!1),this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:W,srcEvent:e})}}});function Ae(t,e){var i=tt(t.touches),n=tt(t.changedTouches);return e&(c|v)&&(i=Dt(i.concat(n),"identifier")),[i,n]}var Se={touchstart:f,touchmove:M,touchend:c,touchcancel:v},we="touchstart touchmove touchend touchcancel";function at(){this.evTarget=we,this.targetIds={},g.apply(this,arguments)}m(at,g,{handler:function(e){var i=Se[e.type],n=De.call(this,e,i);n&&this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:W,srcEvent:e})}});function De(t,e){var i=tt(t.touches),n=this.targetIds;if(e&(f|M)&&i.length===1)return n[i[0].identifier]=!0,[i,i];var s,r,o=tt(t.changedTouches),h=[],u=this.target;if(r=i.filter(function(d){return wt(d.target,u)}),e===f)for(s=0;s-1&&n.splice(r,1)};setTimeout(s,Me)}}function Re(t){for(var e=t.srcEvent.clientX,i=t.srcEvent.clientY,n=0;n-1&&this.requireFail.splice(e,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this,i=this.state;function n(s){e.manager.emit(s,t)}i=A&&n(e.options.event+Jt(i))},tryEmit:function(t){if(this.canEmit())return this.emit(t);this.state=C},canEmit:function(){for(var t=0;te.threshold&&s&e.direction},attrTest:function(t){return E.prototype.attrTest.call(this,t)&&(this.state&T||!(this.state&T)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX,this.pY=t.deltaY;var e=Qt(t.direction);e&&(t.additionalEvent=this.options.event+e),this._super.emit.call(this,t)}});function _t(){E.apply(this,arguments)}m(_t,E,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[R]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&T)},emit:function(t){if(t.scale!==1){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function Ct(){O.apply(this,arguments),this._timer=null,this._input=null}m(Ct,O,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[jt]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,n=t.distancee.time;if(this._input=t,!n||!i||t.eventType&(c|v)&&!s)this.reset();else if(t.eventType&f)this.reset(),this._timer=dt(function(){this.state=P,this.tryEmit()},e.time,this);else if(t.eventType&c)return P;return C},reset:function(){clearTimeout(this._timer)},emit:function(t){this.state===P&&(t&&t.eventType&c?this.manager.emit(this.options.event+"up",t):(this._input.timeStamp=ft(),this.manager.emit(this.options.event,this._input)))}});function bt(){E.apply(this,arguments)}m(bt,E,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[R]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&T)}});function Nt(){E.apply(this,arguments)}m(Nt,E,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:_|L,pointers:1},getTouchAction:function(){return ht.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction,i;return e&(_|L)?i=t.overallVelocity:e&_?i=t.overallVelocityX:e&L&&(i=t.overallVelocityY),this._super.attrTest.call(this,t)&&e&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&w(i)>this.options.velocity&&t.eventType&c},emit:function(t){var e=Qt(t.offsetDirection);e&&this.manager.emit(this.options.event+e,t),this.manager.emit(this.options.event,t)}});function ut(){O.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}m(ut,O,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[yt]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,n=t.distance#external-container{display:flex;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-white);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}z-icon{display:inline-block;vertical-align:0}z-icon:focus{padding:calc(var(--space-unit) / 4);border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}",Je=class extends ze{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.toastClose=Ve(this,"toastClose",7),this.isCloseEventCalled=!1,this.heading=void 0,this.message=void 0,this.closebutton=void 0,this.autoclose=void 0,this.pauseonfocusloss=!0,this.type=void 0,this.isdraggable=!0,this.draggablepercentage=80,this.transition=void 0,this.percentage=void 0}watchPropIsdraggable(a){a?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(a){clearTimeout(this.timeoutHandle),this.startClosingTimeout(a)}watchPropPauseonfocusloss(a){this.autoclose&&(a?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(a){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(a),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=Ge.MOBILE,this.validateAutoclose(),this.percentage=0}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){document.visibilityState==="hidden"?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}validateAutoclose(){!this.autoclose&&!this.closebutton&&console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case x.SLIDE_IN_DOWN:return x.SLIDE_OUT_UP;case x.SLIDE_IN_UP:return x.SLIDE_OUT_DOWN;case x.SLIDE_IN_LEFT:return x.SLIDE_OUT_RIGHT;case x.SLIDE_IN_RIGHT:return x.SLIDE_OUT_LEFT}}calculateDraggedPercentage(a){const l=this.hostElement.getBoundingClientRect();return Math.round(100*a.deltaX/l.width)}handleSlideOutDragAnimation(){this.sliderManager=new J(this.hostElement),this.sliderManager.get("pan").set({direction:J.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",a=>{this.percentage=this.calculateDraggedPercentage(a),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const l={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`,(a.eventType===J.DIRECTION_LEFT||a.eventType===J.DIRECTION_RIGHT)&&(this.hostElement.style.transform=l.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(a.direction===J.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),a.isFinal&&Math.abs(this.percentage)0&&this.startClosingTimeout(a)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(a){this.timeoutHandle=window.setTimeout(()=>this.emitToastClose(this.mapSlideOutClass()),a)}detectWrap(){const a=this.container.offsetWidth,l=this.container.children;let X=0;for(let F=0;Fa}renderText(){return y("div",{id:"text",ref:a=>this.toastText=a},y("span",{class:"title"},this.heading),y("span",{class:"message"},this.message))}renderButton(){return y("div",{id:"button"},y("slot",{name:"button"}))}renderCloseIcon(){if(this.closebutton)return y("div",{id:"icon"},y("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:a=>{(a.keyCode==32||a.keyCode==13)&&(a.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return y("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:a=>this.container=a},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return y("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},y("div",{id:"flex-container",ref:a=>this.container=a},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return y(qe,{key:"f15b234924e856fe2115687c62821b1500bba846",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:x.SLIDE_IN_DOWN,onAnimationEnd:a=>{this.autoclose&&a.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),a.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return this}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}static get style(){return je}};We(Je,[1,"z-toast-notification",{heading:[1],message:[1],closebutton:[4],autoclose:[2],pauseonfocusloss:[4],type:[8],isdraggable:[4],draggablepercentage:[2],transition:[8],percentage:[32]},void 0,{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}]);const ee={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZToastNotification",tagName:"z-toast-notification",customElement:!0,members:[{kind:"field",name:"heading",type:"string",description:"toast notification's title"},{kind:"field",name:"message",type:"string",description:"toast notification's message"},{kind:"field",name:"closebutton",type:"boolean",description:"toggles closing button rendering"},{kind:"field",name:"autoclose",type:"number",description:"toast notification closing timeout (ms)"},{kind:"field",name:"pauseonfocusloss",type:"boolean",description:"toast notification autoclose can be paused",default:"true"},{kind:"field",name:"type",type:"any",description:"toast notification type: dark, light, accent, error, success, warning"},{kind:"field",name:"isdraggable",type:"boolean",description:"toast notification can be draggable",default:"true"},{kind:"field",name:"draggablepercentage",type:"number",description:"toast notification draggable percentage",default:"80"},{kind:"field",name:"transition",type:"any",description:"toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up"}],events:[{kind:"event",name:"toastClose",description:"notification close event"}]}],exports:[{kind:"js",name:"ZToastNotification",declaration:{name:"ZToastNotification",module:"src/components/z-toast-notification/index.tsx"}},{kind:"custom-element-definition",name:"z-toast-notification",declaration:{name:"ZToastNotification",module:"src/components/z-toast-notification/index.tsx"}}]}]};Fe({...te()||{},...ee,modules:[...(te()||{}).modules||[],...ee.modules]}); diff --git a/assets/index-D5SXTw8i.js b/assets/index-BIo1aSLD.js similarity index 93% rename from assets/index-D5SXTw8i.js rename to assets/index-BIo1aSLD.js index 3842e2115..397762323 100644 --- a/assets/index-D5SXTw8i.js +++ b/assets/index-BIo1aSLD.js @@ -1 +1 @@ -import{s as d,g as i}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as r,H as t,h as s,a as o}from"./index-BZ0rSFNp.js";import{D as a,f as n}from"./index-JHKFBkCx.js";const l=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}",v=class extends t{constructor(){super(),this.__registerHost(),this.size=a.SMALL,this.color="gray200",this.orientation=n.HORIZONTAL}render(){return s(o,{key:"36f2f5749304918544a40fad773118347e4d5dcf",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}static get style(){return l}};r(v,[2,"z-divider",{size:[8],color:[1],orientation:[8]}]);const e={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZDivider",tagName:"z-divider",customElement:!0,members:[{kind:"field",name:"size",type:"any",description:"[optional] Divider size",default:"DividerSize.SMALL"},{kind:"field",name:"color",type:"string",description:"[optional] Divider color",default:'"gray200"'},{kind:"field",name:"orientation",type:"any",description:"[optional] Divider orintation",default:"DividerOrientation.HORIZONTAL"}],events:[]}],exports:[{kind:"js",name:"ZDivider",declaration:{name:"ZDivider",module:"src/components/z-divider/index.tsx"}},{kind:"custom-element-definition",name:"z-divider",declaration:{name:"ZDivider",module:"src/components/z-divider/index.tsx"}}]}]};d({...i()||{},...e,modules:[...(i()||{}).modules||[],...e.modules]}); +import{s as d,g as i}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as r,H as t,h as s,a as o}from"./index-BZ0rSFNp.js";import{D as a,f as n}from"./index-JHKFBkCx.js";const l=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}",v=class extends t{constructor(){super(),this.__registerHost(),this.size=a.SMALL,this.color="gray200",this.orientation=n.HORIZONTAL}render(){return s(o,{key:"30c096300b81872dc53d6086105481e61e8870b6",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}static get style(){return l}};r(v,[2,"z-divider",{size:[8],color:[1],orientation:[8]}]);const e={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZDivider",tagName:"z-divider",customElement:!0,members:[{kind:"field",name:"size",type:"any",description:"[optional] Divider size",default:"DividerSize.SMALL"},{kind:"field",name:"color",type:"string",description:"[optional] Divider color",default:'"gray200"'},{kind:"field",name:"orientation",type:"any",description:"[optional] Divider orintation",default:"DividerOrientation.HORIZONTAL"}],events:[]}],exports:[{kind:"js",name:"ZDivider",declaration:{name:"ZDivider",module:"src/components/z-divider/index.tsx"}},{kind:"custom-element-definition",name:"z-divider",declaration:{name:"ZDivider",module:"src/components/z-divider/index.tsx"}}]}]};d({...i()||{},...e,modules:[...(i()||{}).modules||[],...e.modules]}); diff --git a/assets/index-yb5XMoyl.js b/assets/index-BM_PXX1V.js similarity index 86% rename from assets/index-yb5XMoyl.js rename to assets/index-BM_PXX1V.js index bca8c3f6f..22bed089e 100644 --- a/assets/index-yb5XMoyl.js +++ b/assets/index-BM_PXX1V.js @@ -1 +1 @@ -import"./index-BpZkdoDR.js";import{s as a,g as n}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as l,H as c,c as s,h as e,a as d}from"./index-BZ0rSFNp.js";const r=':host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-secondary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-secondary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-secondary01);font-weight:var(--font-bd)}',m=class extends c{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.opened=s(this,"opened",7),this.closed=s(this,"closed",7),this.active=void 0,this.open=void 0,this.hasContent=void 0}toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(o){!this.open||this.hostElement.contains(o.target)||(this.open=!1,this.closed.emit())}checkContent(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0}onLabelSlotChange(o){const t=o.target.assignedElements()[0];t.dataset.text=(t==null?void 0:t.innerText)||null}componentWillLoad(){this.checkContent()}render(){return e(d,{key:"85752a56c374718d76ca600e518a3c4841fc3013",role:"menu",open:this.open},e("button",{key:"0e754cde11ac420d28e68d4551e2146e8acfe8e2",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},e("slot",{key:"0b806f4a1ac0c2e1fdef97d166ee06ea70d0e05d",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&e("z-icon",{key:"3405e3627a731afa347aabb87c68ef2e34e61f77",name:this.open?"chevron-up":"chevron-down"})),this.open&&e("div",{key:"468f175c46fe67a6a221152b8f7816a74312c1d7",class:"items"},e("slot",{key:"9bd834b46cbdcf51a0717c04d5d8a12ca9b355e9",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return this}static get style(){return r}};l(m,[1,"z-menu-section-deprecated",{active:[516],open:[32],hasContent:[32]},[[4,"click","handleClick"]]]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMenuSectionDeprecated",tagName:"z-menu-section-deprecated",customElement:!0,members:[{kind:"field",name:"active",type:"boolean",description:"Active state"}],events:[{kind:"event",name:"opened",description:"The section has been opened."},{kind:"event",name:"closed",description:"The section has been closed."}],slots:[{name:"-",description:"Label of the menu section."},{name:"item",description:"Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it."}]}],exports:[{kind:"js",name:"ZMenuSectionDeprecated",declaration:{name:"ZMenuSectionDeprecated",module:"src/components/deprecated/z-menu-section-deprecated/index.tsx"}},{kind:"custom-element-definition",name:"z-menu-section-deprecated",declaration:{name:"ZMenuSectionDeprecated",module:"src/components/deprecated/z-menu-section-deprecated/index.tsx"}}]}]};a({...n()||{},...i,modules:[...(n()||{}).modules||[],...i.modules]}); +import"./index-BpZkdoDR.js";import{s as a,g as n}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as l,H as d,c as s,h as e,a as c}from"./index-BZ0rSFNp.js";const r=':host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-secondary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-secondary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-secondary01);font-weight:var(--font-bd)}',m=class extends d{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.opened=s(this,"opened",7),this.closed=s(this,"closed",7),this.active=void 0,this.open=void 0,this.hasContent=void 0}toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(o){!this.open||this.hostElement.contains(o.target)||(this.open=!1,this.closed.emit())}checkContent(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0}onLabelSlotChange(o){const t=o.target.assignedElements()[0];t.dataset.text=(t==null?void 0:t.innerText)||null}componentWillLoad(){this.checkContent()}render(){return e(c,{key:"af9121746a0113d88e5df7c00375739bd8331ad6",role:"menu",open:this.open},e("button",{key:"a72fc7403230cb9befb61081395b90423e36d1ca",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},e("slot",{key:"b1850ab7f5641f6ee1c1ca1ecace1d034bdccd9d",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&e("z-icon",{key:"1cd636be8f21211f6f10607fdef289620ced0eda",name:this.open?"chevron-up":"chevron-down"})),this.open&&e("div",{key:"1de2f177934e39f9379945e1c8a1cfe55dd38b3b",class:"items"},e("slot",{key:"e989ab017cf25ce07678ba9408b3d45098965035",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return this}static get style(){return r}};l(m,[1,"z-menu-section-deprecated",{active:[516],open:[32],hasContent:[32]},[[4,"click","handleClick"]]]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMenuSectionDeprecated",tagName:"z-menu-section-deprecated",customElement:!0,members:[{kind:"field",name:"active",type:"boolean",description:"Active state"}],events:[{kind:"event",name:"opened",description:"The section has been opened."},{kind:"event",name:"closed",description:"The section has been closed."}],slots:[{name:"-",description:"Label of the menu section."},{name:"item",description:"Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it."}]}],exports:[{kind:"js",name:"ZMenuSectionDeprecated",declaration:{name:"ZMenuSectionDeprecated",module:"src/components/deprecated/z-menu-section-deprecated/index.tsx"}},{kind:"custom-element-definition",name:"z-menu-section-deprecated",declaration:{name:"ZMenuSectionDeprecated",module:"src/components/deprecated/z-menu-section-deprecated/index.tsx"}}]}]};a({...n()||{},...i,modules:[...(n()||{}).modules||[],...i.modules]}); diff --git a/assets/index-LFEDVmH0.js b/assets/index-BW87BpV5.js similarity index 82% rename from assets/index-LFEDVmH0.js rename to assets/index-BW87BpV5.js index 1aacc3df4..0002d16ca 100644 --- a/assets/index-LFEDVmH0.js +++ b/assets/index-BW87BpV5.js @@ -1 +1 @@ -import"./index-D5SXTw8i.js";import{s as d,g as s}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as a,H as n,h as t,a as l}from"./index-BZ0rSFNp.js";import{b as p,L as r,D as c,c as h}from"./index-JHKFBkCx.js";const m=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}",u=class extends n{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.size=p.MEDIUM,this.dividerType=r.NONE,this.dividerSize=c.SMALL,this.dividerColor="gray200",this.listType=h.NONE}componentDidLoad(){const i=this.host.children;for(let e=0;ee&&(i[e].setAttribute("divider-type",this.dividerType),i[e].setAttribute("divider-size",this.dividerSize),i[e].setAttribute("divider-color",this.dividerColor)),i[e].setAttribute("size",this.size),i[e].setAttribute("list-type",this.listType),i[e].setAttribute("list-element-position",e.toString())}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return t(l,{key:"116fe1a62a2d61a0d8230eafce4aa07b8e253109",role:"group"},t("div",{key:"8023f157397341d19b355983a065b2b33948e7bb",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},t("slot",{key:"b2aebd984c87fc4cc8ebe2979b2e430cb71ec08d",name:"header-title"}),this.dividerType===r.HEADER&&t("z-divider",{key:"bc2d28c9ef3cf9791fc1ec6514eb556563390e68",color:this.dividerColor,size:this.dividerSize})),t("slot",{key:"f25daebeb730f2c8e756ef28dff0574a7e889a72"}))}get host(){return this}static get style(){return m}};a(u,[1,"z-list-group",{size:[520],dividerType:[520,"divider-type"],dividerSize:[520,"divider-size"],dividerColor:[513,"divider-color"],listType:[520,"list-type"]}]);const o={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZListGroup",tagName:"z-list-group",customElement:!0,members:[{kind:"field",name:"size",type:"any",description:"[optional] Sets size of inside elements.",default:"ListSize.MEDIUM"},{kind:"field",name:"dividerType",type:"any",description:"[optional] Sets the position where to insert the divider.",default:"ListDividerType.NONE"},{kind:"field",name:"dividerSize",type:"any",description:"[optional] Sets the divider size.",default:"DividerSize.SMALL"},{kind:"field",name:"dividerColor",type:"string",description:"[optional] Sets the divider color.",default:'"gray200"'},{kind:"field",name:"listType",type:"any",description:"[optional] type of the list marker for each element",default:"ListType.NONE"}],events:[]}],exports:[{kind:"js",name:"ZListGroup",declaration:{name:"ZListGroup",module:"src/components/list/z-list-group/index.tsx"}},{kind:"custom-element-definition",name:"z-list-group",declaration:{name:"ZListGroup",module:"src/components/list/z-list-group/index.tsx"}}]}]};d({...s()||{},...o,modules:[...(s()||{}).modules||[],...o.modules]}); +import"./index-BIo1aSLD.js";import{s as d,g as s}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as a,H as n,h as t,a as l}from"./index-BZ0rSFNp.js";import{b as p,L as r,D as c,c as h}from"./index-JHKFBkCx.js";const m=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}",u=class extends n{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.size=p.MEDIUM,this.dividerType=r.NONE,this.dividerSize=c.SMALL,this.dividerColor="gray200",this.listType=h.NONE}componentDidLoad(){const i=this.host.children;for(let e=0;ee&&(i[e].setAttribute("divider-type",this.dividerType),i[e].setAttribute("divider-size",this.dividerSize),i[e].setAttribute("divider-color",this.dividerColor)),i[e].setAttribute("size",this.size),i[e].setAttribute("list-type",this.listType),i[e].setAttribute("list-element-position",e.toString())}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return t(l,{key:"86c7959f4a0e7c9249b22bc2923620a5c1d9fba7",role:"group"},t("div",{key:"02cf985596289e1273c9f2797a811a77d2e6ff04",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},t("slot",{key:"b7cd0680da550c9aee723ac3b343416f86cf1f40",name:"header-title"}),this.dividerType===r.HEADER&&t("z-divider",{key:"0e244336d92c6bdca812a1ea97f7890cd79cd75e",color:this.dividerColor,size:this.dividerSize})),t("slot",{key:"12960772a8c202050b96d745cbc605f714e6194f"}))}get host(){return this}static get style(){return m}};a(u,[1,"z-list-group",{size:[520],dividerType:[520,"divider-type"],dividerSize:[520,"divider-size"],dividerColor:[513,"divider-color"],listType:[520,"list-type"]}]);const o={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZListGroup",tagName:"z-list-group",customElement:!0,members:[{kind:"field",name:"size",type:"any",description:"[optional] Sets size of inside elements.",default:"ListSize.MEDIUM"},{kind:"field",name:"dividerType",type:"any",description:"[optional] Sets the position where to insert the divider.",default:"ListDividerType.NONE"},{kind:"field",name:"dividerSize",type:"any",description:"[optional] Sets the divider size.",default:"DividerSize.SMALL"},{kind:"field",name:"dividerColor",type:"string",description:"[optional] Sets the divider color.",default:'"gray200"'},{kind:"field",name:"listType",type:"any",description:"[optional] type of the list marker for each element",default:"ListType.NONE"}],events:[]}],exports:[{kind:"js",name:"ZListGroup",declaration:{name:"ZListGroup",module:"src/components/list/z-list-group/index.tsx"}},{kind:"custom-element-definition",name:"z-list-group",declaration:{name:"ZListGroup",module:"src/components/list/z-list-group/index.tsx"}}]}]};d({...s()||{},...o,modules:[...(s()||{}).modules||[],...o.modules]}); diff --git a/assets/index-C_hIzJtt.js b/assets/index-C6fMNya5.js similarity index 91% rename from assets/index-C_hIzJtt.js rename to assets/index-C6fMNya5.js index 699c23bef..908e24f45 100644 --- a/assets/index-C_hIzJtt.js +++ b/assets/index-C6fMNya5.js @@ -3,4 +3,4 @@ import{s as t,g as e}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-C var(--color-surface02) 0%, var(--color-surface03) 95%, var(--color-surface02) 100% - );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`,d=class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return n(r,{key:"e22bb5e42df0afead505d0912c134eae8179ba64"})}static get style(){return i}};o(d,[1,"z-ghost-loading"]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZGhostLoading",tagName:"z-ghost-loading",customElement:!0,members:[],events:[]}],exports:[{kind:"js",name:"ZGhostLoading",declaration:{name:"ZGhostLoading",module:"src/components/z-ghost-loading/index.tsx"}},{kind:"custom-element-definition",name:"z-ghost-loading",declaration:{name:"ZGhostLoading",module:"src/components/z-ghost-loading/index.tsx"}}]}]};t({...e()||{},...s,modules:[...(e()||{}).modules||[],...s.modules]}); + );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`,d=class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return n(r,{key:"6400aa5693a7eb7abeeccb80bff4576a69c131e6"})}static get style(){return i}};o(d,[1,"z-ghost-loading"]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZGhostLoading",tagName:"z-ghost-loading",customElement:!0,members:[],events:[]}],exports:[{kind:"js",name:"ZGhostLoading",declaration:{name:"ZGhostLoading",module:"src/components/z-ghost-loading/index.tsx"}},{kind:"custom-element-definition",name:"z-ghost-loading",declaration:{name:"ZGhostLoading",module:"src/components/z-ghost-loading/index.tsx"}}]}]};t({...e()||{},...s,modules:[...(e()||{}).modules||[],...s.modules]}); diff --git a/assets/index-C7Mt38_S.js b/assets/index-C87dib6e.js similarity index 75% rename from assets/index-C7Mt38_S.js rename to assets/index-C87dib6e.js index 394080e36..d63f4a2f3 100644 --- a/assets/index-C7Mt38_S.js +++ b/assets/index-C87dib6e.js @@ -1 +1 @@ -import{s as o,g as s}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as l,H as a,h as i,a as r}from"./index-BZ0rSFNp.js";import{b as d,c as m}from"./index-JHKFBkCx.js";const c=":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}",p=class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.size=d.MEDIUM,this.listType=m.NONE,this.role="list"}setChildrenSizeType(){const t=this.host.children;for(let e=0;ethis.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.htmlTabindex},e("div",{key:"5f713e1d44d7a8e922dad38d1025496b69562ee3",class:"container",style:{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},e("div",{key:"f2783cdbdda910213fa42c743aea179f131441a2",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===o.ELEMENT&&e("z-divider",{key:"35cdb53dccbf72edea18f7ff06c077ebcbf0427f",color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get style(){return y}};c(v,[1,"z-list-element",{alignButton:[520,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[8,"divider-type"],dividerSize:[8,"divider-size"],expandable:[516],expandableStyle:[8,"expandable-style"],listElementId:[514,"list-element-id"],size:[520],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[520,"list-type"],role:[513],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]]);const d={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZListElement",tagName:"z-list-element",customElement:!0,members:[{kind:"field",name:"alignButton",type:"any",description:"[optional] Align expandable button left or right.",default:"ExpandableListButtonAlign.LEFT"},{kind:"field",name:"clickable",type:"boolean",description:"[optional] Sets element clickable.",default:"false"},{kind:"field",name:"dividerColor",type:"string",description:"[optional] Sets the divider color.",default:'"color-surface03"'},{kind:"field",name:"dividerType",type:"any",description:"[optional] Sets the position where to insert the divider.",default:"ListDividerType.NONE"},{kind:"field",name:"dividerSize",type:"any",description:"[optional] Sets the divider size.",default:"DividerSize.SMALL"},{kind:"field",name:"expandable",type:"boolean",description:"[optional] Sets element as expandable.",default:"false"},{kind:"field",name:"expandableStyle",type:"any",description:"[optional] Sets expandable style to element.",default:"ExpandableListStyle.ACCORDION"},{kind:"field",name:"listElementId",type:"number",description:"[optional] List element id."},{kind:"field",name:"size",type:"any",description:"[optional] Sets size of inside elements.",default:"ListSize.MEDIUM"},{kind:"field",name:"color",type:"string",description:"[optional] Sets text color of the element.",default:'"none"'},{kind:"field",name:"disabled",type:"boolean",description:"[optional] Sets disabled style of the element.",default:"false"},{kind:"field",name:"listElementPosition",type:"string",description:"[optional] position of the list element inside the list or the group",default:'"0"'},{kind:"field",name:"listType",type:"any",description:"[optional] type of the list marker for each element",default:"ListType.NONE"},{kind:"field",name:"role",type:"string",description:"Sets element role.",default:'"listitem"'},{kind:"field",name:"htmlTabindex",type:"number",description:"set tabindex to Host tag (optional). Defaults to 0.",default:"0"}],events:[{kind:"event",name:"accessibleFocus",description:"remove filter click event, returns filterid"},{kind:"event",name:"ariaDescendantFocus",description:"set parent aria-activedescendant on focus event, returns filterid"},{kind:"event",name:"clickItem",description:"remove filter click event, returns filterid"}]}],exports:[{kind:"js",name:"ZListElement",declaration:{name:"ZListElement",module:"src/components/list/z-list-element/index.tsx"}},{kind:"custom-element-definition",name:"z-list-element",declaration:{name:"ZListElement",module:"src/components/list/z-list-element/index.tsx"}}]}]};r({...a()||{},...d,modules:[...(a()||{}).modules||[],...d.modules]}); +import"./index-BpZkdoDR.js";import"./index-BIo1aSLD.js";import{s as r,g as a}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as c,H as h,c as s,h as e,a as p}from"./index-BZ0rSFNp.js";import{E as m,L as o,D as u,a as f,b,c as i,K as n}from"./index-JHKFBkCx.js";const y=':host{outline:none}:host>.container{--background-color-list-element:var(--color-surface01);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02);display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none}:host([size="small"])>.container{min-height:calc(var(--space-unit) * 4);padding:calc(var(--space-unit) / 2) 0}:host([size="medium"])>.container{min-height:calc(var(--space-unit) * 5);padding:var(--space-unit) 0}:host([size="large"])>.container{min-height:calc(var(--space-unit) * 7);padding:calc(var(--space-unit) * 2) 0}:host([size="x-large"])>.container{min-height:calc(var(--space-unit) * 9);padding:calc(var(--space-unit) * 3) 0}:host([expandable])>.container,:host([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element)}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{box-shadow:var(--shadow-focus-primary)}:host([clickable]:not([expandable]))>.container.clicked{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element)}:host([align-button="left"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}',v=class extends h{accessibleFocusHandler(t){this.listElementId===t.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${t.detail}`).focus()}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.accessibleFocus=s(this,"accessibleFocus",7),this.ariaDescendantFocus=s(this,"ariaDescendantFocus",7),this.clickItem=s(this,"clickItem",7),this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.alignButton=m.LEFT,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=o.NONE,this.dividerSize=u.SMALL,this.expandable=!1,this.expandableStyle=f.ACCORDION,this.listElementId=void 0,this.size=b.MEDIUM,this.color="none",this.disabled=!1,this.listElementPosition="0",this.listType=i.NONE,this.role="listitem",this.htmlTabindex=0,this.showInnerContent=!1,this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent)}handleKeyDown(t){const l=t.code===n.ENTER;switch(t.code){case n.ARROW_DOWN:t.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case n.ARROW_UP:t.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case n.ENTER:t.preventDefault(),this.clickItem.emit(this.listElementId);break}!this.expandable||!l||(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?e("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?e("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},e("slot",{name:"inner-content"})):null}renderContent(){if(this.listType===i.NONE)return e("slot",null);if(this.listType===i.ORDERED)return e("div",{class:"z-list-content-container"},e("div",null,this.listElementPosition,". "),e("slot",null));if(this.listType===i.UNORDERED)return e("div",{class:"z-list-content-container"},e("span",null,"• "),e("slot",null))}render(){return e(p,{key:"5855adf926ca15b78ce19463b33f81e8af853481","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.htmlTabindex},e("div",{key:"f183ecd06ffbfbd1f58a715561c3d00536886e5a",class:"container",style:{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},e("div",{key:"6de0a3ae3c9e824c0fa531209651d0cbeeea5a04",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===o.ELEMENT&&e("z-divider",{key:"875856086068c1dcf9521eaef5df3cc7e59e65fa",color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get style(){return y}};c(v,[1,"z-list-element",{alignButton:[520,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[8,"divider-type"],dividerSize:[8,"divider-size"],expandable:[516],expandableStyle:[8,"expandable-style"],listElementId:[514,"list-element-id"],size:[520],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[520,"list-type"],role:[513],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]]);const d={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZListElement",tagName:"z-list-element",customElement:!0,members:[{kind:"field",name:"alignButton",type:"any",description:"[optional] Align expandable button left or right.",default:"ExpandableListButtonAlign.LEFT"},{kind:"field",name:"clickable",type:"boolean",description:"[optional] Sets element clickable.",default:"false"},{kind:"field",name:"dividerColor",type:"string",description:"[optional] Sets the divider color.",default:'"color-surface03"'},{kind:"field",name:"dividerType",type:"any",description:"[optional] Sets the position where to insert the divider.",default:"ListDividerType.NONE"},{kind:"field",name:"dividerSize",type:"any",description:"[optional] Sets the divider size.",default:"DividerSize.SMALL"},{kind:"field",name:"expandable",type:"boolean",description:"[optional] Sets element as expandable.",default:"false"},{kind:"field",name:"expandableStyle",type:"any",description:"[optional] Sets expandable style to element.",default:"ExpandableListStyle.ACCORDION"},{kind:"field",name:"listElementId",type:"number",description:"[optional] List element id."},{kind:"field",name:"size",type:"any",description:"[optional] Sets size of inside elements.",default:"ListSize.MEDIUM"},{kind:"field",name:"color",type:"string",description:"[optional] Sets text color of the element.",default:'"none"'},{kind:"field",name:"disabled",type:"boolean",description:"[optional] Sets disabled style of the element.",default:"false"},{kind:"field",name:"listElementPosition",type:"string",description:"[optional] position of the list element inside the list or the group",default:'"0"'},{kind:"field",name:"listType",type:"any",description:"[optional] type of the list marker for each element",default:"ListType.NONE"},{kind:"field",name:"role",type:"string",description:"Sets element role.",default:'"listitem"'},{kind:"field",name:"htmlTabindex",type:"number",description:"set tabindex to Host tag (optional). Defaults to 0.",default:"0"}],events:[{kind:"event",name:"accessibleFocus",description:"remove filter click event, returns filterid"},{kind:"event",name:"ariaDescendantFocus",description:"set parent aria-activedescendant on focus event, returns filterid"},{kind:"event",name:"clickItem",description:"remove filter click event, returns filterid"}]}],exports:[{kind:"js",name:"ZListElement",declaration:{name:"ZListElement",module:"src/components/list/z-list-element/index.tsx"}},{kind:"custom-element-definition",name:"z-list-element",declaration:{name:"ZListElement",module:"src/components/list/z-list-element/index.tsx"}}]}]};r({...a()||{},...d,modules:[...(a()||{}).modules||[],...d.modules]}); diff --git a/assets/index-BZb0Tuow.js b/assets/index-CIjuTFzs.js similarity index 83% rename from assets/index-BZb0Tuow.js rename to assets/index-CIjuTFzs.js index 26a67e36d..e9d530d99 100644 --- a/assets/index-BZb0Tuow.js +++ b/assets/index-CIjuTFzs.js @@ -1 +1 @@ -import{ae as e}from"./index-DEBjj2B6.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function s(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{s as M,u}; +import{ae as e}from"./index-Dm9AUBil.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function s(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{s as M,u}; diff --git a/assets/index-BAXVqPNL.js b/assets/index-CLKrh224.js similarity index 98% rename from assets/index-BAXVqPNL.js rename to assets/index-CLKrh224.js index a44d8f305..ea9238d09 100644 --- a/assets/index-BAXVqPNL.js +++ b/assets/index-CLKrh224.js @@ -1,2 +1,2 @@ -import"./index-D5SXTw8i.js";import{s as r,g as i}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as n,H as d,h as e,a}from"./index-BZ0rSFNp.js";import{i as t,D as o}from"./index-JHKFBkCx.js";const l=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}',c=class extends d{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dividerPosition=t.BEFORE,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(a,{key:"4838f67f2312dbdc68d8417304379d79d80442da"},e("slot",{key:"39b338413bac5d4233912b4136230853effba887",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===t.BEFORE&&e("z-divider",{key:"6b305420e99207632c013ce3987339ef354b95e2",size:o.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"e0bc56573dee98d35d53dada3bc6f86b0fa2c96e",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===t.AFTER&&e("z-divider",{key:"a1da4b9b511659415dc7855e9a721a8932b916bc",size:o.LARGE,color:"z-section-title--divider-color"}))}get host(){return this}static get style(){return l}};n(c,[1,"z-section-title",{dividerPosition:[8,"divider-position"],uppercase:[516]}]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZSectionTitle",tagName:"z-section-title",customElement:!0,members:[{kind:"field",name:"dividerPosition",type:"any",description:`Divider position for the primary title. +import"./index-BIo1aSLD.js";import{s as r,g as i}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as n,H as d,h as e,a}from"./index-BZ0rSFNp.js";import{i as t,D as o}from"./index-JHKFBkCx.js";const l=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}',c=class extends d{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dividerPosition=t.BEFORE,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(a,{key:"4838f67f2312dbdc68d8417304379d79d80442da"},e("slot",{key:"39b338413bac5d4233912b4136230853effba887",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===t.BEFORE&&e("z-divider",{key:"6b305420e99207632c013ce3987339ef354b95e2",size:o.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"e0bc56573dee98d35d53dada3bc6f86b0fa2c96e",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===t.AFTER&&e("z-divider",{key:"a1da4b9b511659415dc7855e9a721a8932b916bc",size:o.LARGE,color:"z-section-title--divider-color"}))}get host(){return this}static get style(){return l}};n(c,[1,"z-section-title",{dividerPosition:[8,"divider-position"],uppercase:[516]}]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZSectionTitle",tagName:"z-section-title",customElement:!0,members:[{kind:"field",name:"dividerPosition",type:"any",description:`Divider position for the primary title. This prop only works if the secondary title is not set.`,default:"ZSectionTitleDividerPosition.BEFORE"},{kind:"field",name:"uppercase",type:"boolean",description:"Whether the primary title text is uppercase.",default:"true"}],events:[],cssProperties:[{name:"--z-section-title--divider-color",description:'Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.'}],slots:[{name:"secondary-title",description:"Slot for the secondary title. When present, the divider is always displayed under it, following its width and removing the one for the primary title."},{name:"primary-title",description:"Slot for the primary title."}]}],exports:[{kind:"js",name:"ZSectionTitle",declaration:{name:"ZSectionTitle",module:"src/components/z-section-title/index.tsx"}},{kind:"custom-element-definition",name:"z-section-title",declaration:{name:"ZSectionTitle",module:"src/components/z-section-title/index.tsx"}}]}]};r({...i()||{},...s,modules:[...(i()||{}).modules||[],...s.modules]}); diff --git a/assets/index-CNg4g8Xs.js b/assets/index-CNg4g8Xs.js deleted file mode 100644 index 023fe56c5..000000000 --- a/assets/index-CNg4g8Xs.js +++ /dev/null @@ -1,2 +0,0 @@ -import"./index-BpZkdoDR.js";import{s as S,g}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as A,H as T,c as m,h as l}from"./index-BZ0rSFNp.js";import{K as b}from"./index-JHKFBkCx.js";var c=window.CustomEvent;(!c||typeof c=="object")&&(c=function(t,o){o=o||{};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,!!o.bubbles,!!o.cancelable,o.detail||null),i},c.prototype=window.Event.prototype);function _(e,t){var o="on"+t.type.toLowerCase();return typeof e[o]=="function"&&e[o](t),e.dispatchEvent(t)}function L(e){for(;e&&e!==document.body;){var t=window.getComputedStyle(e),o=function(i,a){return!(t[i]===void 0||t[i]===a)};if(t.opacity<1||o("zIndex","auto")||o("transform","none")||o("mixBlendMode","normal")||o("filter","none")||o("perspective","none")||t.isolation==="isolate"||t.position==="fixed"||t.webkitOverflowScrolling==="touch")return!0;e=e.parentElement}return!1}function h(e){for(;e;){if(e.localName==="dialog")return e;e.parentElement?e=e.parentElement:e.parentNode?e=e.parentNode.host:e=null}return null}function E(e){for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;e&&e.blur&&e!==document.body&&e.blur()}function z(e,t){for(var o=0;o=0&&(e=this.dialog_),e||(e=M(this.dialog_)),E(document.activeElement),e&&e.focus()},updateZIndex:function(e,t){if(e, the polyfill may not work correctly",e),e.localName!=="dialog")throw new Error("Failed to register dialog: The element is not a dialog.");new D(e)};n.registerDialog=function(e){e.showModal||n.forceRegisterDialog(e)};n.DialogManager=function(){this.pendingDialogStack=[];var e=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",(function(t){this.forwardTab_=void 0,t.stopPropagation(),e([])}).bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver(function(t){var o=[];t.forEach(function(i){for(var a=0,r;r=i.removedNodes[a];++a){if(r instanceof Element)r.localName==="dialog"&&o.push(r);else continue;o=o.concat(r.querySelectorAll("dialog"))}}),o.length&&e(o)}))};n.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})};n.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()};n.DialogManager.prototype.updateStacking=function(){for(var e=this.zIndexHigh_,t=0,o;o=this.pendingDialogStack[t];++t)o.updateZIndex(--e,--e),t===0&&(this.overlay.style.zIndex=--e);var i=this.pendingDialogStack[0];if(i){var a=i.dialog.parentNode||document.body;a.appendChild(this.overlay)}else this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)};n.DialogManager.prototype.containedByTopDialog_=function(e){for(;e=h(e);){for(var t=0,o;o=this.pendingDialogStack[t];++t)if(o.dialog===e)return t===0;e=e.parentElement}return!1};n.DialogManager.prototype.handleFocus_=function(e){var t=e.composedPath?e.composedPath()[0]:e.target;if(!this.containedByTopDialog_(t)&&document.activeElement!==document.documentElement&&(e.preventDefault(),e.stopPropagation(),E(t),this.forwardTab_!==void 0)){var o=this.pendingDialogStack[0],i=o.dialog,a=i.compareDocumentPosition(t);return a&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?o.focus_():t!==document.documentElement&&document.documentElement.focus()),!1}};n.DialogManager.prototype.handleKey_=function(e){if(this.forwardTab_=void 0,e.keyCode===27){e.preventDefault(),e.stopPropagation();var t=new c("cancel",{bubbles:!1,cancelable:!0}),o=this.pendingDialogStack[0];o&&_(o.dialog,t)&&o.dialog.close()}else e.keyCode===9&&(this.forwardTab_=!e.shiftKey)};n.DialogManager.prototype.checkDOM_=function(e){var t=this.pendingDialogStack.slice();t.forEach(function(o){e.indexOf(o.dialog)!==-1?o.downgradeModal():o.maybeHideModal()})};n.DialogManager.prototype.pushDialog=function(e){var t=(this.zIndexHigh_-this.zIndexLow_)/2-1;return this.pendingDialogStack.length>=t?!1:(this.pendingDialogStack.unshift(e)===1&&this.blockDocument(),this.updateStacking(),!0)};n.DialogManager.prototype.removeDialog=function(e){var t=this.pendingDialogStack.indexOf(e);t!==-1&&(this.pendingDialogStack.splice(t,1),this.pendingDialogStack.length===0&&this.unblockDocument(),this.updateStacking())};n.dm=new n.DialogManager;n.formSubmitter=null;n.imagemapUseValue=null;if(window.HTMLDialogElement===void 0){var y=document.createElement("form");if(y.setAttribute("method","dialog"),y.method!=="dialog"){var s=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(s){var N=s.get;s.get=function(){return f(this)?"dialog":N.call(this)};var O=s.set;s.set=function(e){return typeof e=="string"&&e.toLowerCase()==="dialog"?this.setAttribute("method",e):O.call(this,e)},Object.defineProperty(HTMLFormElement.prototype,"method",s)}}document.addEventListener("click",function(e){if(n.formSubmitter=null,n.imagemapUseValue=null,!e.defaultPrevented){var t=e.target;if("composedPath"in e){var o=e.composedPath();t=o.shift()||t}if(!(!t||!f(t.form))){var i=t.type==="submit"&&["button","input"].indexOf(t.localName)>-1;if(!i){if(!(t.localName==="input"&&t.type==="image"))return;n.imagemapUseValue=e.offsetX+","+e.offsetY}var a=h(t);a&&(n.formSubmitter=t)}}},!1),document.addEventListener("submit",function(e){var t=e.target,o=h(t);if(!o){var i=x(e),a=i&&i.getAttribute("formmethod")||t.getAttribute("method");a==="dialog"&&e.preventDefault()}});var H=HTMLFormElement.prototype.submit,B=function(){if(!f(this))return H.call(this);var e=h(this);e&&e.close()};HTMLFormElement.prototype.submit=B}const P=`:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-modal-content-padding:calc(var(--space-unit) * 2)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}::slotted([slot="modalContent"]){padding:var(--z-modal-content-padding)}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 1.75) calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.75) - calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header button:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}.modal-container>header button::after{position:absolute;top:6px;right:4px;display:block;width:40px;height:40px;background-color:transparent;content:""}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.25);--z-icon-height:calc(var(--space-unit) * 2.25);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:baseline;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header .subtitle{padding:0;margin:0;color:var(--color-default-text);font-weight:var(--font-sb)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header .subtitle{font-size:var(--font-size-3);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header>div>h1 *:empty{display:none}.modal-container>header h1+.subtitle{margin-top:calc(var(--space-unit) * 0.5)}.modal-container-scroll-inside>.modal-content-scroll-inside{overflow:hidden auto;flex:1 auto;background:var(--color-surface01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb:hover,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container-scroll-inside .modal-content-scroll-inside,.modal-container-scroll-outside .modal-content-scroll-outside{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-background{position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh;background-color:var(--gray900);opacity:0.7}.modal-background.modal-background-scroll-outside{position:sticky}.modal-container-scroll-inside{position:fixed;top:calc(var(--space-unit) * 6);left:50%;overflow:hidden;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container-scroll-outside{position:absolute;top:calc(var(--space-unit) * 6);left:50%;display:block;overflow:initial;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));transform:translateX(-50%)}.modal-container>.modal-content-scroll-outside{overflow:initial}.modal-container-scroll-outside>header,.modal-container-scroll-inside>header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.modal-container-scroll-outside::after{display:block;height:calc(var(--space-unit) * 6);content:" "}.modal-dialog{position:fixed;top:0;left:0;height:auto;overflow-x:hidden;overflow-y:auto}.modal-content-scroll-outside{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.modal-dialog::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) * 1.5)}.modal-container>header h1{font-size:var(--font-size-6);font-weight:var(--font-sb);letter-spacing:0;line-height:1.333}.modal-container>header .subtitle{font-size:var(--font-size-4);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}`,w=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])',F=class extends T{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.modalClose=m(this,"modalClose",7),this.modalHeaderActive=m(this,"modalHeaderActive",7),this.modalBackgroundClick=m(this,"modalBackgroundClick",7),this.modalid=void 0,this.modaltitle=void 0,this.modalsubtitle=void 0,this.closeButtonLabel="chiudi modale",this.alertdialog=!1,this.closable=!0,this.scrollInside=!0}emitModalClose(){this.closable&&this.modalClose.emit({modalid:this.modalid})}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.closable&&this.modalBackgroundClick.emit({modalid:this.modalid})}componentDidLoad(){typeof window.HTMLDialogElement!="function"?(this.dialog.localName||Object.defineProperty(this.dialog,"localName",{value:"dialog"}),n.registerDialog(this.dialog),this.dialog.setAttribute("open","true")):this.open()}async open(){var e;(e=this.dialog)===null||e===void 0||e.showModal()}async close(){var e;this.closable&&((e=this.dialog)===null||e===void 0||e.close())}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(w)),...Array.from(this.host.querySelectorAll(w))].filter(e=>getComputedStyle(e).display!=="none")}handleKeyDown(e){if(e.code===b.ESC&&!this.closable&&e.preventDefault(),e.code!==b.TAB)return;const t=this.focusableElements,o=this.host.shadowRoot.activeElement,i=this.host.ownerDocument.activeElement,a=t[0],r=t[t.length-1];e.shiftKey&&(o==a||i==a)?(e.preventDefault(),r.focus()):!e.shiftKey&&(o==r||i==r)&&(e.preventDefault(),a.focus())}closeButtonSlot(){if(this.closable)return l("slot",{name:"modalCloseButton"},l("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},l("z-icon",{name:"multiply-circle-filled"})))}handleEscape(e){this.closable||e.preventDefault()}render(){return l("dialog",{key:"4b4aad2ae05ed3c0080bc05cdd75d6359785f7a0",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":void 0,ref:e=>this.dialog=e,onClose:()=>this.emitModalClose(),onCancel:e=>this.handleEscape(e)},l("div",{key:"2b84283d781a7419cf0ef867d93e2455d0af62f9",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},l("header",{key:"e42d21feba72772c83822911aef271ec01c4091a",onClick:this.emitModalHeaderActive.bind(this)},l("div",{key:"70c72cd560d2fdeae63d58a5fc2168738d907653"},this.modaltitle&&l("h1",{key:"6b5df4ef351b5b2db1ee0fe17512f90a55910a7a",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&l("div",{key:"3d63daedc94f55c87fc422282a83c43aab7e0a64",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),l("div",{key:"3926d4c725b6176cb620b1e64c12cc2592f5cdc4",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},l("slot",{key:"fce04c39754215457e23c200b4b08cb976ffb05a",name:"modalContent"}))),l("div",{key:"f83b30119beb59f2318a22916ef0240c9ed04955",class:{"modal-background":!0,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick(),this.close()}}))}get host(){return this}static get style(){return P}};A(F,[1,"z-modal",{modalid:[1],modaltitle:[1],modalsubtitle:[1],closeButtonLabel:[1,"close-button-label"],alertdialog:[4],closable:[4],scrollInside:[4,"scroll-inside"],open:[64],close:[64]},[[0,"keydown","handleKeyDown"]]]);const k={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZModal",tagName:"z-modal",customElement:!0,members:[{kind:"field",name:"modalid",type:"string",description:"unique id"},{kind:"field",name:"modaltitle",type:"string",description:"title text (optional)"},{kind:"field",name:"modalsubtitle",type:"string",description:"subtitle (optional)"},{kind:"field",name:"closeButtonLabel",type:"string",description:"aria-label for close button (optional)",default:'"chiudi modale"'},{kind:"field",name:"alertdialog",type:"boolean",description:'add role "alertdialog" to dialog (optional, default is false)',default:"false"},{kind:"field",name:"closable",type:"boolean",description:"if true, the modal is closable (optional, default is true)",default:"true"},{kind:"field",name:"scrollInside",type:"boolean",description:"if true, the modal can scroll inside, if false the viewport can scroll",default:"true"}],events:[{kind:"event",name:"modalClose",description:"emitted on close button click, returns modalid"},{kind:"event",name:"modalHeaderActive",description:"emitted on modal header click, returns modalid"},{kind:"event",name:"modalBackgroundClick",description:"emitted on background click, returns modalid"}],cssProperties:[{name:"--z-modal-content-padding",description:"set a default padding for the modal content slot to 16px"}],slots:[{name:"modalCloseButton",description:"accept custom close button"},{name:"modalContent",description:"set the content of the modal"}]}],exports:[{kind:"js",name:"ZModal",declaration:{name:"ZModal",module:"src/components/z-modal/index.tsx"}},{kind:"custom-element-definition",name:"z-modal",declaration:{name:"ZModal",module:"src/components/z-modal/index.tsx"}}]}]};S({...g()||{},...k,modules:[...(g()||{}).modules||[],...k.modules]}); diff --git a/assets/index-bxyKyI9_.js b/assets/index-CNp1b5G2.js similarity index 99% rename from assets/index-bxyKyI9_.js rename to assets/index-CNp1b5G2.js index b1435e6a9..f1074e00a 100644 --- a/assets/index-bxyKyI9_.js +++ b/assets/index-CNp1b5G2.js @@ -1 +1 @@ -import"./index-BpZkdoDR.js";import"./index-D8iOPejD.js";import{s as l,g as o}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d,H as c,c as p,h as i}from"./index-BZ0rSFNp.js";import{P as h}from"./index-JHKFBkCx.js";import{a as f}from"./utils-CCzSlYCN.js";const u=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}',v=class extends c{emitFlipCard(e=!1){this.flipCard.emit(e)}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.flipCard=p(this,"flipCard",7),this.data=void 0,this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=!1;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const e=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${e}px`,this.hiddenContent=!0;return}this.hiddenContent=!1}setStringOrArray(){typeof this.data=="string"?this.cardData=JSON.parse(this.data):this.cardData=this.data}renderCloseIcon(){return i("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:e=>{f(e,this.emitFlipCard,!1)}})}renderGeneralSection(){var e,t;const n=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.title,r=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return i("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:s=>this.infoWrapper=s},this.renderAuthor(),this.renderYear(),n,i("br",null),r)}renderAuthor(){var e;const t=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.author;return t?i("span",null,"Autore: ",i("b",null,t),i("br",null)):null}renderYear(){var e;const t=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.year;return t?i("span",null,"Anno: ",i("b",null,t),i("br",null)):null}renderTooltip(){if(!this.tooltip||!this.cardData)return;const{title:e,year:t,author:n,description:r}=this.cardData;return i("z-popover",{position:h.RIGHT,onClick:()=>this.tooltip=!1},`${e} ${t} ${n} ${r}`)}setExpirationLicenseMessage(e){if(e==="online"&&this.cardData.onlineLicense.expired||e==="offline"&&this.cardData.offlineLicense.expired)return i("span",{class:"expired"},"SCADUTA");if(e==="online"&&this.cardData.onlineLicense.expiring||e==="offline"&&this.cardData.offlineLicense.expiring)return i("span",{class:"expiring"},"IN SCADENZA")}renderOnlineLicenseSection(){var e;if(!((e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0)&&e.onlineLicense)return i("section",{ref:t=>this.onlineLicenseWrapper=t},i("span",{class:"license-heading"},i("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",i("b",null,this.cardData.onlineLicense.expiration),i("br",null))}renderOfflineLicenseSection(){var e;if(!((e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0)&&e.offlineLicense)return i("section",{ref:t=>this.offlineLicenseWrapper=t},i("span",{class:"license-heading"},i("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",i("b",null,this.cardData.offlineLicense.expiration),i("br",null),"Installazioni disponibili: ",i("b",null,this.cardData.offlineLicense.installations))}render(){return i("div",{key:"661ebf9a4ba4b4bede1bb9bc6d00ce36b4bfcd02"},this.renderCloseIcon(),i("div",{key:"470a3abaf8525022cf8b106df9c22fa7e4f46e2a",class:"content-wrapper",ref:e=>this.contentWrapper=e},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),i("div",{key:"0d9c90c8e50e6f2da4c17f71dd750c6b532ba47f",class:"cta-wrapper"},i("slot",{key:"9031eb7a9b4618e710956ee6cc86cb20f65616d8"})))}static get style(){return u}};d(v,[1,"z-myz-card-info",{data:[8],htmltabindex:[2],hiddenContent:[32],tooltip:[32]}]);const a={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMyzCardInfo",tagName:"z-myz-card-info",customElement:!0,members:[{kind:"field",name:"data",type:"any",description:"dictionary info"},{kind:"field",name:"htmltabindex",type:"number",description:"tabindex link attribute (optional)",default:"0"}],events:[{kind:"event",name:"flipCard",description:"flip card to front"}],slots:[{name:"-",description:"content"}]}],exports:[{kind:"js",name:"ZMyzCardInfo",declaration:{name:"ZMyzCardInfo",module:"src/snowflakes/myz/card/z-myz-card-info/index.tsx"}},{kind:"custom-element-definition",name:"z-myz-card-info",declaration:{name:"ZMyzCardInfo",module:"src/snowflakes/myz/card/z-myz-card-info/index.tsx"}}]}]};l({...o()||{},...a,modules:[...(o()||{}).modules||[],...a.modules]}); +import"./index-BpZkdoDR.js";import"./index-Cqh0jnJE.js";import{s as l,g as o}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d,H as c,c as p,h as i}from"./index-BZ0rSFNp.js";import{P as h}from"./index-JHKFBkCx.js";import{a as f}from"./utils-CCzSlYCN.js";const u=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}',v=class extends c{emitFlipCard(e=!1){this.flipCard.emit(e)}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.flipCard=p(this,"flipCard",7),this.data=void 0,this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=!1;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const e=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${e}px`,this.hiddenContent=!0;return}this.hiddenContent=!1}setStringOrArray(){typeof this.data=="string"?this.cardData=JSON.parse(this.data):this.cardData=this.data}renderCloseIcon(){return i("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:e=>{f(e,this.emitFlipCard,!1)}})}renderGeneralSection(){var e,t;const n=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.title,r=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return i("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:s=>this.infoWrapper=s},this.renderAuthor(),this.renderYear(),n,i("br",null),r)}renderAuthor(){var e;const t=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.author;return t?i("span",null,"Autore: ",i("b",null,t),i("br",null)):null}renderYear(){var e;const t=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.year;return t?i("span",null,"Anno: ",i("b",null,t),i("br",null)):null}renderTooltip(){if(!this.tooltip||!this.cardData)return;const{title:e,year:t,author:n,description:r}=this.cardData;return i("z-popover",{position:h.RIGHT,onClick:()=>this.tooltip=!1},`${e} ${t} ${n} ${r}`)}setExpirationLicenseMessage(e){if(e==="online"&&this.cardData.onlineLicense.expired||e==="offline"&&this.cardData.offlineLicense.expired)return i("span",{class:"expired"},"SCADUTA");if(e==="online"&&this.cardData.onlineLicense.expiring||e==="offline"&&this.cardData.offlineLicense.expiring)return i("span",{class:"expiring"},"IN SCADENZA")}renderOnlineLicenseSection(){var e;if(!((e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0)&&e.onlineLicense)return i("section",{ref:t=>this.onlineLicenseWrapper=t},i("span",{class:"license-heading"},i("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",i("b",null,this.cardData.onlineLicense.expiration),i("br",null))}renderOfflineLicenseSection(){var e;if(!((e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0)&&e.offlineLicense)return i("section",{ref:t=>this.offlineLicenseWrapper=t},i("span",{class:"license-heading"},i("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",i("b",null,this.cardData.offlineLicense.expiration),i("br",null),"Installazioni disponibili: ",i("b",null,this.cardData.offlineLicense.installations))}render(){return i("div",{key:"661ebf9a4ba4b4bede1bb9bc6d00ce36b4bfcd02"},this.renderCloseIcon(),i("div",{key:"470a3abaf8525022cf8b106df9c22fa7e4f46e2a",class:"content-wrapper",ref:e=>this.contentWrapper=e},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),i("div",{key:"0d9c90c8e50e6f2da4c17f71dd750c6b532ba47f",class:"cta-wrapper"},i("slot",{key:"9031eb7a9b4618e710956ee6cc86cb20f65616d8"})))}static get style(){return u}};d(v,[1,"z-myz-card-info",{data:[8],htmltabindex:[2],hiddenContent:[32],tooltip:[32]}]);const a={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMyzCardInfo",tagName:"z-myz-card-info",customElement:!0,members:[{kind:"field",name:"data",type:"any",description:"dictionary info"},{kind:"field",name:"htmltabindex",type:"number",description:"tabindex link attribute (optional)",default:"0"}],events:[{kind:"event",name:"flipCard",description:"flip card to front"}],slots:[{name:"-",description:"content"}]}],exports:[{kind:"js",name:"ZMyzCardInfo",declaration:{name:"ZMyzCardInfo",module:"src/snowflakes/myz/card/z-myz-card-info/index.tsx"}},{kind:"custom-element-definition",name:"z-myz-card-info",declaration:{name:"ZMyzCardInfo",module:"src/snowflakes/myz/card/z-myz-card-info/index.tsx"}}]}]};l({...o()||{},...a,modules:[...(o()||{}).modules||[],...a.modules]}); diff --git a/assets/index-CQQa57J8.js b/assets/index-CQQa57J8.js new file mode 100644 index 000000000..e4ae79bb2 --- /dev/null +++ b/assets/index-CQQa57J8.js @@ -0,0 +1,2 @@ +import"./index-BpZkdoDR.js";import{s as S,g as b}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as A,H as T,c as m,h as l}from"./index-BZ0rSFNp.js";import{K as g}from"./index-JHKFBkCx.js";var c=window.CustomEvent;(!c||typeof c=="object")&&(c=function(t,o){o=o||{};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,!!o.bubbles,!!o.cancelable,o.detail||null),i},c.prototype=window.Event.prototype);function _(e,t){var o="on"+t.type.toLowerCase();return typeof e[o]=="function"&&e[o](t),e.dispatchEvent(t)}function L(e){for(;e&&e!==document.body;){var t=window.getComputedStyle(e),o=function(i,a){return!(t[i]===void 0||t[i]===a)};if(t.opacity<1||o("zIndex","auto")||o("transform","none")||o("mixBlendMode","normal")||o("filter","none")||o("perspective","none")||t.isolation==="isolate"||t.position==="fixed"||t.webkitOverflowScrolling==="touch")return!0;e=e.parentElement}return!1}function h(e){for(;e;){if(e.localName==="dialog")return e;e.parentElement?e=e.parentElement:e.parentNode?e=e.parentNode.host:e=null}return null}function E(e){for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;e&&e.blur&&e!==document.body&&e.blur()}function z(e,t){for(var o=0;o=0&&(e=this.dialog_),e||(e=M(this.dialog_)),E(document.activeElement),e&&e.focus()},updateZIndex:function(e,t){if(e, the polyfill may not work correctly",e),e.localName!=="dialog")throw new Error("Failed to register dialog: The element is not a dialog.");new D(e)};n.registerDialog=function(e){e.showModal||n.forceRegisterDialog(e)};n.DialogManager=function(){this.pendingDialogStack=[];var e=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",(function(t){this.forwardTab_=void 0,t.stopPropagation(),e([])}).bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver(function(t){var o=[];t.forEach(function(i){for(var a=0,r;r=i.removedNodes[a];++a){if(r instanceof Element)r.localName==="dialog"&&o.push(r);else continue;o=o.concat(r.querySelectorAll("dialog"))}}),o.length&&e(o)}))};n.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})};n.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()};n.DialogManager.prototype.updateStacking=function(){for(var e=this.zIndexHigh_,t=0,o;o=this.pendingDialogStack[t];++t)o.updateZIndex(--e,--e),t===0&&(this.overlay.style.zIndex=--e);var i=this.pendingDialogStack[0];if(i){var a=i.dialog.parentNode||document.body;a.appendChild(this.overlay)}else this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)};n.DialogManager.prototype.containedByTopDialog_=function(e){for(;e=h(e);){for(var t=0,o;o=this.pendingDialogStack[t];++t)if(o.dialog===e)return t===0;e=e.parentElement}return!1};n.DialogManager.prototype.handleFocus_=function(e){var t=e.composedPath?e.composedPath()[0]:e.target;if(!this.containedByTopDialog_(t)&&document.activeElement!==document.documentElement&&(e.preventDefault(),e.stopPropagation(),E(t),this.forwardTab_!==void 0)){var o=this.pendingDialogStack[0],i=o.dialog,a=i.compareDocumentPosition(t);return a&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?o.focus_():t!==document.documentElement&&document.documentElement.focus()),!1}};n.DialogManager.prototype.handleKey_=function(e){if(this.forwardTab_=void 0,e.keyCode===27){e.preventDefault(),e.stopPropagation();var t=new c("cancel",{bubbles:!1,cancelable:!0}),o=this.pendingDialogStack[0];o&&_(o.dialog,t)&&o.dialog.close()}else e.keyCode===9&&(this.forwardTab_=!e.shiftKey)};n.DialogManager.prototype.checkDOM_=function(e){var t=this.pendingDialogStack.slice();t.forEach(function(o){e.indexOf(o.dialog)!==-1?o.downgradeModal():o.maybeHideModal()})};n.DialogManager.prototype.pushDialog=function(e){var t=(this.zIndexHigh_-this.zIndexLow_)/2-1;return this.pendingDialogStack.length>=t?!1:(this.pendingDialogStack.unshift(e)===1&&this.blockDocument(),this.updateStacking(),!0)};n.DialogManager.prototype.removeDialog=function(e){var t=this.pendingDialogStack.indexOf(e);t!==-1&&(this.pendingDialogStack.splice(t,1),this.pendingDialogStack.length===0&&this.unblockDocument(),this.updateStacking())};n.dm=new n.DialogManager;n.formSubmitter=null;n.imagemapUseValue=null;if(window.HTMLDialogElement===void 0){var y=document.createElement("form");if(y.setAttribute("method","dialog"),y.method!=="dialog"){var s=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(s){var N=s.get;s.get=function(){return f(this)?"dialog":N.call(this)};var O=s.set;s.set=function(e){return typeof e=="string"&&e.toLowerCase()==="dialog"?this.setAttribute("method",e):O.call(this,e)},Object.defineProperty(HTMLFormElement.prototype,"method",s)}}document.addEventListener("click",function(e){if(n.formSubmitter=null,n.imagemapUseValue=null,!e.defaultPrevented){var t=e.target;if("composedPath"in e){var o=e.composedPath();t=o.shift()||t}if(!(!t||!f(t.form))){var i=t.type==="submit"&&["button","input"].indexOf(t.localName)>-1;if(!i){if(!(t.localName==="input"&&t.type==="image"))return;n.imagemapUseValue=e.offsetX+","+e.offsetY}var a=h(t);a&&(n.formSubmitter=t)}}},!1),document.addEventListener("submit",function(e){var t=e.target,o=h(t);if(!o){var i=x(e),a=i&&i.getAttribute("formmethod")||t.getAttribute("method");a==="dialog"&&e.preventDefault()}});var H=HTMLFormElement.prototype.submit,B=function(){if(!f(this))return H.call(this);var e=h(this);e&&e.close()};HTMLFormElement.prototype.submit=B}const P=`:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-modal-content-padding:calc(var(--space-unit) * 2)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}::slotted([slot="modalContent"]){padding:var(--z-modal-content-padding)}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 1.75) calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.75) + calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header button:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}.modal-container>header button::after{position:absolute;top:6px;right:4px;display:block;width:40px;height:40px;background-color:transparent;content:""}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.25);--z-icon-height:calc(var(--space-unit) * 2.25);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:baseline;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header .subtitle{padding:0;margin:0;color:var(--color-default-text);font-weight:var(--font-sb)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header .subtitle{font-size:var(--font-size-3);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header>div>h1 *:empty{display:none}.modal-container>header h1+.subtitle{margin-top:calc(var(--space-unit) * 0.5)}.modal-container-scroll-inside>.modal-content-scroll-inside{overflow:hidden auto;flex:1 auto;background:var(--color-surface01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb:hover,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container-scroll-inside .modal-content-scroll-inside,.modal-container-scroll-outside .modal-content-scroll-outside{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-background{position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh;background-color:var(--gray900);opacity:0.7}.modal-background.modal-background-scroll-outside{position:sticky}.modal-container-scroll-inside{position:fixed;top:calc(var(--space-unit) * 6);left:50%;overflow:hidden;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container-scroll-outside{position:absolute;top:calc(var(--space-unit) * 6);left:50%;display:block;overflow:initial;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));transform:translateX(-50%)}.modal-container>.modal-content-scroll-outside{overflow:initial}.modal-container-scroll-outside>header,.modal-container-scroll-inside>header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.modal-container-scroll-outside::after{display:block;height:calc(var(--space-unit) * 6);content:" "}.modal-dialog{position:fixed;top:0;left:0;height:auto;overflow-x:hidden;overflow-y:auto}.modal-content-scroll-outside{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.modal-dialog::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) * 1.5)}.modal-container>header h1{font-size:var(--font-size-6);font-weight:var(--font-sb);letter-spacing:0;line-height:1.333}.modal-container>header .subtitle{font-size:var(--font-size-4);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}`,w=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])',F=class extends T{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.modalClose=m(this,"modalClose",7),this.modalHeaderActive=m(this,"modalHeaderActive",7),this.modalBackgroundClick=m(this,"modalBackgroundClick",7),this.modalid=void 0,this.modaltitle=void 0,this.modalsubtitle=void 0,this.closeButtonLabel="chiudi modale",this.alertdialog=!1,this.closable=!0,this.scrollInside=!0}emitModalClose(){this.closable&&this.modalClose.emit({modalid:this.modalid})}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.closable&&this.modalBackgroundClick.emit({modalid:this.modalid})}componentDidLoad(){typeof window.HTMLDialogElement!="function"?(this.dialog.localName||Object.defineProperty(this.dialog,"localName",{value:"dialog"}),n.registerDialog(this.dialog),this.dialog.setAttribute("open","true")):this.open()}async open(){var e;(e=this.dialog)===null||e===void 0||e.showModal()}async close(){var e;this.closable&&((e=this.dialog)===null||e===void 0||e.close())}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(w)),...Array.from(this.host.querySelectorAll(w))].filter(e=>getComputedStyle(e).display!=="none")}handleKeyDown(e){if(e.code===g.ESC&&!this.closable&&e.preventDefault(),e.code!==g.TAB)return;const t=this.focusableElements,o=this.host.shadowRoot.activeElement,i=this.host.ownerDocument.activeElement,a=t[0],r=t[t.length-1];e.shiftKey&&(o==a||i==a)?(e.preventDefault(),r.focus()):!e.shiftKey&&(o==r||i==r)&&(e.preventDefault(),a.focus())}closeButtonSlot(){if(this.closable)return l("slot",{name:"modalCloseButton"},l("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},l("z-icon",{name:"multiply-circle-filled"})))}handleEscape(e){this.closable||e.preventDefault()}render(){return l("dialog",{key:"6fb4e4ee0c15a94cf57113ce9f828c0d6d658c05",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":void 0,ref:e=>this.dialog=e,onClose:()=>this.emitModalClose(),onCancel:e=>this.handleEscape(e)},l("div",{key:"8f0ec8b7286735b6bb70b1fe8f5d7cf38855bf54",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},l("header",{key:"318987e3171118b2818bb16cf070b5b30f9ad33c",onClick:this.emitModalHeaderActive.bind(this)},l("div",{key:"b136dcf4b24917596ec5362c77d3d14bfd704cef"},this.modaltitle&&l("h1",{key:"50250436fb950b7aaedb5fc8d1ae3d2ed2455e45",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&l("div",{key:"d0e6eb3bcb63ed19b8fb464bc572545d44b2d72e",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),l("div",{key:"23803eeeb1b13dbbe9340a27c588c5d1efe28fef",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},l("slot",{key:"46e4418705838bf77265da992649356bd69351e6",name:"modalContent"}))),l("div",{key:"727df96fddfee7b6e070f8eb5e227774456e37e7",class:{"modal-background":!0,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick(),this.close()}}))}get host(){return this}static get style(){return P}};A(F,[1,"z-modal",{modalid:[1],modaltitle:[1],modalsubtitle:[1],closeButtonLabel:[1,"close-button-label"],alertdialog:[4],closable:[4],scrollInside:[4,"scroll-inside"],open:[64],close:[64]},[[0,"keydown","handleKeyDown"]]]);const k={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZModal",tagName:"z-modal",customElement:!0,members:[{kind:"field",name:"modalid",type:"string",description:"unique id"},{kind:"field",name:"modaltitle",type:"string",description:"title text (optional)"},{kind:"field",name:"modalsubtitle",type:"string",description:"subtitle (optional)"},{kind:"field",name:"closeButtonLabel",type:"string",description:"aria-label for close button (optional)",default:'"chiudi modale"'},{kind:"field",name:"alertdialog",type:"boolean",description:'add role "alertdialog" to dialog (optional, default is false)',default:"false"},{kind:"field",name:"closable",type:"boolean",description:"if true, the modal is closable (optional, default is true)",default:"true"},{kind:"field",name:"scrollInside",type:"boolean",description:"if true, the modal can scroll inside, if false the viewport can scroll",default:"true"}],events:[{kind:"event",name:"modalClose",description:"emitted on close button click, returns modalid"},{kind:"event",name:"modalHeaderActive",description:"emitted on modal header click, returns modalid"},{kind:"event",name:"modalBackgroundClick",description:"emitted on background click, returns modalid"}],cssProperties:[{name:"--z-modal-content-padding",description:"set a default padding for the modal content slot to 16px"}],slots:[{name:"modalCloseButton",description:"accept custom close button"},{name:"modalContent",description:"set the content of the modal"}]}],exports:[{kind:"js",name:"ZModal",declaration:{name:"ZModal",module:"src/components/z-modal/index.tsx"}},{kind:"custom-element-definition",name:"z-modal",declaration:{name:"ZModal",module:"src/components/z-modal/index.tsx"}}]}]};S({...b()||{},...k,modules:[...(b()||{}).modules||[],...k.modules]}); diff --git a/assets/index-D8iOPejD.js b/assets/index-Cqh0jnJE.js similarity index 99% rename from assets/index-D8iOPejD.js rename to assets/index-Cqh0jnJE.js index 7fda7998d..b14e72694 100644 --- a/assets/index-D8iOPejD.js +++ b/assets/index-Cqh0jnJE.js @@ -1,2 +1,2 @@ -import{s as B,g as _}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as A,H as z,c as H,h as I}from"./index-BZ0rSFNp.js";import{P as r,K as L}from"./index-JHKFBkCx.js";const F=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-default-text);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}',M=document.documentElement;function E(e){return e.parentNode===e.shadowRoot?e.shadowRoot.host:e.parentElement}function G(e){let i=E(e);for(;i&&i!==M;){const{overflow:n,overflowX:f,overflowY:c}=window.getComputedStyle(i);if(n==="hidden"||c==="hidden"||f==="hidden"||i.scrollHeight>i.clientHeight&&n!=="visible"&&c!=="visible"||i.scrollWidth>i.clientWidth&&n!=="visible"&&f!=="visible")return i;i=E(i)}return M}function R(e,i){const n=e.getBoundingClientRect(),f=n.width,c=n.height;let o=0,d=0,s=e;for(;s&&s!=i;){if(d+=s.offsetLeft,s===document.body?o+=s.getBoundingClientRect().top+window.scrollY:o+=s.offsetTop,window.DOMMatrix){const h=window.getComputedStyle(s),u=h.transform||h.webkitTransform,p=new DOMMatrix(u);p&&(d+=p.m41,s!==document.body&&(o+=p.m42))}if(!s.offsetParent)break;s=s.offsetParent}let g,b;s===document.body?(g=window.innerWidth,b=window.innerHeight):(g=s.offsetWidth,b=s.offsetHeight);const O=g-d-n.width,$=b-o-n.height;return{top:o,right:O,bottom:$,left:d,width:f,height:c}}const S=class extends z{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.positionChange=H(this,"positionChange",7),this.openChange=H(this,"openChange",7),this.position=r.AUTO,this.open=!1,this.bindTo=void 0,this.showArrow=!1,this.center=!1,this.closable=!0,this.currentPosition=void 0}closePopoverWithKeyboard(e){this.closable&&e.key===L.ESC&&(this.open=!1)}handleOutsideClick(e){if(!(!this.closable||!this.open)&&!e.composedPath().includes(this.host)){const i=e.target;(this.bindTo instanceof z?this.bindTo.contains(i):i.closest(this.bindTo))&&e.stopPropagation(),this.open=!1,this.positionChange.emit({position:this.currentPosition})}}validatePosition(e){e&&!Object.values(r).includes(e)&&(this.position=r.AUTO),this.currentPosition=this.position,this.positionChange.emit({position:this.currentPosition})}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.open){const e=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(e))};e()}else this.host.hasAttribute("current-position")&&(this.host.removeAttribute("current-position"),this.currentPosition=void 0);this.openChange.emit({open:this.open})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}setPosition(){let e;if(typeof this.bindTo=="string"?e=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?e=this.bindTo:e=this.host.parentElement,!e)return;const i=G(e),n=i.getBoundingClientRect(),f=this.host.offsetParent,c=f?R(f,i):{top:0,right:0,bottom:0,left:0},o=R(e,i),d=o.top-i.scrollTop,s=n.height-(o.top+o.height)+i.scrollTop,g=o.left-i.scrollLeft,b=n.width-(o.left+o.width)+i.scrollLeft,O=Math.max(0,n.top+n.height-window.innerHeight),$=Math.max(0,n.left+n.width-window.innerWidth),h=Math.min(d,d+n.top),u=Math.min(s,s-O),p=Math.min(g,g+n.left),w=Math.min(b,b-$),k=h+u+o.height,C=p+w+o.width;let a=this.currentPosition;const m=[];this.position===r.AUTO&&(p/C>.6?m.push(r.LEFT):p/C<.4&&m.push(r.RIGHT),h/k>.9?m.unshift(r.TOP):h/k>.6?m.push(r.TOP):h/k<.1?m.unshift(r.BOTTOM):m.push(r.BOTTOM),a=m.join("_"));const t=this.host.style;t.position="absolute";const x=o.top-c.top,T=o.right-c.right,P=o.bottom-c.bottom,y=o.left-c.left,l=this.center?.5:0,v=this.center?.5:0;a===r.TOP||a===r.TOP_RIGHT?(t.top="auto",t.right="auto",t.bottom=`${P+o.height}px`,t.left=`${y+o.width*l}px`,t.maxHeight=`${h}px`,a===r.TOP_RIGHT&&(t.maxWidth=`${w+o.width*v}px`)):a===r.TOP_LEFT?(t.top="auto",t.right=`${T+o.width*l}px`,t.bottom=`${P+o.height}px`,t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${h}px`):a===r.BOTTOM||a===r.BOTTOM_RIGHT?(t.top=`${x+o.height}px`,t.right="auto",t.bottom="auto",t.left=`${y+o.width*l}px`,t.maxHeight=`${u}px`,a===r.BOTTOM_RIGHT&&(t.maxWidth=`${w+o.width*v}px`)):a===r.BOTTOM_LEFT?(t.top=`${x+o.height}px`,t.right=`${T+o.width*l}px`,t.bottom="auto",t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${u}px`):a===r.RIGHT||a===r.RIGHT_BOTTOM?(t.top=`${x+o.height*l}px`,t.right="auto",t.bottom="auto",t.left=`${y+o.width}px`,t.maxWidth=`${w}px`,t.maxHeight=`${u+o.height*v}px`):a===r.RIGHT_TOP?(t.top="auto",t.right="auto",t.bottom=`${P+o.height*l}px`,t.left=`${y+o.width}px`,t.maxWidth=`${w}px`,t.maxHeight=`${h+o.height*v}px`):a===r.LEFT||a===r.LEFT_BOTTOM?(t.top=`${x+o.height*l}px`,t.right=`${T+o.width}px`,t.bottom="auto",t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${u+o.height*v}px`):a===r.LEFT_TOP&&(t.top="auto",t.right=`${T+o.width}px`,t.bottom=`${P+o.height*l}px`,t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${h+o.height*v}px`),this.currentPosition=a||this.position,this.host.setAttribute("current-position",this.currentPosition)}componentWillLoad(){this.validatePosition(this.position),this.onOpen()}render(){return I("slot",{key:"0bcc39e08341d6f72bb9294b1d523ff1dc5998c9"})}get host(){return this}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}static get style(){return F}};A(S,[1,"z-popover",{position:[520],open:[1540],bindTo:[8,"bind-to"],showArrow:[516,"show-arrow"],center:[516],closable:[4],currentPosition:[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{position:["validatePosition"],open:["onOpen"]}]);const W={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZPopover",tagName:"z-popover",customElement:!0,members:[{kind:"field",name:"position",type:"any",description:"Popover position.",default:"PopoverPosition.AUTO"},{kind:"field",name:"open",type:"boolean",description:"The open state of the popover.",default:"false"},{kind:"field",name:"bindTo",type:"any",description:`The selector or the element bound with the popover. +import{s as B,g as _}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as A,H as z,c as H,h as I}from"./index-BZ0rSFNp.js";import{P as r,K as L}from"./index-JHKFBkCx.js";const F=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-default-text);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}',M=document.documentElement;function E(e){return e.parentNode===e.shadowRoot?e.shadowRoot.host:e.parentElement}function G(e){let i=E(e);for(;i&&i!==M;){const{overflow:n,overflowX:f,overflowY:c}=window.getComputedStyle(i);if(n==="hidden"||c==="hidden"||f==="hidden"||i.scrollHeight>i.clientHeight&&n!=="visible"&&c!=="visible"||i.scrollWidth>i.clientWidth&&n!=="visible"&&f!=="visible")return i;i=E(i)}return M}function R(e,i){const n=e.getBoundingClientRect(),f=n.width,c=n.height;let o=0,d=0,s=e;for(;s&&s!=i;){if(d+=s.offsetLeft,s===document.body?o+=s.getBoundingClientRect().top+window.scrollY:o+=s.offsetTop,window.DOMMatrix){const h=window.getComputedStyle(s),u=h.transform||h.webkitTransform,p=new DOMMatrix(u);p&&(d+=p.m41,s!==document.body&&(o+=p.m42))}if(!s.offsetParent)break;s=s.offsetParent}let g,b;s===document.body?(g=window.innerWidth,b=window.innerHeight):(g=s.offsetWidth,b=s.offsetHeight);const O=g-d-n.width,$=b-o-n.height;return{top:o,right:O,bottom:$,left:d,width:f,height:c}}const S=class extends z{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.positionChange=H(this,"positionChange",7),this.openChange=H(this,"openChange",7),this.position=r.AUTO,this.open=!1,this.bindTo=void 0,this.showArrow=!1,this.center=!1,this.closable=!0,this.currentPosition=void 0}closePopoverWithKeyboard(e){this.closable&&e.key===L.ESC&&(this.open=!1)}handleOutsideClick(e){if(!(!this.closable||!this.open)&&!e.composedPath().includes(this.host)){const i=e.target;(this.bindTo instanceof z?this.bindTo.contains(i):i.closest(this.bindTo))&&e.stopPropagation(),this.open=!1,this.positionChange.emit({position:this.currentPosition})}}validatePosition(e){e&&!Object.values(r).includes(e)&&(this.position=r.AUTO),this.currentPosition=this.position,this.positionChange.emit({position:this.currentPosition})}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.open){const e=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(e))};e()}else this.host.hasAttribute("current-position")&&(this.host.removeAttribute("current-position"),this.currentPosition=void 0);this.openChange.emit({open:this.open})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}setPosition(){let e;if(typeof this.bindTo=="string"?e=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?e=this.bindTo:e=this.host.parentElement,!e)return;const i=G(e),n=i.getBoundingClientRect(),f=this.host.offsetParent,c=f?R(f,i):{top:0,right:0,bottom:0,left:0},o=R(e,i),d=o.top-i.scrollTop,s=n.height-(o.top+o.height)+i.scrollTop,g=o.left-i.scrollLeft,b=n.width-(o.left+o.width)+i.scrollLeft,O=Math.max(0,n.top+n.height-window.innerHeight),$=Math.max(0,n.left+n.width-window.innerWidth),h=Math.min(d,d+n.top),u=Math.min(s,s-O),p=Math.min(g,g+n.left),w=Math.min(b,b-$),k=h+u+o.height,C=p+w+o.width;let a=this.currentPosition;const m=[];this.position===r.AUTO&&(p/C>.6?m.push(r.LEFT):p/C<.4&&m.push(r.RIGHT),h/k>.9?m.unshift(r.TOP):h/k>.6?m.push(r.TOP):h/k<.1?m.unshift(r.BOTTOM):m.push(r.BOTTOM),a=m.join("_"));const t=this.host.style;t.position="absolute";const x=o.top-c.top,T=o.right-c.right,P=o.bottom-c.bottom,y=o.left-c.left,l=this.center?.5:0,v=this.center?.5:0;a===r.TOP||a===r.TOP_RIGHT?(t.top="auto",t.right="auto",t.bottom=`${P+o.height}px`,t.left=`${y+o.width*l}px`,t.maxHeight=`${h}px`,a===r.TOP_RIGHT&&(t.maxWidth=`${w+o.width*v}px`)):a===r.TOP_LEFT?(t.top="auto",t.right=`${T+o.width*l}px`,t.bottom=`${P+o.height}px`,t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${h}px`):a===r.BOTTOM||a===r.BOTTOM_RIGHT?(t.top=`${x+o.height}px`,t.right="auto",t.bottom="auto",t.left=`${y+o.width*l}px`,t.maxHeight=`${u}px`,a===r.BOTTOM_RIGHT&&(t.maxWidth=`${w+o.width*v}px`)):a===r.BOTTOM_LEFT?(t.top=`${x+o.height}px`,t.right=`${T+o.width*l}px`,t.bottom="auto",t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${u}px`):a===r.RIGHT||a===r.RIGHT_BOTTOM?(t.top=`${x+o.height*l}px`,t.right="auto",t.bottom="auto",t.left=`${y+o.width}px`,t.maxWidth=`${w}px`,t.maxHeight=`${u+o.height*v}px`):a===r.RIGHT_TOP?(t.top="auto",t.right="auto",t.bottom=`${P+o.height*l}px`,t.left=`${y+o.width}px`,t.maxWidth=`${w}px`,t.maxHeight=`${h+o.height*v}px`):a===r.LEFT||a===r.LEFT_BOTTOM?(t.top=`${x+o.height*l}px`,t.right=`${T+o.width}px`,t.bottom="auto",t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${u+o.height*v}px`):a===r.LEFT_TOP&&(t.top="auto",t.right=`${T+o.width}px`,t.bottom=`${P+o.height*l}px`,t.left="auto",t.maxWidth=`${p}px`,t.maxHeight=`${h+o.height*v}px`),this.currentPosition=a||this.position,this.host.setAttribute("current-position",this.currentPosition)}componentWillLoad(){this.validatePosition(this.position),this.onOpen()}render(){return I("slot",{key:"cd95cd2f46352b09c768674c9bde40f46f3607ce"})}get host(){return this}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}static get style(){return F}};A(S,[1,"z-popover",{position:[520],open:[1540],bindTo:[8,"bind-to"],showArrow:[516,"show-arrow"],center:[516],closable:[4],currentPosition:[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{position:["validatePosition"],open:["onOpen"]}]);const W={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZPopover",tagName:"z-popover",customElement:!0,members:[{kind:"field",name:"position",type:"any",description:"Popover position.",default:"PopoverPosition.AUTO"},{kind:"field",name:"open",type:"boolean",description:"The open state of the popover.",default:"false"},{kind:"field",name:"bindTo",type:"any",description:`The selector or the element bound with the popover. If string css selector is provided make sure to use a valid selector.`},{kind:"field",name:"showArrow",type:"boolean",description:"Whether to show popover's arrow.",default:"false"},{kind:"field",name:"center",type:"boolean",description:'Whether to center the popup on the main side (according to "position").',default:"false"},{kind:"field",name:"closable",type:"boolean",description:"If true, the popover can be closed by clicking outside of it or pressing the escape key.\nOtherwise, it will be closed only programmatically (by setting `open` to `false`).",default:"true"}],events:[{kind:"event",name:"positionChange",description:"Position change event."},{kind:"event",name:"openChange",description:"Open change event."}],cssProperties:[{name:"--z-popover-theme--surface",description:"background color of the popover."},{name:"--z-popover-theme--text",description:"foreground color of the popover."},{name:"--z-popover-padding",description:"padding of the popover."},{name:"--z-popover-shadow-filter",description:"drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`."}]}],exports:[{kind:"js",name:"ZPopover",declaration:{name:"ZPopover",module:"src/components/z-popover/index.tsx"}},{kind:"custom-element-definition",name:"z-popover",declaration:{name:"ZPopover",module:"src/components/z-popover/index.tsx"}}]}]};B({..._()||{},...W,modules:[...(_()||{}).modules||[],...W.modules]}); diff --git a/assets/index-H9Z8g9U7.js b/assets/index-Cx8NGDXN.js similarity index 97% rename from assets/index-H9Z8g9U7.js rename to assets/index-Cx8NGDXN.js index f8a33cc03..4d334b466 100644 --- a/assets/index-H9Z8g9U7.js +++ b/assets/index-Cx8NGDXN.js @@ -1 +1 @@ -import"./index-CVRBhaZR.js";import"./index-Cw-PSUvi.js";import"./index-C7Mt38_S.js";import"./index-LFEDVmH0.js";import"./index-DruWvhJj.js";import"./index-BpZkdoDR.js";import"./index-hkZtMIom.js";import{s as w,g as p}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as S,H as x,c as h,h as i,a as k}from"./index-BZ0rSFNp.js";import{C as I,B as R,d as f,L as u,K as o}from"./index-JHKFBkCx.js";import{r as C,g,h as d}from"./utils-CCzSlYCN.js";const L=':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:44px;z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host::part(list-item-container){display:block;min-height:unset;padding:0}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.results-wrapper{position:absolute;top:calc(100% - 1px);left:0;width:100%;padding:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;background:var(--color-surface01)}.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}.results::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.results::-webkit-scrollbar-track{background-color:transparent}.results::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}.results .category-heading>*{display:block}.results .category-heading>.category{color:var(--color-text05);font-style:italic}.results .category-heading>.subcategory{margin-top:var(--space-unit);color:var(--color-default-text);text-transform:uppercase}.results z-list-element{position:relative;display:block}z-list-element>.item-search{padding:var(--space-unit) 0}z-list z-list-element::before{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:1em;border-bottom:1px solid var(--color-disabled01-icon);border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element::after{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:100%;border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element:last-child::after{display:none}z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 3)}.results z-list-element>.list-element{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.25) 0;cursor:pointer}.results z-list-element>.list-element:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.results z-list-element>.list-element .item.ellipsis{overflow:hidden}.results z-list-element .list-element::after{position:absolute;top:0;right:0;display:block;width:100%;height:44px;content:"";transform:translateX(-100%)}.results z-list-element .list-element.focused.hovered::after{padding-left:6px}.results z-list-element>.list-element:hover,.results z-list-element>.list-element:hover::after{background-color:var(--color-surface02);cursor:pointer}.results z-list-element>.list-element>z-tag{border:1px solid var(--gray800);font-size:var(--font-size-1);font-weight:var(--font-sb);--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color)}.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;color:var(--color-default-text);column-gap:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon);font-size:var(--font-size-2);line-height:var(--font-size-6)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}.results .item-show-all{text-align:center}.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}.results .item.ellipsis>.item-label{height:24px}.results z-list-element>.list-element>z-tag{min-width:max-content}}@media (min-width: 1152px){.results .item{cursor:pointer}.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}:host([size="small"]) .results :is(.item,.category-heading),:host([size="x-small"]) .results :is(.item,.category-heading){font-size:var(--font-size-2)}:host([size="small"]) .results .item:not(.has-category),:host([size="x-small"]) .results .item:not(.has-category){--z-icon-height:16px;--z-icon-width:16px}:host([size="small"]) z-list-element>.list-element,:host([size="small"]) z-list-element>.item-search{padding:calc(var(--space-unit) * 0.75) 0}:host([size="x-small"]) z-list-element>.list-element,:host([size="x-small"]) z-list-element>.item-search{padding:calc(var(--space-unit) / 2) 0}:host([size="small"]) z-list-element .list-element::after{height:36px}:host([size="x-small"]) z-list-element .list-element::after{height:32px}',E=class extends x{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.searchSubmit=h(this,"searchSubmit",7),this.searchTyping=h(this,"searchTyping",7),this.searchItemClick=h(this,"searchItemClick",7),this.resultsItemsList=null,this.items=[],this.htmlid=`searchbar-${C()}`,this.preventSubmit=!1,this.value=void 0,this.placeholder=void 0,this.autocomplete=!1,this.autocompleteMinChars=3,this.resultsCount=void 0,this.searchHelperLabel="Cerca {searchString}",this.resultsItems=void 0,this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=I.BIG,this.variant=R.PRIMARY,this.searchString=this.value,this.currResultsCount=0,this.showResults=!1,this.isMobile=!1,this.selectedItem=void 0}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(e){this.searchTyping.emit(e)}emitSearchItemClick(e){this.searchItemClick.emit(e),this.selectedItem=e,this.searchString=""}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString),this.items=[],this.searchString||(this.currResultsCount=this.resultsCount)}watchShowResults(){this.showResults||(this.items=[])}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0||e.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver(()=>{g()===f.MOBILE&&!this.isMobile&&(this.isMobile=!0),g()!==f.MOBILE&&this.isMobile&&(this.isMobile=!1)}),this.resizeObserver.observe(this.element)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.currResultsCount=this.resultsCount}getResultsItemsList(){return typeof this.resultsItems=="string"?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(e){const t={};return e.forEach(l=>{var s;const r=`${l==null?void 0:l.category}${l==null?void 0:l.subcategory}`;t[r]=(s=t[r])!==null&&s!==void 0?s:{category:l==null?void 0:l.category,subcategory:l==null?void 0:l.subcategory,items:[]},t[r].items.push(l)}),this.sortResultsItems?Object.keys(t).sort().reduce((l,s)=>(l[s]=Object.assign(Object.assign({},t[s]),{items:t[s].items.sort((r,c)=>{const n=r.label.toUpperCase(),a=c.label.toUpperCase();return na?1:0})}),l),{}):t}checkResultsCount(e){return!this.currResultsCount||es.nodeName==="Z-SEARCHBAR");if(!l||l.htmlid!==this.htmlid){this.showResults=!1;return}if(t.find(s=>{var r;return(s==null?void 0:s.nodeName)==="Z-INPUT"||((r=s==null?void 0:s.classList)===null||r===void 0?void 0:r.contains("results"))})){this.showResults=!0;return}this.showResults=!1}renderInput(){var e;return i("z-input",{ref:t=>{this.inputRef=t},htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{d(t,()=>this.handleSubmit()),this.handleArrowsNavigation(t)},value:this.searchString||((e=this.selectedItem)===null||e===void 0?void 0:e.label),ariaLabel:this.placeholder,size:this.size})}renderButton(){if(!this.showSearchButton)return null;const e=this.searchButtonIconOnly?{icon:"search"}:null,t=this.searchButtonIconOnly?"":"CERCA",l=this.searchButtonIconOnly?{"aria-label":"CERCA"}:null,s=Object.assign(Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},e),l);return i("z-button",Object.assign({},s),t)}renderResults(){return!this.showResults||!this.autocomplete||!this.searchString||this.searchString.length{if(this.checkResultsCount(s)){const a=[];r.items.forEach((b,m,z)=>{if(this.checkResultsCount(s)){const y=c===n.length-1&&m===z.length-1;a.push(this.renderItem(b,m,!y))}s++}),a.length&&l.push(i("z-list-group",{"divider-type":u.ELEMENT},this.renderItemCategory(r),a))}}),l}handleArrowsNavigation(e){const t=e.target;if(![o.ARROW_DOWN,o.ARROW_UP].includes(e.key)){e.preventDefault();return}if(!this.items.length){const r=this.element.shadowRoot.querySelector("z-list");if(!r)return;this.items=Array.from(r.querySelectorAll(".list-element"))}this.items.forEach(r=>r.classList.contains("focused")&&r.classList.remove("focused"));const s=this.items.indexOf(t);if(e.key===o.ARROW_DOWN){e.preventDefault();const r=s+1;r=0&&(this.items[r].focus(),this.items[r].classList.add("focused"))}}renderItem(e,t,l){return i("z-list-element",{id:`list-item-${this.htmlid}-${t}`,tabIndex:0,role:"option",dividerType:l?u.ELEMENT:void 0,onKeyDown:s=>this.handleArrowsNavigation(s)},i("div",{class:"list-element",tabIndex:0,onClick:()=>this.emitSearchItemClick(e),onKeyDown:s=>d(s,()=>this.emitSearchItemClick(e)),onMouseEnter:s=>{s.target.classList.add("hovered")},onMouseLeave:s=>{const r=s.target;r.classList.contains("hovered")&&r.classList.remove("hovered")}},i("span",{class:"item ellipsis"},(e==null?void 0:e.icon)&&i("z-icon",{class:"item-icon",name:e.icon}),i("span",{class:"item-label",title:e.label,innerHTML:this.renderItemLabel(e.label)})),(e==null?void 0:e.tag)&&i("z-tag",{icon:e.tag.icon},this.isMobile?"":e.tag.text)),e.children&&e.children.length>0?i("z-list",null,i("div",{class:"children-node"},e.children.map((s,r)=>this.renderItem(s,r,!1)))):null)}renderItemLabel(e){return this.searchString?e.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),t=>`${t}`):e}renderItemCategory(e){return e!=null&&e.category?i("span",{class:"category-heading",slot:"header-title"},i("span",{class:"category"},e.category),(e==null?void 0:e.subcategory)&&i("span",{class:"subcategory"},e.subcategory)):null}renderSearchHelper(e=!0){return!this.autocomplete||this.preventSubmit||!this.searchString?null:i("z-list-element",{role:"option",dividerType:e?u.ELEMENT:void 0,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.handleArrowsNavigation(t)},i("div",{tabindex:0,onClick:()=>this.emitSearchSubmit(),onKeyDown:t=>d(t,()=>this.emitSearchSubmit()),class:"list-element"},i("span",{class:"item item-search"},i("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),i("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`${this.searchString}`)}))))}renderShowAllResults(){var e,t;return!this.currResultsCount||!this.searchString||!(!((e=this.resultsItemsList)===null||e===void 0)&&e.length)||this.currResultsCount>=((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)?null:i("z-list-element",{role:"option",tabindex:0,clickable:!0,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},i("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return i(k,{key:"354adc2dc3403d317d0b529d699a96c7d99ea3f7",onFocus:()=>this.showResults=!0,onClick:e=>this.handleOutsideClick(e),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},i("div",{key:"ce4f66721ced2dc1bc3bd5cccf6012d07e3b9c88",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}get element(){return this}static get watchers(){return{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"],showResults:["watchShowResults"]}}static get style(){return L}};S(E,[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],size:[8],variant:[8],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"],showResults:["watchShowResults"]}]);const v={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZSearchbar",tagName:"z-searchbar",customElement:!0,members:[{kind:"field",name:"htmlid",type:"string",description:"the id of the searchbar element",default:"`searchbar-${randomId()}`"},{kind:"field",name:"preventSubmit",type:"boolean",description:"Prevent submit action",default:"false"},{kind:"field",name:"value",type:"string",description:"Input search string"},{kind:"field",name:"placeholder",type:"string",description:"Search input placeholder"},{kind:"field",name:"autocomplete",type:"boolean",description:"Show autocomplete results",default:"false"},{kind:"field",name:"autocompleteMinChars",type:"number",description:"Minimun number of characters to dispatch typing event",default:"3"},{kind:"field",name:"resultsCount",type:"number",description:"Number of results shown - default all"},{kind:"field",name:"searchHelperLabel",type:"string",description:"Search helper text",default:'"Cerca {searchString}"'},{kind:"field",name:"resultsItems",type:"string",description:"Autocomplete results items"},{kind:"field",name:"sortResultsItems",type:"boolean",description:"Sort autocomplete results items",default:"false"},{kind:"field",name:"showSearchButton",type:"boolean",description:"Show submit button",default:"false"},{kind:"field",name:"searchButtonIconOnly",type:"boolean",description:"Set button icon without label",default:"false"},{kind:"field",name:"size",type:"any",description:"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.",default:"ControlSize.BIG"},{kind:"field",name:"variant",type:"any",description:"Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.",default:"ButtonVariant.PRIMARY"}],events:[{kind:"event",name:"searchSubmit",description:"Emitted on search submit, return search string"},{kind:"event",name:"searchTyping",description:"Emitted on search typing, return search string"},{kind:"event",name:"searchItemClick",description:"Emitted on search result click, return item"}],cssProperties:[{name:"--z-searchbar-results-height",description:"Max height of the results container (default: 540px)"},{name:"--z-searchbar-tag-text-color",description:"Color of tag's text (default --color-primary03);"},{name:"--z-searchbar-tag-bg",description:"Color of tag's background (default --color-hover-primary);"}]}],exports:[{kind:"js",name:"ZSearchbar",declaration:{name:"ZSearchbar",module:"src/components/z-searchbar/index.tsx"}},{kind:"custom-element-definition",name:"z-searchbar",declaration:{name:"ZSearchbar",module:"src/components/z-searchbar/index.tsx"}}]}]};w({...p()||{},...v,modules:[...(p()||{}).modules||[],...v.modules]}); +import"./index-SGHLPHNW.js";import"./index-Cw-PSUvi.js";import"./index-C87dib6e.js";import"./index-BW87BpV5.js";import"./index-CA3-KGCF.js";import"./index-BpZkdoDR.js";import"./index-C8ELqjGG.js";import{s as w,g as p}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as S,H as x,c as h,h as i,a as k}from"./index-BZ0rSFNp.js";import{C as I,B as R,d as f,L as u,K as o}from"./index-JHKFBkCx.js";import{r as C,g,h as d}from"./utils-CCzSlYCN.js";const L=':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:44px;z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host::part(list-item-container){display:block;min-height:unset;padding:0}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.results-wrapper{position:absolute;top:calc(100% - 1px);left:0;width:100%;padding:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;background:var(--color-surface01)}.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}.results::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.results::-webkit-scrollbar-track{background-color:transparent}.results::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}.results .category-heading>*{display:block}.results .category-heading>.category{color:var(--color-text05);font-style:italic}.results .category-heading>.subcategory{margin-top:var(--space-unit);color:var(--color-default-text);text-transform:uppercase}.results z-list-element{position:relative;display:block}z-list-element>.item-search{padding:var(--space-unit) 0}z-list z-list-element::before{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:1em;border-bottom:1px solid var(--color-disabled01-icon);border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element::after{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:100%;border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element:last-child::after{display:none}z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 3)}.results z-list-element>.list-element{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.25) 0;cursor:pointer}.results z-list-element>.list-element:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.results z-list-element>.list-element .item.ellipsis{overflow:hidden}.results z-list-element .list-element::after{position:absolute;top:0;right:0;display:block;width:100%;height:44px;content:"";transform:translateX(-100%)}.results z-list-element .list-element.focused.hovered::after{padding-left:6px}.results z-list-element>.list-element:hover,.results z-list-element>.list-element:hover::after{background-color:var(--color-surface02);cursor:pointer}.results z-list-element>.list-element>z-tag{border:1px solid var(--gray800);font-size:var(--font-size-1);font-weight:var(--font-sb);--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color)}.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;color:var(--color-default-text);column-gap:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon);font-size:var(--font-size-2);line-height:var(--font-size-6)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}.results .item-show-all{text-align:center}.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}.results .item.ellipsis>.item-label{height:24px}.results z-list-element>.list-element>z-tag{min-width:max-content}}@media (min-width: 1152px){.results .item{cursor:pointer}.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}:host([size="small"]) .results :is(.item,.category-heading),:host([size="x-small"]) .results :is(.item,.category-heading){font-size:var(--font-size-2)}:host([size="small"]) .results .item:not(.has-category),:host([size="x-small"]) .results .item:not(.has-category){--z-icon-height:16px;--z-icon-width:16px}:host([size="small"]) z-list-element>.list-element,:host([size="small"]) z-list-element>.item-search{padding:calc(var(--space-unit) * 0.75) 0}:host([size="x-small"]) z-list-element>.list-element,:host([size="x-small"]) z-list-element>.item-search{padding:calc(var(--space-unit) / 2) 0}:host([size="small"]) z-list-element .list-element::after{height:36px}:host([size="x-small"]) z-list-element .list-element::after{height:32px}',E=class extends x{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.searchSubmit=h(this,"searchSubmit",7),this.searchTyping=h(this,"searchTyping",7),this.searchItemClick=h(this,"searchItemClick",7),this.resultsItemsList=null,this.items=[],this.htmlid=`searchbar-${C()}`,this.preventSubmit=!1,this.value=void 0,this.placeholder=void 0,this.autocomplete=!1,this.autocompleteMinChars=3,this.resultsCount=void 0,this.searchHelperLabel="Cerca {searchString}",this.resultsItems=void 0,this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=I.BIG,this.variant=R.PRIMARY,this.searchString=this.value,this.currResultsCount=0,this.showResults=!1,this.isMobile=!1,this.selectedItem=void 0}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(e){this.searchTyping.emit(e)}emitSearchItemClick(e){this.searchItemClick.emit(e),this.selectedItem=e,this.searchString=""}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString),this.items=[],this.searchString||(this.currResultsCount=this.resultsCount)}watchShowResults(){this.showResults||(this.items=[])}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0||e.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver(()=>{g()===f.MOBILE&&!this.isMobile&&(this.isMobile=!0),g()!==f.MOBILE&&this.isMobile&&(this.isMobile=!1)}),this.resizeObserver.observe(this.element)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.currResultsCount=this.resultsCount}getResultsItemsList(){return typeof this.resultsItems=="string"?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(e){const t={};return e.forEach(l=>{var s;const r=`${l==null?void 0:l.category}${l==null?void 0:l.subcategory}`;t[r]=(s=t[r])!==null&&s!==void 0?s:{category:l==null?void 0:l.category,subcategory:l==null?void 0:l.subcategory,items:[]},t[r].items.push(l)}),this.sortResultsItems?Object.keys(t).sort().reduce((l,s)=>(l[s]=Object.assign(Object.assign({},t[s]),{items:t[s].items.sort((r,c)=>{const n=r.label.toUpperCase(),a=c.label.toUpperCase();return na?1:0})}),l),{}):t}checkResultsCount(e){return!this.currResultsCount||es.nodeName==="Z-SEARCHBAR");if(!l||l.htmlid!==this.htmlid){this.showResults=!1;return}if(t.find(s=>{var r;return(s==null?void 0:s.nodeName)==="Z-INPUT"||((r=s==null?void 0:s.classList)===null||r===void 0?void 0:r.contains("results"))})){this.showResults=!0;return}this.showResults=!1}renderInput(){var e;return i("z-input",{ref:t=>{this.inputRef=t},htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{d(t,()=>this.handleSubmit()),this.handleArrowsNavigation(t)},value:this.searchString||((e=this.selectedItem)===null||e===void 0?void 0:e.label),ariaLabel:this.placeholder,size:this.size})}renderButton(){if(!this.showSearchButton)return null;const e=this.searchButtonIconOnly?{icon:"search"}:null,t=this.searchButtonIconOnly?"":"CERCA",l=this.searchButtonIconOnly?{"aria-label":"CERCA"}:null,s=Object.assign(Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},e),l);return i("z-button",Object.assign({},s),t)}renderResults(){return!this.showResults||!this.autocomplete||!this.searchString||this.searchString.length{if(this.checkResultsCount(s)){const a=[];r.items.forEach((b,m,z)=>{if(this.checkResultsCount(s)){const y=c===n.length-1&&m===z.length-1;a.push(this.renderItem(b,m,!y))}s++}),a.length&&l.push(i("z-list-group",{"divider-type":u.ELEMENT},this.renderItemCategory(r),a))}}),l}handleArrowsNavigation(e){const t=e.target;if(![o.ARROW_DOWN,o.ARROW_UP].includes(e.key)){e.preventDefault();return}if(!this.items.length){const r=this.element.shadowRoot.querySelector("z-list");if(!r)return;this.items=Array.from(r.querySelectorAll(".list-element"))}this.items.forEach(r=>r.classList.contains("focused")&&r.classList.remove("focused"));const s=this.items.indexOf(t);if(e.key===o.ARROW_DOWN){e.preventDefault();const r=s+1;r=0&&(this.items[r].focus(),this.items[r].classList.add("focused"))}}renderItem(e,t,l){return i("z-list-element",{id:`list-item-${this.htmlid}-${t}`,tabIndex:0,role:"option",dividerType:l?u.ELEMENT:void 0,onKeyDown:s=>this.handleArrowsNavigation(s)},i("div",{class:"list-element",tabIndex:0,onClick:()=>this.emitSearchItemClick(e),onKeyDown:s=>d(s,()=>this.emitSearchItemClick(e)),onMouseEnter:s=>{s.target.classList.add("hovered")},onMouseLeave:s=>{const r=s.target;r.classList.contains("hovered")&&r.classList.remove("hovered")}},i("span",{class:"item ellipsis"},(e==null?void 0:e.icon)&&i("z-icon",{class:"item-icon",name:e.icon}),i("span",{class:"item-label",title:e.label,innerHTML:this.renderItemLabel(e.label)})),(e==null?void 0:e.tag)&&i("z-tag",{icon:e.tag.icon},this.isMobile?"":e.tag.text)),e.children&&e.children.length>0?i("z-list",null,i("div",{class:"children-node"},e.children.map((s,r)=>this.renderItem(s,r,!1)))):null)}renderItemLabel(e){return this.searchString?e.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),t=>`${t}`):e}renderItemCategory(e){return e!=null&&e.category?i("span",{class:"category-heading",slot:"header-title"},i("span",{class:"category"},e.category),(e==null?void 0:e.subcategory)&&i("span",{class:"subcategory"},e.subcategory)):null}renderSearchHelper(e=!0){return!this.autocomplete||this.preventSubmit||!this.searchString?null:i("z-list-element",{role:"option",dividerType:e?u.ELEMENT:void 0,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.handleArrowsNavigation(t)},i("div",{tabindex:0,onClick:()=>this.emitSearchSubmit(),onKeyDown:t=>d(t,()=>this.emitSearchSubmit()),class:"list-element"},i("span",{class:"item item-search"},i("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),i("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`${this.searchString}`)}))))}renderShowAllResults(){var e,t;return!this.currResultsCount||!this.searchString||!(!((e=this.resultsItemsList)===null||e===void 0)&&e.length)||this.currResultsCount>=((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)?null:i("z-list-element",{role:"option",tabindex:0,clickable:!0,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},i("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return i(k,{key:"d2538de7cb91de946e18fc3f2c4431b29cb8ed05",onFocus:()=>this.showResults=!0,onClick:e=>this.handleOutsideClick(e),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},i("div",{key:"af69a970fb4a195b7be72c32b4cdf7f8c5cbab98",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}get element(){return this}static get watchers(){return{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"],showResults:["watchShowResults"]}}static get style(){return L}};S(E,[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],size:[8],variant:[8],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"],showResults:["watchShowResults"]}]);const v={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZSearchbar",tagName:"z-searchbar",customElement:!0,members:[{kind:"field",name:"htmlid",type:"string",description:"the id of the searchbar element",default:"`searchbar-${randomId()}`"},{kind:"field",name:"preventSubmit",type:"boolean",description:"Prevent submit action",default:"false"},{kind:"field",name:"value",type:"string",description:"Input search string"},{kind:"field",name:"placeholder",type:"string",description:"Search input placeholder"},{kind:"field",name:"autocomplete",type:"boolean",description:"Show autocomplete results",default:"false"},{kind:"field",name:"autocompleteMinChars",type:"number",description:"Minimun number of characters to dispatch typing event",default:"3"},{kind:"field",name:"resultsCount",type:"number",description:"Number of results shown - default all"},{kind:"field",name:"searchHelperLabel",type:"string",description:"Search helper text",default:'"Cerca {searchString}"'},{kind:"field",name:"resultsItems",type:"string",description:"Autocomplete results items"},{kind:"field",name:"sortResultsItems",type:"boolean",description:"Sort autocomplete results items",default:"false"},{kind:"field",name:"showSearchButton",type:"boolean",description:"Show submit button",default:"false"},{kind:"field",name:"searchButtonIconOnly",type:"boolean",description:"Set button icon without label",default:"false"},{kind:"field",name:"size",type:"any",description:"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.",default:"ControlSize.BIG"},{kind:"field",name:"variant",type:"any",description:"Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.",default:"ButtonVariant.PRIMARY"}],events:[{kind:"event",name:"searchSubmit",description:"Emitted on search submit, return search string"},{kind:"event",name:"searchTyping",description:"Emitted on search typing, return search string"},{kind:"event",name:"searchItemClick",description:"Emitted on search result click, return item"}],cssProperties:[{name:"--z-searchbar-results-height",description:"Max height of the results container (default: 540px)"},{name:"--z-searchbar-tag-text-color",description:"Color of tag's text (default --color-primary03);"},{name:"--z-searchbar-tag-bg",description:"Color of tag's background (default --color-hover-primary);"}]}],exports:[{kind:"js",name:"ZSearchbar",declaration:{name:"ZSearchbar",module:"src/components/z-searchbar/index.tsx"}},{kind:"custom-element-definition",name:"z-searchbar",declaration:{name:"ZSearchbar",module:"src/components/z-searchbar/index.tsx"}}]}]};w({...p()||{},...v,modules:[...(p()||{}).modules||[],...v.modules]}); diff --git a/assets/index-Dn9nMjiz.js b/assets/index-DPiibGsR.js similarity index 88% rename from assets/index-Dn9nMjiz.js rename to assets/index-DPiibGsR.js index db5d64b06..5d7ce1517 100644 --- a/assets/index-Dn9nMjiz.js +++ b/assets/index-DPiibGsR.js @@ -1 +1 @@ -import{s as t,g as e}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as i,H as n,h as d}from"./index-BZ0rSFNp.js";const a=":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}",l=class extends n{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return d("slot",{key:"8021d884a5e1ecf0c43ca4d2ef8b2e6f5c4a113e"})}static get style(){return a}};i(l,[1,"z-visually-hidden"]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZVisuallyHidden",tagName:"z-visually-hidden",customElement:!0,members:[],events:[]}],exports:[{kind:"js",name:"ZVisuallyHidden",declaration:{name:"ZVisuallyHidden",module:"src/components/z-visually-hidden/index.tsx"}},{kind:"custom-element-definition",name:"z-visually-hidden",declaration:{name:"ZVisuallyHidden",module:"src/components/z-visually-hidden/index.tsx"}}]}]};t({...e()||{},...s,modules:[...(e()||{}).modules||[],...s.modules]}); +import{s as t,g as e}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as i,H as n,h as d}from"./index-BZ0rSFNp.js";const a=":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}",l=class extends n{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return d("slot",{key:"15ffd3d328fdf5785ee68f5d5b438ad59d5b8276"})}static get style(){return a}};i(l,[1,"z-visually-hidden"]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZVisuallyHidden",tagName:"z-visually-hidden",customElement:!0,members:[],events:[]}],exports:[{kind:"js",name:"ZVisuallyHidden",declaration:{name:"ZVisuallyHidden",module:"src/components/z-visually-hidden/index.tsx"}},{kind:"custom-element-definition",name:"z-visually-hidden",declaration:{name:"ZVisuallyHidden",module:"src/components/z-visually-hidden/index.tsx"}}]}]};t({...e()||{},...s,modules:[...(e()||{}).modules||[],...s.modules]}); diff --git a/assets/index-CCygeDXd.js b/assets/index-DfgYS_QL.js similarity index 53% rename from assets/index-CCygeDXd.js rename to assets/index-DfgYS_QL.js index 79d57dd6b..054b49414 100644 --- a/assets/index-CCygeDXd.js +++ b/assets/index-DfgYS_QL.js @@ -1 +1 @@ -import{M,u as a}from"./index-BZb0Tuow.js";import"./index-DEBjj2B6.js";import"./iframe-r3PixKGN.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";export{M as MDXProvider,a as useMDXComponents}; +import{M,u as a}from"./index-CIjuTFzs.js";import"./index-Dm9AUBil.js";import"./iframe-QbsVIPGS.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";export{M as MDXProvider,a as useMDXComponents}; diff --git a/assets/index-BacGGHTY.js b/assets/index-DjmSoT86.js similarity index 98% rename from assets/index-BacGGHTY.js rename to assets/index-DjmSoT86.js index a1e227e0d..97354149a 100644 --- a/assets/index-BacGGHTY.js +++ b/assets/index-DjmSoT86.js @@ -1 +1 @@ -import"./index-CVRBhaZR.js";import"./index-C7Mt38_S.js";import"./index-DruWvhJj.js";import"./index-BpZkdoDR.js";import"./index-hkZtMIom.js";import"./index-LFEDVmH0.js";import"./index-CVMFEM3F.js";import{s as I,g as h}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as v,H as y,c as m,h as l}from"./index-BZ0rSFNp.js";import{C as d,K as r,L as a,b as u}from"./index-JHKFBkCx.js";import{r as w,b as p,d as S,e as L,a as x}from"./utils-CCzSlYCN.js";const k='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;justify-content:space-between;padding-left:calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) 0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-tag.sc-z-select{margin-right:calc(var(--space-unit))}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}',O=class extends y{constructor(){super(),this.__registerHost(),this.optionSelect=m(this,"optionSelect",7),this.resetSelect=m(this,"resetSelect",7),this.itemsList=[],this.htmlid=`id-${w()}`,this.items=void 0,this.name=void 0,this.label=void 0,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.htmltitle=void 0,this.status=void 0,this.message=!0,this.autocomplete=!1,this.noresultslabel="Nessun risultato",this.hasGroupItems=void 0,this.isfixed=!1,this.resetItem=void 0,this.size=d.BIG,this.isOpen=!1,this.selectedItem=null,this.focusedItemId=void 0,this.searchString=void 0,this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItem=this.itemsList.find(e=>e.selected)}getFocusedItemHandler(e){this.focusedItemId=e.target.id}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];typeof e=="string"?t.push(e):t=e,this.selectedItem=this.itemsList.find(s=>t.includes(s.id))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return typeof this.items=="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){return this.getInitialItemsArray().map(t=>{var s;return t.selected=t.id===((s=this.selectedItem)===null||s===void 0?void 0:s.id),t})}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}filterItems(e){const t=this.mapSelectedItemToItemsArray();e!=null&&e.length?this.itemsList=t.filter(s=>s.name.toUpperCase().includes(e.toUpperCase())).map(s=>{const i=s.name.toUpperCase().indexOf(e.toUpperCase()),c=i+e.length,n=s.name.substring(0,i)+`${s.name.substring(i,c)}`+s.name.substring(c,s.name.length);return s.name=n,s}):this.itemsList=t}hasAutocomplete(){return p(this.autocomplete)===!0}handleInputChange(e){this.searchString=e.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(e,t){e&&e.disabled||(this.itemsList=this.mapSelectedItemToItemsArray(),this.itemsList=this.itemsList.map(s=>(s.selected=!1,s.id===(e==null?void 0:e.id)&&(s.selected=t),s)),this.selectedItem=this.itemsList.find(s=>s.selected),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(e,t){const s=this.resetItem&&!!this.selectedItem;if(![r.ARROW_DOWN,r.ARROW_UP].includes(e.key))return;e.preventDefault(),e.stopPropagation(),this.isOpen||this.toggleSelectUl();let c;this.resetItem&&(e.key===r.ARROW_DOWN?c=t+1===this.itemsList.length+1?+!s:t+1:e.key===r.ARROW_UP&&(c=t<=+!s?this.itemsList.length:t-1)),this.resetItem||(e.key===r.ARROW_DOWN?c=t+1===this.itemsList.length?0:t+1:e.key===r.ARROW_UP&&(c=t<=0?this.itemsList.length-1:t-1)),this.focusSelectItem(c)}focusSelectItem(e){const t=this.element.querySelector(`#${this.htmlid}_${e}`);t&&t.focus()}toggleSelectUl(e=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),e&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.focusedItemId="",this.isOpen=!this.isOpen)}handleInputClick(e){if(e.composedPath().find(i=>i.classList&&i.classList.contains("reset-icon"))){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===r.ESC)return e.stopPropagation(),this.toggleSelectUl(!0);if(e instanceof KeyboardEvent&&e.key!==r.TAB&&e.key!==r.ENTER)return;S(L()).find(i=>i.nodeName.toLowerCase()==="z-input"&&i.id===`${this.htmlid}_input`)||this.toggleSelectUl(e instanceof MouseEvent)}scrollToLetter(e){const t=this.itemsList.find(s=>s.name.charAt(0)===e);t&&this.focusSelectItem(this.itemsList.indexOf(t))}renderInput(){return l("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-expanded":this.isOpen?"true":"false","aria-label":this.ariaLabel,"aria-controls":`${this.htmlid}_list`,"aria-autocomplete":this.hasAutocomplete()?"list":"none","aria-activedescendant":this.isOpen?this.focusedItemId:"",icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?void 0:this.status,role:"combobox",size:this.size,onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{e.keyCode!==13&&e.preventDefault(),x(e,this.toggleSelectUl)},onKeyDown:e=>this.arrowsSelectNav(e,this.selectedItem?this.itemsList.indexOf(this.selectedItem):this.resetItem?0:-1),onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{this.hasAutocomplete()||(e.preventDefault(),this.scrollToLetter(String.fromCharCode(e.keyCode)))}})}renderSelectUl(){return l("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},l("div",{class:{"ul-scroll-wrapper":!0,fixed:this.isfixed},tabindex:"-1"},l("z-list",{role:"listbox","aria-label":this.ariaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":!1,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem,[`input-${this.status}`]:!this.isOpen&&!!this.status}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){return l("z-list-element",{class:{hide:!this.selectedItem||!this.resetItem,"reset-item":!0,"reset-item-margin":!this.hasGroupItems},clickable:!0,disabled:!1,dividerType:a.ELEMENT,role:"option",tabindex:"0","aria-selected":"false",id:`${this.htmlid}_${this.resetItem?"0":"none"}`,size:this.listSizeType(),onClickItem:()=>{this.selectedItem=null,this.searchString=null,this.emitResetSelect()},onKeyDown:e=>this.arrowsSelectNav(e,0)},l("div",{class:"reset-item-content"},l("z-icon",{name:"multiply-circled"}),l("span",null,this.resetItem)))}renderItem(e,t,s){return l("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:s?a.HEADER:a.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":e.selected?"true":"false",id:`${this.htmlid}_${t}`,size:this.listSizeType(),onClickItem:()=>this.selectItem(e,!0),onKeyDown:i=>this.arrowsSelectNav(i,t)},l("div",{class:"list-element-container"},l("span",{class:{selected:!!e.selected,"list-element-content":!0},innerHTML:e.name}),e.icon&&l("z-tag",{icon:e.icon})))}listSizeType(){return this.size===d.SMALL||this.size===d.X_SMALL?u.SMALL:u.MEDIUM}renderSelectUlItems(){return this.itemsList.length?this.hasGroupItems?this.renderSelectGroupItems():this.itemsList.map((e,t,s)=>{const i=s.length===t+1,c=this.resetItem?t+1:t;return this.renderItem(e,c,i)}):this.renderNoSearchResults()}renderSelectGroupItems(){const e=this.itemsList.reduce((t,s,i,c)=>{var n;const{category:o}=s,f=c.length===i+1,g=this.resetItem?i+1:i,b=this.renderItem(s,g,f);return t[o]=(n=t[o])!==null&&n!==void 0?n:[],t[o].push(b),t},{});return Object.entries(e).map(([t,s])=>l("z-list-group",{"divider-type":a.ELEMENT},l("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),s.map(i=>i)))}renderNoSearchResults(){return l("z-list-element",{color:"blue500",class:"no-results",size:this.listSizeType()},l("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)}renderMessage(){if(p(this.message)!==!1)return l("z-input-message",{message:p(this.message)===!0?void 0:this.message,status:this.status,class:this.size})}render(){return l("div",{key:"3ef148e88bf90a42485a22325783d4deb36e068e",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return this}static get watchers(){return{items:["watchItems"]}}static get style(){return k}};v(O,[2,"z-select",{htmlid:[1],items:[1],name:[1],label:[1],ariaLabel:[1,"aria-label"],disabled:[4],readonly:[4],placeholder:[1],htmltitle:[1],status:[8],message:[8],autocomplete:[4],noresultslabel:[1],hasGroupItems:[4,"has-group-items"],isfixed:[4],resetItem:[1,"reset-item"],size:[8],isOpen:[32],selectedItem:[32],focusedItemId:[32],searchString:[32],getSelectedItem:[64],getValue:[64],setValue:[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{items:["watchItems"]}]);const z={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZSelect",tagName:"z-select",customElement:!0,members:[{kind:"field",name:"htmlid",type:"string",description:"the id of the input element",default:"`id-${randomId()}`"},{kind:"field",name:"items",type:"string",description:"the input select options"},{kind:"field",name:"name",type:"string",description:"the input name"},{kind:"field",name:"label",type:"string",description:"the input label"},{kind:"field",name:"ariaLabel",type:"string",description:"the input aria-label",default:'""'},{kind:"field",name:"disabled",type:"boolean",description:"the input is disabled",default:"false"},{kind:"field",name:"readonly",type:"boolean",description:"the input is readonly",default:"false"},{kind:"field",name:"placeholder",type:"string",description:"the input placeholder (optional)"},{kind:"field",name:"htmltitle",type:"string",description:"the input html title (optional)"},{kind:"field",name:"status",type:"any",description:"the input status (optional)"},{kind:"field",name:"message",type:"any",description:"input helper message (optional) - if set to `false` message won't be displayed",default:"true"},{kind:"field",name:"autocomplete",type:"boolean",description:"the input has autocomplete option",default:"false"},{kind:"field",name:"noresultslabel",type:"string",description:"no result text message",default:'"Nessun risultato"'},{kind:"field",name:"hasGroupItems",type:"boolean",description:""},{kind:"field",name:"isfixed",type:"boolean",description:"When fixed, it occupies space and pushes down next elements.",default:"false"},{kind:"field",name:"resetItem",type:"string",description:""},{kind:"field",name:"size",type:"any",description:"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.",default:"ControlSize.BIG"}],events:[{kind:"event",name:"optionSelect",description:"Emitted on select option selection, returns select id, selected item id"},{kind:"event",name:"resetSelect",description:"Emitted on reset selected item, returns select id, selected item id"}]}],exports:[{kind:"js",name:"ZSelect",declaration:{name:"ZSelect",module:"src/components/z-select/index.tsx"}},{kind:"custom-element-definition",name:"z-select",declaration:{name:"ZSelect",module:"src/components/z-select/index.tsx"}}]}]};I({...h()||{},...z,modules:[...(h()||{}).modules||[],...z.modules]}); +import"./index-SGHLPHNW.js";import"./index-C87dib6e.js";import"./index-CA3-KGCF.js";import"./index-BpZkdoDR.js";import"./index-C8ELqjGG.js";import"./index-BW87BpV5.js";import"./index-6DVFO8oc.js";import{s as I,g as h}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as v,H as y,c as m,h as l}from"./index-BZ0rSFNp.js";import{C as d,K as r,L as a,b as u}from"./index-JHKFBkCx.js";import{r as w,b as p,d as S,e as L,a as x}from"./utils-CCzSlYCN.js";const k='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;justify-content:space-between;padding-left:calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) 0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-tag.sc-z-select{margin-right:calc(var(--space-unit))}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}',O=class extends y{constructor(){super(),this.__registerHost(),this.optionSelect=m(this,"optionSelect",7),this.resetSelect=m(this,"resetSelect",7),this.itemsList=[],this.htmlid=`id-${w()}`,this.items=void 0,this.name=void 0,this.label=void 0,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.htmltitle=void 0,this.status=void 0,this.message=!0,this.autocomplete=!1,this.noresultslabel="Nessun risultato",this.hasGroupItems=void 0,this.isfixed=!1,this.resetItem=void 0,this.size=d.BIG,this.isOpen=!1,this.selectedItem=null,this.focusedItemId=void 0,this.searchString=void 0,this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItem=this.itemsList.find(e=>e.selected)}getFocusedItemHandler(e){this.focusedItemId=e.target.id}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];typeof e=="string"?t.push(e):t=e,this.selectedItem=this.itemsList.find(s=>t.includes(s.id))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return typeof this.items=="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){return this.getInitialItemsArray().map(t=>{var s;return t.selected=t.id===((s=this.selectedItem)===null||s===void 0?void 0:s.id),t})}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}filterItems(e){const t=this.mapSelectedItemToItemsArray();e!=null&&e.length?this.itemsList=t.filter(s=>s.name.toUpperCase().includes(e.toUpperCase())).map(s=>{const i=s.name.toUpperCase().indexOf(e.toUpperCase()),c=i+e.length,n=s.name.substring(0,i)+`${s.name.substring(i,c)}`+s.name.substring(c,s.name.length);return s.name=n,s}):this.itemsList=t}hasAutocomplete(){return p(this.autocomplete)===!0}handleInputChange(e){this.searchString=e.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(e,t){e&&e.disabled||(this.itemsList=this.mapSelectedItemToItemsArray(),this.itemsList=this.itemsList.map(s=>(s.selected=!1,s.id===(e==null?void 0:e.id)&&(s.selected=t),s)),this.selectedItem=this.itemsList.find(s=>s.selected),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(e,t){const s=this.resetItem&&!!this.selectedItem;if(![r.ARROW_DOWN,r.ARROW_UP].includes(e.key))return;e.preventDefault(),e.stopPropagation(),this.isOpen||this.toggleSelectUl();let c;this.resetItem&&(e.key===r.ARROW_DOWN?c=t+1===this.itemsList.length+1?+!s:t+1:e.key===r.ARROW_UP&&(c=t<=+!s?this.itemsList.length:t-1)),this.resetItem||(e.key===r.ARROW_DOWN?c=t+1===this.itemsList.length?0:t+1:e.key===r.ARROW_UP&&(c=t<=0?this.itemsList.length-1:t-1)),this.focusSelectItem(c)}focusSelectItem(e){const t=this.element.querySelector(`#${this.htmlid}_${e}`);t&&t.focus()}toggleSelectUl(e=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),e&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.focusedItemId="",this.isOpen=!this.isOpen)}handleInputClick(e){if(e.composedPath().find(i=>i.classList&&i.classList.contains("reset-icon"))){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===r.ESC)return e.stopPropagation(),this.toggleSelectUl(!0);if(e instanceof KeyboardEvent&&e.key!==r.TAB&&e.key!==r.ENTER)return;S(L()).find(i=>i.nodeName.toLowerCase()==="z-input"&&i.id===`${this.htmlid}_input`)||this.toggleSelectUl(e instanceof MouseEvent)}scrollToLetter(e){const t=this.itemsList.find(s=>s.name.charAt(0)===e);t&&this.focusSelectItem(this.itemsList.indexOf(t))}renderInput(){return l("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-expanded":this.isOpen?"true":"false","aria-label":this.ariaLabel,"aria-controls":`${this.htmlid}_list`,"aria-autocomplete":this.hasAutocomplete()?"list":"none","aria-activedescendant":this.isOpen?this.focusedItemId:"",icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?void 0:this.status,role:"combobox",size:this.size,onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{e.keyCode!==13&&e.preventDefault(),x(e,this.toggleSelectUl)},onKeyDown:e=>this.arrowsSelectNav(e,this.selectedItem?this.itemsList.indexOf(this.selectedItem):this.resetItem?0:-1),onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{this.hasAutocomplete()||(e.preventDefault(),this.scrollToLetter(String.fromCharCode(e.keyCode)))}})}renderSelectUl(){return l("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},l("div",{class:{"ul-scroll-wrapper":!0,fixed:this.isfixed},tabindex:"-1"},l("z-list",{role:"listbox","aria-label":this.ariaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":!1,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem,[`input-${this.status}`]:!this.isOpen&&!!this.status}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){return l("z-list-element",{class:{hide:!this.selectedItem||!this.resetItem,"reset-item":!0,"reset-item-margin":!this.hasGroupItems},clickable:!0,disabled:!1,dividerType:a.ELEMENT,role:"option",tabindex:"0","aria-selected":"false",id:`${this.htmlid}_${this.resetItem?"0":"none"}`,size:this.listSizeType(),onClickItem:()=>{this.selectedItem=null,this.searchString=null,this.emitResetSelect()},onKeyDown:e=>this.arrowsSelectNav(e,0)},l("div",{class:"reset-item-content"},l("z-icon",{name:"multiply-circled"}),l("span",null,this.resetItem)))}renderItem(e,t,s){return l("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:s?a.HEADER:a.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":e.selected?"true":"false",id:`${this.htmlid}_${t}`,size:this.listSizeType(),onClickItem:()=>this.selectItem(e,!0),onKeyDown:i=>this.arrowsSelectNav(i,t)},l("div",{class:"list-element-container"},l("span",{class:{selected:!!e.selected,"list-element-content":!0},innerHTML:e.name}),e.icon&&l("z-tag",{icon:e.icon})))}listSizeType(){return this.size===d.SMALL||this.size===d.X_SMALL?u.SMALL:u.MEDIUM}renderSelectUlItems(){return this.itemsList.length?this.hasGroupItems?this.renderSelectGroupItems():this.itemsList.map((e,t,s)=>{const i=s.length===t+1,c=this.resetItem?t+1:t;return this.renderItem(e,c,i)}):this.renderNoSearchResults()}renderSelectGroupItems(){const e=this.itemsList.reduce((t,s,i,c)=>{var n;const{category:o}=s,f=c.length===i+1,g=this.resetItem?i+1:i,b=this.renderItem(s,g,f);return t[o]=(n=t[o])!==null&&n!==void 0?n:[],t[o].push(b),t},{});return Object.entries(e).map(([t,s])=>l("z-list-group",{"divider-type":a.ELEMENT},l("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),s.map(i=>i)))}renderNoSearchResults(){return l("z-list-element",{color:"blue500",class:"no-results",size:this.listSizeType()},l("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)}renderMessage(){if(p(this.message)!==!1)return l("z-input-message",{message:p(this.message)===!0?void 0:this.message,status:this.status,class:this.size})}render(){return l("div",{key:"8a325d3703b3f2634c379aec9a99e378c286c8ad",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return this}static get watchers(){return{items:["watchItems"]}}static get style(){return k}};v(O,[2,"z-select",{htmlid:[1],items:[1],name:[1],label:[1],ariaLabel:[1,"aria-label"],disabled:[4],readonly:[4],placeholder:[1],htmltitle:[1],status:[8],message:[8],autocomplete:[4],noresultslabel:[1],hasGroupItems:[4,"has-group-items"],isfixed:[4],resetItem:[1,"reset-item"],size:[8],isOpen:[32],selectedItem:[32],focusedItemId:[32],searchString:[32],getSelectedItem:[64],getValue:[64],setValue:[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{items:["watchItems"]}]);const z={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZSelect",tagName:"z-select",customElement:!0,members:[{kind:"field",name:"htmlid",type:"string",description:"the id of the input element",default:"`id-${randomId()}`"},{kind:"field",name:"items",type:"string",description:"the input select options"},{kind:"field",name:"name",type:"string",description:"the input name"},{kind:"field",name:"label",type:"string",description:"the input label"},{kind:"field",name:"ariaLabel",type:"string",description:"the input aria-label",default:'""'},{kind:"field",name:"disabled",type:"boolean",description:"the input is disabled",default:"false"},{kind:"field",name:"readonly",type:"boolean",description:"the input is readonly",default:"false"},{kind:"field",name:"placeholder",type:"string",description:"the input placeholder (optional)"},{kind:"field",name:"htmltitle",type:"string",description:"the input html title (optional)"},{kind:"field",name:"status",type:"any",description:"the input status (optional)"},{kind:"field",name:"message",type:"any",description:"input helper message (optional) - if set to `false` message won't be displayed",default:"true"},{kind:"field",name:"autocomplete",type:"boolean",description:"the input has autocomplete option",default:"false"},{kind:"field",name:"noresultslabel",type:"string",description:"no result text message",default:'"Nessun risultato"'},{kind:"field",name:"hasGroupItems",type:"boolean",description:""},{kind:"field",name:"isfixed",type:"boolean",description:"When fixed, it occupies space and pushes down next elements.",default:"false"},{kind:"field",name:"resetItem",type:"string",description:""},{kind:"field",name:"size",type:"any",description:"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.",default:"ControlSize.BIG"}],events:[{kind:"event",name:"optionSelect",description:"Emitted on select option selection, returns select id, selected item id"},{kind:"event",name:"resetSelect",description:"Emitted on reset selected item, returns select id, selected item id"}]}],exports:[{kind:"js",name:"ZSelect",declaration:{name:"ZSelect",module:"src/components/z-select/index.tsx"}},{kind:"custom-element-definition",name:"z-select",declaration:{name:"ZSelect",module:"src/components/z-select/index.tsx"}}]}]};I({...h()||{},...z,modules:[...(h()||{}).modules||[],...z.modules]}); diff --git a/assets/index-DEBjj2B6.js b/assets/index-Dm9AUBil.js similarity index 99% rename from assets/index-DEBjj2B6.js rename to assets/index-Dm9AUBil.js index e64c1eaf8..3b33dfede 100644 --- a/assets/index-DEBjj2B6.js +++ b/assets/index-Dm9AUBil.js @@ -1,5 +1,5 @@ -const __vite__fileDeps=["./index-C6xfamXG.js","./iframe-r3PixKGN.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BcT0yLYp.js","./index-DrFu-skq.js","./Color-ERTF36HU-CqIwXg4K.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -var vB=Object.defineProperty;var yB=(e,t,r)=>t in e?vB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Mo=(e,t,r)=>yB(e,typeof t!="symbol"?t+"":t,r);import{_ as BC}from"./iframe-r3PixKGN.js";import{g as ol,c as ac}from"./_commonjsHelpers-Cpj98o6Y.js";import{e as c3,s as Tp}from"./index-BcT0yLYp.js";import{d as wB}from"./index-DrFu-skq.js";var LC={exports:{}},n1={},OC={exports:{}},re={};/** +const __vite__fileDeps=["./index-mMUaFhME.js","./iframe-QbsVIPGS.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BcT0yLYp.js","./index-DrFu-skq.js","./Color-ERTF36HU-BoNIMMwq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +var vB=Object.defineProperty;var yB=(e,t,r)=>t in e?vB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Mo=(e,t,r)=>yB(e,typeof t!="symbol"?t+"":t,r);import{_ as BC}from"./iframe-QbsVIPGS.js";import{g as ol,c as ac}from"./_commonjsHelpers-Cpj98o6Y.js";import{e as c3,s as Tp}from"./index-BcT0yLYp.js";import{d as wB}from"./index-DrFu-skq.js";var LC={exports:{}},n1={},OC={exports:{}},re={};/** * @license React * react.production.min.js * @@ -597,7 +597,7 @@ ${t}`);let r=t.match(BK);if(!r)return b.createElement(u.Fragment,null,t);let[,n, * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */const{global:qt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:Xde,once:Jde,logger:e3}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:t1,composeConfigs:Yhe,Preview:Zhe,DocsContext:Xhe}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:bC,UPDATE_STORY_ARGS:Qde,RESET_STORY_ARGS:e1e,GLOBALS_UPDATED:EC,NAVIGATE_URL:t1e}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var r1e=ll({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),n1e=ll({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,s=" ";function d(x,D){var S=D.appendChild(h(x));if(x.children.length){var k=p(x.isCollapsed);x.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function f(x,D){var S=!1,k=p(S);if(D.forEach(function(_){d(_,k)}),i=x||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function h(x){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",x.textContent),r.includeHtml&&x.childNodes.length?n.call(x.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=x.textContent,S.setAttribute("href",r.basePath+"#"+x.id),S.setAttribute("class",r.linkClass+s+"node-name--"+x.nodeName+s+r.extraLinkClasses),D.appendChild(S),D}function p(x){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+s+r.extraListClasses;return x&&(k=k+s+r.collapsibleClass,k=k+s+r.isCollapsedClass),S.setAttribute("class",k),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var x;x=document.querySelector(r.scrollContainer).scrollTop}else x=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),x>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=s+r.positionFixedClass):D.className=D.className.replace(s+r.positionFixedClass,"")}function g(x){var D=0;return x!==null&&(D=x.offsetTop,r.hasInnerContainers&&(D+=g(x.offsetParent))),D}function v(x,D){return x&&x.className!==D&&(x.className=D),x}function C(x){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=x,k;if(l&&i!==null&&S.length>0){a.call(S,function(j,M){if(g(j)>D+r.headingsOffset+10){var H=M===0?M:M-1;return k=S[H],!0}else if(M===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),A=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===A)return;var $=i.querySelectorAll("."+r.linkClass);n.call($,function(j){v(j,j.className.replace(s+r.activeLinkClass,""))});var I=i.querySelectorAll("."+r.listItemClass);n.call(I,function(j){v(j,j.className.replace(s+r.activeListItemClass,""))}),A&&A.className.indexOf(r.activeLinkClass)===-1&&(A.className+=s+r.activeLinkClass);var O=A&&A.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=s+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(j){j.className.indexOf(r.isCollapsedClass)===-1&&(j.className+=s+r.isCollapsedClass)}),A&&A.nextSibling&&A.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&v(A.nextSibling,A.nextSibling.className.replace(s+r.isCollapsedClass,"")),w(A&&A.parentNode.parentNode)}}function w(x){return x&&x.className.indexOf(r.collapsibleClass)!==-1&&x.className.indexOf(r.isCollapsedClass)!==-1?(v(x,x.className.replace(s+r.isCollapsedClass,"")),w(x.parentNode.parentNode)):x}function y(x){var D=x.target||x.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function E(){l=!0}return{enableTocAnimation:E,disableTocAnimation:y,render:f,updateToc:C}}}}),a1e=ll({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function l(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function s(h,p){for(var m=l(h),g=m.headingLevel,v=p,C=a(v),w=C?C.headingLevel:0,y=g-w;y>0&&(C=a(v),!(C&&g===C.headingLevel));)C&&C.children!==void 0&&(v=C.children),y--;return g>=r.collapseDepth&&(m.isCollapsed=!0),v.push(m),v}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=l(m);return g&&s(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),o1e=ll({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),i1e=ll({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",h,!1);function h(p){!s(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function s(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(s):i.duration,f,h;requestAnimationFrame(function(v){f=v,p(v)});function p(v){h=v-f,window.scrollTo(0,i.easing(h,o,s,d)),h"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var y={},E=0;E({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:ve(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Hz=e=>b.createElement(s1e,{...e,className:"docblock-emptyblock sb-unstyled"}),u1e=F(y4)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"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"}})),c1e=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"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"})),Qc=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Vm}`]:{margin:0}})),d1e=()=>b.createElement(c1e,null,b.createElement(Qc,null),b.createElement(Qc,{style:{width:"80%"}}),b.createElement(Qc,{style:{width:"30%"}}),b.createElement(Qc,{style:{width:"80%"}})),Uz=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=b9();if(e)return b.createElement(d1e,null);if(t)return b.createElement(Hz,null,t);let s=b.createElement(u1e,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return s;let d=a?Hm.dark:Hm.light;return b.createElement(E9,{theme:Um({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},Ie=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,t3=600,p1e=F.h1(De,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${t3}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),f1e=F.h2(De,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${t3}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ve(.25,e.color.defaultText)})),h1e=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?ve(.1,e.color.defaultText):ve(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[Ie("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[Ie("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[Ie("div")]:t,[Ie("dl")]:{...t,margin:"16px 0",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}},[Ie("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[Ie("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[Ie("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[Ie("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[Ie("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[Ie("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[Ie("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[Ie("img")]:{maxWidth:"100%"},[Ie("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[Ie("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[Ie("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[Ie("pre")]:{...t,fontFamily:e.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"}},[Ie("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.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:e.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"}}},[Ie("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.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}},[Ie("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),m1e=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${t3}px)`]:{}})),g1e=({children:e,toc:t})=>b.createElement(m1e,{className:"sbdocs sbdocs-wrapper"},b.createElement(h1e,{className:"sbdocs sbdocs-content"},e),t),_p=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:v1e}=qt,y1e=class extends u.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=v1e.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return b.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},Vz=u.createContext({scale:1}),{PREVIEW_URL:w1e}=qt,b1e=w1e||"iframe.html",S5=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,E1e=e=>{let t=u.useRef(),[r,n]=u.useState(!0),[a,o]=u.useState(),{story:i,height:l,autoplay:s,forceInitialArgs:d,renderStoryToElement:f}=e;return u.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:s,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[s,f,i]),a?b.createElement("pre",null,b.createElement(PK,{error:a})):b.createElement(b.Fragment,null,l?b.createElement("style",null,`#${S5(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&b.createElement(Wz,null),b.createElement("div",{ref:t,id:`${S5(e)}-inner`,"data-name":i.name}))},x1e=({story:e,height:t="500px"})=>b.createElement("div",{style:{width:"100%",height:t}},b.createElement(Vz.Consumer,null,({scale:r})=>b.createElement(y1e,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:sZ(b1e,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),C1e=F.strong(({theme:e})=>({color:e.color.orange})),D1e=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?b.createElement(C1e,null,"This story mounts inside of play. Set"," ",b.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):b.createElement("div",{id:S5(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?b.createElement(E1e,{...e}):b.createElement(x1e,{...e}))},Wz=()=>b.createElement(lZ,null),S1e=F(A4)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),k1e=F.div({display:"flex",alignItems:"center",gap:4}),_1e=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),A1e=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>b.createElement(S1e,{...o},b.createElement(k1e,{key:"left"},e?[1,2,3].map(i=>b.createElement(_1e,{key:i})):b.createElement(b.Fragment,null,b.createElement(lo,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},b.createElement(JZ,null)),b.createElement(lo,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},b.createElement(QZ,null)),b.createElement(lo,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},b.createElement(eX,null))))),F1e=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),xC=F(Uz)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Mr(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Mr(.05,e.background.content)}})),$1e=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",..._p(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),T1e=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:b.createElement(xC,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:b.createElement(xC,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function I1e(e){if(u.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var R1e=F(A1e)({position:"absolute",top:0,left:0,right:0,height:40}),z1e=F.div({overflow:"hidden",position:"relative"}),qz=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:d="padded",...f})=>{let[h,p]=u.useState(i),{source:m,actionItem:g}=T1e(a,h,p),[v,C]=u.useState(1),w=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),y=a?[g]:[],[E,x]=u.useState(l?[...l]:[]),D=[...y,...E],{window:S}=qt,k=u.useCallback(async A=>{let{createCopyToClipboardFunction:$}=await BC(()=>import("./index-C6xfamXG.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);$()},[]),_=A=>{let $=S.getSelection();$&&$.type==="Range"||(A.preventDefault(),E.filter(I=>I.title==="Copied").length===0&&k(m.props.code).then(()=>{x([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>x(E.filter(I=>I.title!=="Copied")),1500)}))};return b.createElement($1e,{withSource:a,withToolbar:o,...f,className:w.join(" ")},o&&b.createElement(R1e,{isLoading:e,border:!0,zoom:A=>C(v*A),resetZoom:()=>C(1),storyId:I1e(n),baseUrl:"./iframe.html"}),b.createElement(Vz.Provider,{value:{scale:v}},b.createElement(z1e,{className:"docs-story",onCopyCapture:a&&_},b.createElement(F1e,{isColumn:t||!Array.isArray(n),columns:r,layout:d},b.createElement(TK.Element,{scale:v},Array.isArray(n)?n.map((A,$)=>b.createElement("div",{key:$},A)):b.createElement("div",null,n))),b.createElement(Qv,{actionItems:D}))),a&&h&&m)};F(qz)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var B1e=F.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},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:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:ve(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Yc(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Yc(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Yc(1,e.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:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Yc(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),L1e=e=>e==="true",O1e=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var f;let i=u.useCallback(()=>r(!1),[r]),l=!!((f=o==null?void 0:o.table)!=null&&f.readonly);if(t===void 0)return b.createElement(To,{variant:"outline",size:"medium",id:a1(e),onClick:i,disabled:l},"Set boolean");let s=Cr(e),d=typeof t=="string"?L1e(t):t;return b.createElement(B1e,{"aria-disabled":l,htmlFor:s,"aria-label":e},b.createElement("input",{id:s,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),b.createElement("span",{"aria-hidden":"true"},"False"),b.createElement("span",{"aria-hidden":"true"},"True"))},M1e=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},P1e=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},N1e=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},j1e=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},CC=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),H1e=F.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),U1e=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var g;let[i,l]=u.useState(!0),s=u.useRef(),d=u.useRef(),f=!!((g=o==null?void 0:o.table)!=null&&g.readonly);u.useEffect(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?N1e(t):""),d&&d.current&&(d.current.value=t?j1e(t):""))},[t]);let h=v=>{if(!v.target.value)return r();let C=M1e(v.target.value),w=new Date(t);w.setFullYear(C.getFullYear(),C.getMonth(),C.getDate());let y=w.getTime();y&&r(y),l(!!y)},p=v=>{if(!v.target.value)return r();let C=P1e(v.target.value),w=new Date(t);w.setHours(C.getHours()),w.setMinutes(C.getMinutes());let y=w.getTime();y&&r(y),l(!!y)},m=Cr(e);return b.createElement(H1e,null,b.createElement(CC,{type:"date",max:"9999-12-31",ref:s,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),b.createElement(CC,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:b.createElement("div",null,"invalid"))},V1e=F.label({display:"flex"}),W1e=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},q1e=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),G1e=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:s})=>{var E;let[d,f]=u.useState(typeof t=="number"?t:""),[h,p]=u.useState(!1),[m,g]=u.useState(null),v=!!((E=s==null?void 0:s.table)!=null&&E.readonly),C=u.useCallback(x=>{f(x.target.value);let D=parseFloat(x.target.value);Number.isNaN(D)?g(new Error(`'${x.target.value}' is not a number`)):(r(D),g(null))},[r,g]),w=u.useCallback(()=>{f("0"),r(0),p(!0)},[p]),y=u.useRef(null);return u.useEffect(()=>{h&&y.current&&y.current.select()},[h]),u.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?b.createElement(To,{variant:"outline",size:"medium",id:a1(e),onClick:w,disabled:v},"Set number"):b.createElement(V1e,null,b.createElement(q1e,{ref:y,id:Cr(e),type:"number",onChange:C,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:v,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},Gz=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},k5=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],Kz=(e,t)=>e&&t&&e.map(r=>t[r]),K1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),Y1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),Z1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),DC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var p;if(!t)return e3.warn(`Checkbox with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=k5(r,t),[l,s]=u.useState(i),d=!!((p=o==null?void 0:o.table)!=null&&p.readonly),f=m=>{let g=m.target.value,v=[...l];v.includes(g)?v.splice(v.indexOf(g),1):v.push(g),n(Kz(v,t)),s(v)};u.useEffect(()=>{s(k5(r,t))},[r]);let h=Cr(e);return b.createElement(K1e,{"aria-readonly":d,isInline:a},Object.keys(t).map((m,g)=>{let v=`${h}-${g}`;return b.createElement(Z1e,{key:v,htmlFor:v},b.createElement("input",{type:"checkbox",disabled:d,id:v,name:v,value:m,onChange:f,checked:l==null?void 0:l.includes(m)}),b.createElement(Y1e,null,m))}))},X1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),J1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),Q1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),SC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return e3.warn(`Radio with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=Gz(r,t),l=Cr(e),s=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return b.createElement(X1e,{"aria-readonly":s,isInline:a},Object.keys(t).map((f,h)=>{let p=`${l}-${h}`;return b.createElement(Q1e,{key:p,htmlFor:p},b.createElement("input",{type:"radio",id:p,name:l,disabled:s,value:f,onChange:m=>n(t[m.currentTarget.value]),checked:f===i}),b.createElement(J1e,null,f))}))},epe={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Yz=F.select(epe,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),Zz=F.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),kC="Choose option...",tpe=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{n(r[f.currentTarget.value])},i=Gz(t,r)||kC,l=Cr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Zz,null,b.createElement(FR,null),b.createElement(Yz,{disabled:s,id:l,value:i,onChange:o},b.createElement("option",{key:"no-selection",disabled:!0},kC),Object.keys(r).map(f=>b.createElement("option",{key:f,value:f},f))))},rpe=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{let h=Array.from(f.currentTarget.options).filter(p=>p.selected).map(p=>p.value);n(Kz(h,r))},i=k5(t,r),l=Cr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Zz,null,b.createElement(Yz,{disabled:s,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(f=>b.createElement("option",{key:f,value:f},f))))},_C=e=>{let{name:t,options:r}=e;return r?e.isMulti?b.createElement(rpe,{...e}):b.createElement(tpe,{...e}):(e3.warn(`Select with no options: ${t}`),b.createElement(b.Fragment,null,"-"))},npe=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,ape={check:DC,"inline-check":DC,radio:SC,"inline-radio":SC,select:_C,"multi-select":_C},qo=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?npe(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=ape[t];if(o)return b.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},ope="Error",ipe="Object",lpe="Array",spe="String",upe="Number",cpe="Boolean",dpe="Date",ppe="Null",fpe="Undefined",hpe="Function",mpe="Symbol",Xz="ADD_DELTA_TYPE",Jz="REMOVE_DELTA_TYPE",Qz="UPDATE_DELTA_TYPE",r3="value",gpe="key";function to(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function eB(e,t){let r=to(e),n=to(t);return(r==="Function"||n==="Function")&&n!==r}var n3=class extends u.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,l=u.cloneElement(r,{onClick:this.onSubmit}),s=u.cloneElement(n,{onClick:e}),d=a(r3,o,i),f=u.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(gpe,o,i);h=u.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return b.createElement("span",{className:"rejt-add-value-node"},h,f,s,l)}};n3.defaultProps={onlyValue:!1,addButtonElement:b.createElement("button",null,"+"),cancelButtonElement:b.createElement("button",null,"c")};var tB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Jz};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:Xz,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:Qz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,l),h=o(e,t,r,n,l),p=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,delimiter:$,ul:I,addForm:O}=f(e,t,r,n,h),z=d(e,t,r,n,h),j=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),M=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_});return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!a&&j,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},t.map((H,W)=>b.createElement(Ap,{key:W,name:W.toString(),data:H,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(W),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!z&&a&&b.createElement("div",{className:"rejt-add-form",style:O},b.createElement(n3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!z&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,o);return b.createElement("div",{className:"rejt-array-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};tB.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var rB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{eB(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=null,w=null,y=l(e,i,n,a,s);if(r&&!y){let E=p(r3,g,a,e,i,s),x=u.cloneElement(f,{onClick:this.handleEdit}),D=u.cloneElement(h,{onClick:this.handleCancelEdit}),S=u.cloneElement(E,{ref:this.refInput,defaultValue:i});C=b.createElement("span",{className:"rejt-edit-form",style:v.editForm},S," ",D,x),w=null}else{C=b.createElement("span",{className:"rejt-value",style:v.value,onClick:y?null:this.handleEditMode},t);let E=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});w=y?null:E}return b.createElement("li",{className:"rejt-function-value-node",style:v.li},b.createElement("span",{className:"rejt-name",style:v.name},e," :"," "),C,w)}};rB.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};var Ap=class extends u.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=to(e);switch(_){case ope:return b.createElement(_5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:k,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case ipe:return b.createElement(_5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case lpe:return b.createElement(tB,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case spe:return b.createElement(Nn,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case upe:return b.createElement(Nn,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case cpe:return b.createElement(Nn,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case dpe:return b.createElement(Nn,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case ppe:return b.createElement(Nn,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case fpe:return b.createElement(Nn,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case hpe:return b.createElement(rB,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case mpe:return b.createElement(Nn,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});default:return null}}};Ap.defaultProps={keyPath:[],deep:0};var _5=class extends u.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:Xz,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Jz};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:Qz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=l(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,addForm:$,ul:I,delimiter:O}=f(e,t,r,n,h),z=Object.getOwnPropertyNames(t),j=d(e,t,r,n,h),M=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),H=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_}),W=z.map(B=>b.createElement(Ap,{key:B,name:B,data:t[B],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(B),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!j&&M,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},W),!j&&o&&b.createElement("div",{className:"rejt-add-form",style:$},b.createElement(n3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!j&&H)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=o(e,r,n,a,i);return b.createElement("div",{className:"rejt-object-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};_5.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var Nn=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{eB(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=l(e,i,n,a,s),w=r&&!C,y=p(r3,g,a,e,i,s),E=u.cloneElement(f,{onClick:this.handleEdit}),x=u.cloneElement(h,{onClick:this.handleCancelEdit}),D=u.cloneElement(y,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});return b.createElement("li",{className:"rejt-value-node",style:v.li},b.createElement("span",{className:"rejt-name",style:v.name},e," : "),w?b.createElement("span",{className:"rejt-edit-form",style:v.editForm},D," ",x,E):b.createElement("span",{className:"rejt-value",style:v.value,onClick:C?null:this.handleEditMode},String(t)),!C&&!w&&S)}};Nn.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};function vpe(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var ype={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},wpe={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},bpe={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},nB=class extends u.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:w,fallback:y=null}=this.props,E=to(e),x=a;to(a)==="Boolean"&&(x=()=>a);let D=d;d&&to(d)!=="Function"&&(D=()=>d);let S=f;return f&&to(f)!=="Function"&&(S=()=>f),E==="Object"||E==="Array"?b.createElement("div",{className:"rejt-tree"},b.createElement(Ap,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:x,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:w})):y}};nB.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return ype;case"Array":return wpe;default:return bpe}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>vpe(a),inputElement:()=>b.createElement("input",null),textareaElement:()=>b.createElement("textarea",null),fallback:null};var{window:Epe}=qt,xpe=F.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .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 > *, .rejt-array-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:e.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:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Lm=F.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),Cpe=F(aX)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),Dpe=F(oX)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),AC=F.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Spe=F(lo)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),kpe=F(Xu.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),_pe={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Ape=e=>{e.currentTarget.dispatchEvent(new Epe.KeyboardEvent("keydown",_pe))},Fpe=e=>{e.currentTarget.select()},$pe=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),FC=({name:e,value:t,onChange:r,argType:n})=>{var E;let a=b9(),o=u.useMemo(()=>t&&Yue(t),[t]),i=o!=null,[l,s]=u.useState(!i),[d,f]=u.useState(null),h=!!((E=n==null?void 0:n.table)!=null&&E.readonly),p=u.useCallback(x=>{try{x&&r(JSON.parse(x)),f(void 0)}catch(D){f(D)}},[r]),[m,g]=u.useState(!1),v=u.useCallback(()=>{r({}),g(!0)},[g]),C=u.useRef(null);if(u.useEffect(()=>{m&&C.current&&C.current.select()},[m]),!i)return b.createElement(To,{disabled:h,id:a1(e),onClick:v},"Set object");let w=b.createElement(kpe,{ref:C,id:Cr(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>p(x.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),y=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return b.createElement(xpe,{"aria-readonly":h},y&&b.createElement(Spe,{onClick:x=>{x.preventDefault(),s(D=>!D)}},l?b.createElement(rX,null):b.createElement(tX,null),b.createElement("span",null,"RAW")),l?w:b.createElement(nB,{readOnly:h||!y,isCollapsed:y?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:$pe(a),cancelButtonElement:b.createElement(Lm,{type:"button"},"Cancel"),editButtonElement:b.createElement(Lm,{type:"submit"},"Save"),addButtonElement:b.createElement(Lm,{type:"submit",primary:!0},"Save"),plusMenuElement:b.createElement(Cpe,null),minusMenuElement:b.createElement(Dpe,null),inputElement:(x,D,S,k)=>k?b.createElement(AC,{onFocus:Fpe,onBlur:Ape}):b.createElement(AC,null),fallback:w}))},Tpe=F.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, + */const{global:qt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:Xde,once:Jde,logger:e3}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:t1,composeConfigs:Yhe,Preview:Zhe,DocsContext:Xhe}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:bC,UPDATE_STORY_ARGS:Qde,RESET_STORY_ARGS:e1e,GLOBALS_UPDATED:EC,NAVIGATE_URL:t1e}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var r1e=ll({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),n1e=ll({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,s=" ";function d(x,D){var S=D.appendChild(h(x));if(x.children.length){var k=p(x.isCollapsed);x.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function f(x,D){var S=!1,k=p(S);if(D.forEach(function(_){d(_,k)}),i=x||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function h(x){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",x.textContent),r.includeHtml&&x.childNodes.length?n.call(x.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=x.textContent,S.setAttribute("href",r.basePath+"#"+x.id),S.setAttribute("class",r.linkClass+s+"node-name--"+x.nodeName+s+r.extraLinkClasses),D.appendChild(S),D}function p(x){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+s+r.extraListClasses;return x&&(k=k+s+r.collapsibleClass,k=k+s+r.isCollapsedClass),S.setAttribute("class",k),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var x;x=document.querySelector(r.scrollContainer).scrollTop}else x=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),x>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=s+r.positionFixedClass):D.className=D.className.replace(s+r.positionFixedClass,"")}function g(x){var D=0;return x!==null&&(D=x.offsetTop,r.hasInnerContainers&&(D+=g(x.offsetParent))),D}function v(x,D){return x&&x.className!==D&&(x.className=D),x}function C(x){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=x,k;if(l&&i!==null&&S.length>0){a.call(S,function(j,M){if(g(j)>D+r.headingsOffset+10){var H=M===0?M:M-1;return k=S[H],!0}else if(M===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),A=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===A)return;var $=i.querySelectorAll("."+r.linkClass);n.call($,function(j){v(j,j.className.replace(s+r.activeLinkClass,""))});var I=i.querySelectorAll("."+r.listItemClass);n.call(I,function(j){v(j,j.className.replace(s+r.activeListItemClass,""))}),A&&A.className.indexOf(r.activeLinkClass)===-1&&(A.className+=s+r.activeLinkClass);var O=A&&A.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=s+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(j){j.className.indexOf(r.isCollapsedClass)===-1&&(j.className+=s+r.isCollapsedClass)}),A&&A.nextSibling&&A.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&v(A.nextSibling,A.nextSibling.className.replace(s+r.isCollapsedClass,"")),w(A&&A.parentNode.parentNode)}}function w(x){return x&&x.className.indexOf(r.collapsibleClass)!==-1&&x.className.indexOf(r.isCollapsedClass)!==-1?(v(x,x.className.replace(s+r.isCollapsedClass,"")),w(x.parentNode.parentNode)):x}function y(x){var D=x.target||x.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function E(){l=!0}return{enableTocAnimation:E,disableTocAnimation:y,render:f,updateToc:C}}}}),a1e=ll({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function l(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function s(h,p){for(var m=l(h),g=m.headingLevel,v=p,C=a(v),w=C?C.headingLevel:0,y=g-w;y>0&&(C=a(v),!(C&&g===C.headingLevel));)C&&C.children!==void 0&&(v=C.children),y--;return g>=r.collapseDepth&&(m.isCollapsed=!0),v.push(m),v}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=l(m);return g&&s(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),o1e=ll({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),i1e=ll({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",h,!1);function h(p){!s(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function s(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(s):i.duration,f,h;requestAnimationFrame(function(v){f=v,p(v)});function p(v){h=v-f,window.scrollTo(0,i.easing(h,o,s,d)),h"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var y={},E=0;E({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:ve(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Hz=e=>b.createElement(s1e,{...e,className:"docblock-emptyblock sb-unstyled"}),u1e=F(y4)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"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"}})),c1e=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"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"})),Qc=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Vm}`]:{margin:0}})),d1e=()=>b.createElement(c1e,null,b.createElement(Qc,null),b.createElement(Qc,{style:{width:"80%"}}),b.createElement(Qc,{style:{width:"30%"}}),b.createElement(Qc,{style:{width:"80%"}})),Uz=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=b9();if(e)return b.createElement(d1e,null);if(t)return b.createElement(Hz,null,t);let s=b.createElement(u1e,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return s;let d=a?Hm.dark:Hm.light;return b.createElement(E9,{theme:Um({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},Ie=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,t3=600,p1e=F.h1(De,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${t3}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),f1e=F.h2(De,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${t3}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ve(.25,e.color.defaultText)})),h1e=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?ve(.1,e.color.defaultText):ve(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[Ie("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[Ie("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[Ie("div")]:t,[Ie("dl")]:{...t,margin:"16px 0",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}},[Ie("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[Ie("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[Ie("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[Ie("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[Ie("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[Ie("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[Ie("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[Ie("img")]:{maxWidth:"100%"},[Ie("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[Ie("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[Ie("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[Ie("pre")]:{...t,fontFamily:e.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"}},[Ie("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.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:e.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"}}},[Ie("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.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}},[Ie("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),m1e=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${t3}px)`]:{}})),g1e=({children:e,toc:t})=>b.createElement(m1e,{className:"sbdocs sbdocs-wrapper"},b.createElement(h1e,{className:"sbdocs sbdocs-content"},e),t),_p=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:v1e}=qt,y1e=class extends u.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=v1e.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return b.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},Vz=u.createContext({scale:1}),{PREVIEW_URL:w1e}=qt,b1e=w1e||"iframe.html",S5=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,E1e=e=>{let t=u.useRef(),[r,n]=u.useState(!0),[a,o]=u.useState(),{story:i,height:l,autoplay:s,forceInitialArgs:d,renderStoryToElement:f}=e;return u.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:s,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[s,f,i]),a?b.createElement("pre",null,b.createElement(PK,{error:a})):b.createElement(b.Fragment,null,l?b.createElement("style",null,`#${S5(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&b.createElement(Wz,null),b.createElement("div",{ref:t,id:`${S5(e)}-inner`,"data-name":i.name}))},x1e=({story:e,height:t="500px"})=>b.createElement("div",{style:{width:"100%",height:t}},b.createElement(Vz.Consumer,null,({scale:r})=>b.createElement(y1e,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:sZ(b1e,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),C1e=F.strong(({theme:e})=>({color:e.color.orange})),D1e=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?b.createElement(C1e,null,"This story mounts inside of play. Set"," ",b.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):b.createElement("div",{id:S5(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?b.createElement(E1e,{...e}):b.createElement(x1e,{...e}))},Wz=()=>b.createElement(lZ,null),S1e=F(A4)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),k1e=F.div({display:"flex",alignItems:"center",gap:4}),_1e=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),A1e=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>b.createElement(S1e,{...o},b.createElement(k1e,{key:"left"},e?[1,2,3].map(i=>b.createElement(_1e,{key:i})):b.createElement(b.Fragment,null,b.createElement(lo,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},b.createElement(JZ,null)),b.createElement(lo,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},b.createElement(QZ,null)),b.createElement(lo,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},b.createElement(eX,null))))),F1e=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),xC=F(Uz)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Mr(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Mr(.05,e.background.content)}})),$1e=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",..._p(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),T1e=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:b.createElement(xC,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:b.createElement(xC,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function I1e(e){if(u.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var R1e=F(A1e)({position:"absolute",top:0,left:0,right:0,height:40}),z1e=F.div({overflow:"hidden",position:"relative"}),qz=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:d="padded",...f})=>{let[h,p]=u.useState(i),{source:m,actionItem:g}=T1e(a,h,p),[v,C]=u.useState(1),w=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),y=a?[g]:[],[E,x]=u.useState(l?[...l]:[]),D=[...y,...E],{window:S}=qt,k=u.useCallback(async A=>{let{createCopyToClipboardFunction:$}=await BC(()=>import("./index-mMUaFhME.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);$()},[]),_=A=>{let $=S.getSelection();$&&$.type==="Range"||(A.preventDefault(),E.filter(I=>I.title==="Copied").length===0&&k(m.props.code).then(()=>{x([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>x(E.filter(I=>I.title!=="Copied")),1500)}))};return b.createElement($1e,{withSource:a,withToolbar:o,...f,className:w.join(" ")},o&&b.createElement(R1e,{isLoading:e,border:!0,zoom:A=>C(v*A),resetZoom:()=>C(1),storyId:I1e(n),baseUrl:"./iframe.html"}),b.createElement(Vz.Provider,{value:{scale:v}},b.createElement(z1e,{className:"docs-story",onCopyCapture:a&&_},b.createElement(F1e,{isColumn:t||!Array.isArray(n),columns:r,layout:d},b.createElement(TK.Element,{scale:v},Array.isArray(n)?n.map((A,$)=>b.createElement("div",{key:$},A)):b.createElement("div",null,n))),b.createElement(Qv,{actionItems:D}))),a&&h&&m)};F(qz)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var B1e=F.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},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:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:ve(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Yc(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Yc(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Yc(1,e.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:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Yc(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),L1e=e=>e==="true",O1e=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var f;let i=u.useCallback(()=>r(!1),[r]),l=!!((f=o==null?void 0:o.table)!=null&&f.readonly);if(t===void 0)return b.createElement(To,{variant:"outline",size:"medium",id:a1(e),onClick:i,disabled:l},"Set boolean");let s=Cr(e),d=typeof t=="string"?L1e(t):t;return b.createElement(B1e,{"aria-disabled":l,htmlFor:s,"aria-label":e},b.createElement("input",{id:s,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),b.createElement("span",{"aria-hidden":"true"},"False"),b.createElement("span",{"aria-hidden":"true"},"True"))},M1e=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},P1e=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},N1e=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},j1e=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},CC=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),H1e=F.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),U1e=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var g;let[i,l]=u.useState(!0),s=u.useRef(),d=u.useRef(),f=!!((g=o==null?void 0:o.table)!=null&&g.readonly);u.useEffect(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?N1e(t):""),d&&d.current&&(d.current.value=t?j1e(t):""))},[t]);let h=v=>{if(!v.target.value)return r();let C=M1e(v.target.value),w=new Date(t);w.setFullYear(C.getFullYear(),C.getMonth(),C.getDate());let y=w.getTime();y&&r(y),l(!!y)},p=v=>{if(!v.target.value)return r();let C=P1e(v.target.value),w=new Date(t);w.setHours(C.getHours()),w.setMinutes(C.getMinutes());let y=w.getTime();y&&r(y),l(!!y)},m=Cr(e);return b.createElement(H1e,null,b.createElement(CC,{type:"date",max:"9999-12-31",ref:s,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),b.createElement(CC,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:b.createElement("div",null,"invalid"))},V1e=F.label({display:"flex"}),W1e=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},q1e=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),G1e=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:s})=>{var E;let[d,f]=u.useState(typeof t=="number"?t:""),[h,p]=u.useState(!1),[m,g]=u.useState(null),v=!!((E=s==null?void 0:s.table)!=null&&E.readonly),C=u.useCallback(x=>{f(x.target.value);let D=parseFloat(x.target.value);Number.isNaN(D)?g(new Error(`'${x.target.value}' is not a number`)):(r(D),g(null))},[r,g]),w=u.useCallback(()=>{f("0"),r(0),p(!0)},[p]),y=u.useRef(null);return u.useEffect(()=>{h&&y.current&&y.current.select()},[h]),u.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?b.createElement(To,{variant:"outline",size:"medium",id:a1(e),onClick:w,disabled:v},"Set number"):b.createElement(V1e,null,b.createElement(q1e,{ref:y,id:Cr(e),type:"number",onChange:C,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:v,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},Gz=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},k5=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],Kz=(e,t)=>e&&t&&e.map(r=>t[r]),K1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),Y1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),Z1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),DC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var p;if(!t)return e3.warn(`Checkbox with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=k5(r,t),[l,s]=u.useState(i),d=!!((p=o==null?void 0:o.table)!=null&&p.readonly),f=m=>{let g=m.target.value,v=[...l];v.includes(g)?v.splice(v.indexOf(g),1):v.push(g),n(Kz(v,t)),s(v)};u.useEffect(()=>{s(k5(r,t))},[r]);let h=Cr(e);return b.createElement(K1e,{"aria-readonly":d,isInline:a},Object.keys(t).map((m,g)=>{let v=`${h}-${g}`;return b.createElement(Z1e,{key:v,htmlFor:v},b.createElement("input",{type:"checkbox",disabled:d,id:v,name:v,value:m,onChange:f,checked:l==null?void 0:l.includes(m)}),b.createElement(Y1e,null,m))}))},X1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),J1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),Q1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),SC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return e3.warn(`Radio with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=Gz(r,t),l=Cr(e),s=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return b.createElement(X1e,{"aria-readonly":s,isInline:a},Object.keys(t).map((f,h)=>{let p=`${l}-${h}`;return b.createElement(Q1e,{key:p,htmlFor:p},b.createElement("input",{type:"radio",id:p,name:l,disabled:s,value:f,onChange:m=>n(t[m.currentTarget.value]),checked:f===i}),b.createElement(J1e,null,f))}))},epe={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Yz=F.select(epe,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),Zz=F.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),kC="Choose option...",tpe=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{n(r[f.currentTarget.value])},i=Gz(t,r)||kC,l=Cr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Zz,null,b.createElement(FR,null),b.createElement(Yz,{disabled:s,id:l,value:i,onChange:o},b.createElement("option",{key:"no-selection",disabled:!0},kC),Object.keys(r).map(f=>b.createElement("option",{key:f,value:f},f))))},rpe=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{let h=Array.from(f.currentTarget.options).filter(p=>p.selected).map(p=>p.value);n(Kz(h,r))},i=k5(t,r),l=Cr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Zz,null,b.createElement(Yz,{disabled:s,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(f=>b.createElement("option",{key:f,value:f},f))))},_C=e=>{let{name:t,options:r}=e;return r?e.isMulti?b.createElement(rpe,{...e}):b.createElement(tpe,{...e}):(e3.warn(`Select with no options: ${t}`),b.createElement(b.Fragment,null,"-"))},npe=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,ape={check:DC,"inline-check":DC,radio:SC,"inline-radio":SC,select:_C,"multi-select":_C},qo=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?npe(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=ape[t];if(o)return b.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},ope="Error",ipe="Object",lpe="Array",spe="String",upe="Number",cpe="Boolean",dpe="Date",ppe="Null",fpe="Undefined",hpe="Function",mpe="Symbol",Xz="ADD_DELTA_TYPE",Jz="REMOVE_DELTA_TYPE",Qz="UPDATE_DELTA_TYPE",r3="value",gpe="key";function to(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function eB(e,t){let r=to(e),n=to(t);return(r==="Function"||n==="Function")&&n!==r}var n3=class extends u.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,l=u.cloneElement(r,{onClick:this.onSubmit}),s=u.cloneElement(n,{onClick:e}),d=a(r3,o,i),f=u.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(gpe,o,i);h=u.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return b.createElement("span",{className:"rejt-add-value-node"},h,f,s,l)}};n3.defaultProps={onlyValue:!1,addButtonElement:b.createElement("button",null,"+"),cancelButtonElement:b.createElement("button",null,"c")};var tB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Jz};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:Xz,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:Qz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,l),h=o(e,t,r,n,l),p=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,delimiter:$,ul:I,addForm:O}=f(e,t,r,n,h),z=d(e,t,r,n,h),j=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),M=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_});return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!a&&j,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},t.map((H,W)=>b.createElement(Ap,{key:W,name:W.toString(),data:H,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(W),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!z&&a&&b.createElement("div",{className:"rejt-add-form",style:O},b.createElement(n3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!z&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,o);return b.createElement("div",{className:"rejt-array-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};tB.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var rB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{eB(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=null,w=null,y=l(e,i,n,a,s);if(r&&!y){let E=p(r3,g,a,e,i,s),x=u.cloneElement(f,{onClick:this.handleEdit}),D=u.cloneElement(h,{onClick:this.handleCancelEdit}),S=u.cloneElement(E,{ref:this.refInput,defaultValue:i});C=b.createElement("span",{className:"rejt-edit-form",style:v.editForm},S," ",D,x),w=null}else{C=b.createElement("span",{className:"rejt-value",style:v.value,onClick:y?null:this.handleEditMode},t);let E=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});w=y?null:E}return b.createElement("li",{className:"rejt-function-value-node",style:v.li},b.createElement("span",{className:"rejt-name",style:v.name},e," :"," "),C,w)}};rB.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};var Ap=class extends u.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=to(e);switch(_){case ope:return b.createElement(_5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:k,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case ipe:return b.createElement(_5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case lpe:return b.createElement(tB,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case spe:return b.createElement(Nn,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case upe:return b.createElement(Nn,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case cpe:return b.createElement(Nn,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case dpe:return b.createElement(Nn,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case ppe:return b.createElement(Nn,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case fpe:return b.createElement(Nn,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case hpe:return b.createElement(rB,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case mpe:return b.createElement(Nn,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});default:return null}}};Ap.defaultProps={keyPath:[],deep:0};var _5=class extends u.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:Xz,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Jz};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:Qz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=l(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,addForm:$,ul:I,delimiter:O}=f(e,t,r,n,h),z=Object.getOwnPropertyNames(t),j=d(e,t,r,n,h),M=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),H=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_}),W=z.map(B=>b.createElement(Ap,{key:B,name:B,data:t[B],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(B),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!j&&M,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},W),!j&&o&&b.createElement("div",{className:"rejt-add-form",style:$},b.createElement(n3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!j&&H)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=o(e,r,n,a,i);return b.createElement("div",{className:"rejt-object-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};_5.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var Nn=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{eB(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=l(e,i,n,a,s),w=r&&!C,y=p(r3,g,a,e,i,s),E=u.cloneElement(f,{onClick:this.handleEdit}),x=u.cloneElement(h,{onClick:this.handleCancelEdit}),D=u.cloneElement(y,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});return b.createElement("li",{className:"rejt-value-node",style:v.li},b.createElement("span",{className:"rejt-name",style:v.name},e," : "),w?b.createElement("span",{className:"rejt-edit-form",style:v.editForm},D," ",x,E):b.createElement("span",{className:"rejt-value",style:v.value,onClick:C?null:this.handleEditMode},String(t)),!C&&!w&&S)}};Nn.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};function vpe(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var ype={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},wpe={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},bpe={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},nB=class extends u.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:w,fallback:y=null}=this.props,E=to(e),x=a;to(a)==="Boolean"&&(x=()=>a);let D=d;d&&to(d)!=="Function"&&(D=()=>d);let S=f;return f&&to(f)!=="Function"&&(S=()=>f),E==="Object"||E==="Array"?b.createElement("div",{className:"rejt-tree"},b.createElement(Ap,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:x,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:w})):y}};nB.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return ype;case"Array":return wpe;default:return bpe}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>vpe(a),inputElement:()=>b.createElement("input",null),textareaElement:()=>b.createElement("textarea",null),fallback:null};var{window:Epe}=qt,xpe=F.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .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 > *, .rejt-array-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:e.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:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Lm=F.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),Cpe=F(aX)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),Dpe=F(oX)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),AC=F.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Spe=F(lo)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),kpe=F(Xu.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),_pe={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Ape=e=>{e.currentTarget.dispatchEvent(new Epe.KeyboardEvent("keydown",_pe))},Fpe=e=>{e.currentTarget.select()},$pe=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),FC=({name:e,value:t,onChange:r,argType:n})=>{var E;let a=b9(),o=u.useMemo(()=>t&&Yue(t),[t]),i=o!=null,[l,s]=u.useState(!i),[d,f]=u.useState(null),h=!!((E=n==null?void 0:n.table)!=null&&E.readonly),p=u.useCallback(x=>{try{x&&r(JSON.parse(x)),f(void 0)}catch(D){f(D)}},[r]),[m,g]=u.useState(!1),v=u.useCallback(()=>{r({}),g(!0)},[g]),C=u.useRef(null);if(u.useEffect(()=>{m&&C.current&&C.current.select()},[m]),!i)return b.createElement(To,{disabled:h,id:a1(e),onClick:v},"Set object");let w=b.createElement(kpe,{ref:C,id:Cr(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>p(x.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),y=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return b.createElement(xpe,{"aria-readonly":h},y&&b.createElement(Spe,{onClick:x=>{x.preventDefault(),s(D=>!D)}},l?b.createElement(rX,null):b.createElement(tX,null),b.createElement("span",null,"RAW")),l?w:b.createElement(nB,{readOnly:h||!y,isCollapsed:y?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:$pe(a),cancelButtonElement:b.createElement(Lm,{type:"button"},"Cancel"),editButtonElement:b.createElement(Lm,{type:"submit"},"Save"),addButtonElement:b.createElement(Lm,{type:"submit",primary:!0},"Save"),plusMenuElement:b.createElement(Cpe,null),minusMenuElement:b.createElement(Dpe,null),inputElement:(x,D,S,k)=>k?b.createElement(AC,{onFocus:Fpe,onBlur:Ape}):b.createElement(AC,null),fallback:w}))},Tpe=F.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Mr(.02,e.input.background)} ${(n-t)/(r-t)*100}%, ${Mr(.02,e.input.background)} 100%)`:`linear-gradient(to right, @@ -615,7 +615,7 @@ ${t}`);let r=t.match(BK);if(!r)return b.createElement(u.Fragment,null,t);let[,n, ${Mr(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Va(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Va(.02,e.input.background)} 100%)`,boxShadow:`${e.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:`${e.input.background}`,border:`1px solid ${Nr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),aB=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Ipe=F(aB)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Rpe=F.div({display:"flex",alignItems:"center",width:"100%"});function zpe(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Bpe=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:s})=>{var m;let d=g=>{r(W1e(g.target.value))},f=t!==void 0,h=u.useMemo(()=>zpe(o),[o]),p=!!((m=s==null?void 0:s.table)!=null&&m.readonly);return b.createElement(Rpe,{"aria-readonly":p},b.createElement(aB,null,n),b.createElement(Tpe,{id:Cr(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),b.createElement(Ipe,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},Lpe=F.label({display:"flex"}),Ope=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Mpe=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var m;let l=g=>{r(g.target.value)},s=!!((m=i==null?void 0:i.table)!=null&&m.readonly),[d,f]=u.useState(!1),h=u.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return b.createElement(To,{variant:"outline",size:"medium",disabled:s,id:a1(e),onClick:h},"Set string");let p=typeof t=="string";return b.createElement(Lpe,null,b.createElement(Xu.Textarea,{id:Cr(e),maxLength:o,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&b.createElement(Ope,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Ppe=F(Xu.Input)({padding:10});function Npe(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var jpe=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var s;let o=u.useRef(null),i=(s=a==null?void 0:a.control)==null?void 0:s.readOnly;function l(d){if(!d.target.files)return;let f=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(f),Npe(n)}return u.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),b.createElement(Ppe,{ref:o,id:Cr(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},Hpe=u.lazy(()=>BC(()=>import("./Color-ERTF36HU-CqIwXg4K.js"),__vite__mapDeps([5,2,1,3,4]),import.meta.url)),Upe=e=>b.createElement(u.Suspense,{fallback:b.createElement("div",null)},b.createElement(Hpe,{...e})),Vpe={array:FC,object:FC,boolean:O1e,color:Upe,date:U1e,number:G1e,check:qo,"inline-check":qo,radio:qo,"inline-radio":qo,select:qo,"multi-select":qo,range:Bpe,text:Mpe,file:jpe},$C=()=>b.createElement(b.Fragment,null,"-"),Wpe=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var v;let{key:a,control:o}=e,[i,l]=u.useState(!1),[s,d]=u.useState({value:t});u.useEffect(()=>{i||d({value:t})},[i,t]);let f=u.useCallback(C=>(d({value:C}),r({[a]:C}),C),[r,a]),h=u.useCallback(()=>l(!1),[]),p=u.useCallback(()=>l(!0),[]);if(!o||o.disable){let C=(o==null?void 0:o.disable)!==!0&&((v=e==null?void 0:e.type)==null?void 0:v.name)!=="function";return n&&C?b.createElement(Ti,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):b.createElement($C,null)}let m={name:a,argType:e,value:s.value,onChange:f,onBlur:h,onFocus:p},g=Vpe[o.type]||$C;return b.createElement(g,{...m,...o,controlType:o.type})},qpe=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Sa({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),Gpe=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:b.createElement(b.Fragment,null,b.createElement(qpe,null,b.createElement("tbody",null,n&&b.createElement("tr",{key:"deprecated"},b.createElement("td",{colSpan:2},b.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>b.createElement("tr",{key:o.name},b.createElement("td",null,b.createElement("code",null,o.name)),b.createElement("td",null,o.description))),a&&b.createElement("tr",{key:"returns"},b.createElement("td",null,b.createElement("code",null,"Returns")),b.createElement("td",null,e.returns.description)))))},A5=8,TC=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Kpe=F.span(Sa,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Ype=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Zpe=F.div(Sa,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Xpe=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Jpe=F(uX)({marginLeft:4}),Qpe=F(FR)({marginLeft:4}),efe=()=>b.createElement("span",null,"-"),oB=({text:e,simple:t})=>b.createElement(Kpe,{simple:t},e),tfe=Tz(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),rfe=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Tce(t)},IC=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,A5)),r.map(n=>b.createElement(oB,{key:n,text:n===""?'""':n}))},nfe=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=u.useState(!1),[i,l]=u.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return b.createElement(oB,{text:s});let d=rfe(s),f=d.length;return f>A5?b.createElement(TC,{isExpanded:i},IC(d,i),b.createElement(Ype,{onClick:()=>l(!i)},i?"Show less...":`Show ${f-A5} more...`)):b.createElement(TC,null,IC(d))}return b.createElement(dY,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:b.createElement(Xpe,{width:tfe(n)},b.createElement(y4,{language:"jsx",format:!1},n))},b.createElement(Zpe,{className:"sbdocs-expandable"},b.createElement("span",null,s),a?b.createElement(Jpe,null):b.createElement(Qpe,null)))},Om=({value:e,initialExpandedArgs:t})=>e==null?b.createElement(efe,null):b.createElement(nfe,{value:e,initialExpandedArgs:t}),afe=F.span({fontWeight:"bold"}),ofe=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),ife=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Sa({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),lfe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ve(.1,e.color.defaultText):ve(.2,e.color.defaultText),marginTop:t?4:0})),sfe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ve(.1,e.color.defaultText):ve(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),ufe=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),cfe=e=>e&&{summary:typeof e=="string"?e:e.name},e0=e=>{var v;let[t,r]=u.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:s,description:d}=n,f=n.table||{},h=f.type||cfe(n.type),p=f.defaultValue||n.defaultValue,m=(v=n.type)==null?void 0:v.required,g=d!=null&&d!=="";return b.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},b.createElement(ufe,{expandable:i},b.createElement(afe,null,s),m?b.createElement(ofe,{title:"Required"},"*"):null),o?null:b.createElement("td",null,g&&b.createElement(ife,null,b.createElement(kz,null,d)),f.jsDocTags!=null?b.createElement(b.Fragment,null,b.createElement(sfe,{hasDescription:g},b.createElement(Om,{value:h,initialExpandedArgs:l})),b.createElement(Gpe,{tags:f.jsDocTags})):b.createElement(lfe,{hasDescription:g},b.createElement(Om,{value:h,initialExpandedArgs:l}))),o?null:b.createElement("td",null,b.createElement(Om,{value:p,initialExpandedArgs:l})),a?b.createElement("td",null,b.createElement(Wpe,{...e,isHovered:t})):null)},dfe=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),pfe=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),ffe=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),hfe=({inAddonPanel:e})=>{let[t,r]=u.useState(!0);return u.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:b.createElement(dfe,{inAddonPanel:e},b.createElement(wR,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:b.createElement(b.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:b.createElement(pfe,null,e&&b.createElement(b.Fragment,null,b.createElement(Ti,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},b.createElement(nX,null)," Watch 5m video"),b.createElement(ffe,null),b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(v5,null)," Read docs")),!e&&b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(v5,null)," Learn how to set that up"))}))},mfe=F(lX)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ve(.25,e.color.defaultText):ve(.3,e.color.defaultText),border:"none",display:"inline-block"})),gfe=F(sX)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ve(.25,e.color.defaultText):ve(.3,e.color.defaultText),border:"none",display:"inline-block"})),vfe=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),yfe=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),wfe=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),bfe=F.td(()=>({position:"relative"})),Efe=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Va(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),RC=F.button(()=>({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"})),Mm=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=u.useState(n),l=e==="subsection"?wfe:yfe,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return b.createElement(b.Fragment,null,b.createElement(Efe,{title:f},b.createElement(l,{colSpan:1},b.createElement(RC,{onClick:h=>i(!o),tabIndex:0},f),b.createElement(vfe,null,o?b.createElement(mfe,null):b.createElement(gfe,null),t)),b.createElement(bfe,{colSpan:a-1},b.createElement(RC,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},t0=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),et=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Re=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),tt=[2,4,2,2],xfe=()=>b.createElement(b.Fragment,null,b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"}))),b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"80%"}),b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"}))),b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"80%"}),b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"}))),b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"80%"}),b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"})))),Cfe=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?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)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ve(.25,e.color.defaultText):ve(.45,e.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:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),Dfe=F(lo)(({theme:e})=>({margin:"-4px -12px -4px 0"})),Sfe=F.span({display:"flex",justifyContent:"space-between"}),kfe={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},_fe=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:s}=(i==null?void 0:i.table)||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:o,...i});else{let f=d.subsections[s]||[];f.push({key:o,...i}),d.subsections[s]=f}r.sections[l]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:o,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:o,...i})});let n=kfe[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},Afe=(e,t,r)=>{try{return tN(e,t,r)}catch(n){return Jde.warn(n.message),!1}},r1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:y}=e;return b.createElement(Hz,null,y," ",b.createElement(Ti,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},b.createElement(v5,null)," Read the docs"))}if(l)return b.createElement(xfe,null);let{rows:s,args:d,globals:f}="rows"in e&&e,h=_fe(sie(s,y=>{var E;return!((E=y==null?void 0:y.table)!=null&&E.disable)&&Afe(y,d||{},f||{})}),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return b.createElement(hfe,{inAddonPanel:a});let v=1;t&&(v+=1),n||(v+=2);let C=Object.keys(h.sections).length>0,w={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return b.createElement(PT,null,b.createElement(Cfe,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},b.createElement("thead",{className:"docblock-argstable-head"},b.createElement("tr",null,b.createElement("th",null,b.createElement("span",null,"Name")),n?null:b.createElement("th",null,b.createElement("span",null,"Description")),n?null:b.createElement("th",null,b.createElement("span",null,"Default")),t?b.createElement("th",null,b.createElement(Sfe,null,"Control"," ",!l&&r&&b.createElement(Dfe,{onClick:()=>r(),title:"Reset controls"},b.createElement(cX,{"aria-hidden":!0})))):null)),b.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>b.createElement(e0,{key:y.key,row:y,arg:d&&d[y.key],...w})),Object.entries(h.ungroupedSubsections).map(([y,E])=>b.createElement(Mm,{key:y,label:y,level:"subsection",colSpan:v},E.map(x=>b.createElement(e0,{key:x.key,row:x,arg:d&&d[x.key],expandable:C,...w})))),Object.entries(h.sections).map(([y,E])=>b.createElement(Mm,{key:y,label:y,level:"section",colSpan:v},E.ungrouped.map(x=>b.createElement(e0,{key:x.key,row:x,arg:d&&d[x.key],...w})),Object.entries(E.subsections).map(([x,D])=>b.createElement(Mm,{key:x,label:x,level:"subsection",colSpan:v},D.map(S=>b.createElement(e0,{key:S.key,row:S,arg:d&&d[S.key],expandable:C,...w})))))))))},iB=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?b.createElement(r1,{...r[0][1],...t}):b.createElement(GY,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,s="div",d=a===0?t:{sort:t.sort};return b.createElement(s,{key:l,id:l,title:o},({active:f})=>f?b.createElement(r1,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(De,({theme:e})=>({..._p(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?ve(.2,e.color.defaultText):ve(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({..._p(e),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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({..._p(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var Ffe=e=>`anchor--${e}`,lB=({storyId:e,children:t})=>b.createElement("div",{id:Ffe(e),className:"sb-anchor"},t);qt&&qt.__DOCS_CONTEXT__===void 0&&(qt.__DOCS_CONTEXT__=u.createContext(null),qt.__DOCS_CONTEXT__.displayName="DocsContext");var kr=qt?qt.__DOCS_CONTEXT__:u.createContext(null),Fa=(e,t)=>u.useContext(kr).resolveOf(e,t),$fe=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),sB=e=>{if(e)return typeof e=="string"?e.includes("-")?$fe(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Tfe(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function uB(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}function Ife(e){if(e.type==="component"){let{component:o,projectAnnotations:{parameters:i}}=e;return{argTypes:uB(o,i),parameters:i,component:o}}if(e.type==="meta"){let{preparedMeta:{argTypes:o,parameters:i,component:l,subcomponents:s}}=e;return{argTypes:o,parameters:i,component:l,subcomponents:s}}let{story:{argTypes:t,parameters:r,component:n,subcomponents:a}}=e;return{argTypes:t,parameters:r,component:n,subcomponents:a}}var Jhe=e=>{var v;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=Fa(t||"meta"),{argTypes:n,parameters:a,component:o,subcomponents:i}=Ife(r),l=((v=a.docs)==null?void 0:v.argTypes)||{},s=e.include??l.include,d=e.exclude??l.exclude,f=e.sort??l.sort,h=t1(n,s,d);if(!(i&&Object.keys(i).length>0))return b.createElement(r1,{rows:h,sort:f});let p=sB(o),m=Object.fromEntries(Object.entries(i).map(([C,w])=>[C,{rows:t1(uB(w,a),s,d),sort:f}])),g={[p]:{rows:h,sort:f},...m};return b.createElement(iB,{tabs:g,sort:f})};function cB(e){return Zde(e,{allowFunction:!1})}var dB=u.createContext({sources:{}}),pB="--unknown--",Rfe=({children:e,channel:t})=>{let[r,n]=u.useState({});return u.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:s,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:l}:o,p=d?cB(d):pB;n(m=>({...m,[s]:{...m[s],[p]:{code:f,format:h}}}))};return t.on(c3,a),()=>t.off(c3,a)},[]),b.createElement(dB.Provider,{value:{sources:r}},e)},zfe=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[cB(t)])||(a==null?void 0:a[pB])||{code:""}},Bfe=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,o=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||o.type||Tp.AUTO;if(o.code!==void 0)return o.code;let l=i===Tp.DYNAMIC||i===Tp.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(l,t))||l},Lfe=(e,t,r)=>{var m,g,v,C;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((g=(m=n==null?void 0:n.parameters)==null?void 0:m.docs)==null?void 0:g.source)||{},{code:i}=e,l=e.format??o.format,s=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:s,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=zfe(n.id,h,r);return l=p.format??((C=(v=n.parameters.docs)==null?void 0:v.source)==null?void 0:C.format)??!1,{code:Bfe({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:s,dark:d}};function Ofe(e,t){let r=Mfe([e],t);return r&&r[0]}function Mfe(e,t){let[r,n]=u.useState({});return u.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Pfe=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},Nfe=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,s=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},jfe=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=u.useContext(kr),r=Pfe(e,t),n=Ofe(r,t);if(!n)return b.createElement(Wz,null);let a=Nfe(e,n,t);return a?b.createElement(D1e,{...a}):null},Hfe=e=>{var p,m,g,v,C,w,y,E,x,D;let t=u.useContext(kr),r=u.useContext(dB),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Fa(n||"story",["story"]),i=Lfe({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??((m=(p=o.parameters.docs)==null?void 0:p.canvas)==null?void 0:m.layout)??"padded",s=e.withToolbar??((v=(g=o.parameters.docs)==null?void 0:g.canvas)==null?void 0:v.withToolbar)??!1,d=e.additionalActions??((w=(C=o.parameters.docs)==null?void 0:C.canvas)==null?void 0:w.additionalActions),f=e.sourceState??((E=(y=o.parameters.docs)==null?void 0:y.canvas)==null?void 0:E.sourceState)??"hidden",h=e.className??((D=(x=o.parameters.docs)==null?void 0:x.canvas)==null?void 0:D.className);return b.createElement(qz,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:s,additionalActions:d,className:h,layout:l},b.createElement(jfe,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Ufe=(e,t)=>{let r=Vfe(e,t);if(!r)throw new Error("No result when story was defined");return r},Vfe=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=u.useState(r.args);u.useEffect(()=>{let s=d=>{d.storyId===n&&o(d.args)};return t.channel.on(bC,s),()=>t.channel.off(bC,s)},[n,t.channel]);let i=u.useCallback(s=>t.channel.emit(Qde,{storyId:n,updatedArgs:s}),[n,t.channel]),l=u.useCallback(s=>t.channel.emit(e1e,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,l]},Wfe=(e,t)=>{let r=t.getStoryContext(e),[n,a]=u.useState(r.globals);return u.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(EC,o),()=>t.channel.off(EC,o)},[t.channel]),[n]};function qfe(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Gfe=e=>{var x;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=u.useContext(kr),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,s=((x=a.docs)==null?void 0:x.controls)||{},d=e.include??s.include,f=e.exclude??s.exclude,h=e.sort??s.sort,[p,m,g]=Ufe(n,r),[v]=Wfe(n,r),C=t1(o,d,f);if(!(l&&Object.keys(l).length>0))return Object.keys(C).length>0||Object.keys(p).length>0?b.createElement(r1,{rows:C,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g}):null;let w=sB(i),y=Object.fromEntries(Object.entries(l).map(([D,S])=>[D,{rows:t1(qfe(S,a),d,f),sort:h}])),E={[w]:{rows:C,sort:h},...y};return b.createElement(iB,{tabs:E,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g})},{document:fB}=qt,Kfe=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return b.createElement(NT,null,t);let n=e&&e.split("-");return b.createElement(Uz,{language:n&&n[1]||"text",format:!1,code:t,...r})};function a3(e,t){e.channel.emit(t1e,t)}var F5=cZ.a,Yfe=({hash:e,children:t})=>{let r=u.useContext(kr);return b.createElement(F5,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);fB.getElementById(a)&&a3(r,e)}},t)},Zfe=e=>{let{href:t,target:r,children:n,...a}=e,o=u.useContext(kr);return!t||r==="_blank"||/^https?:\/\//.test(t)?b.createElement(F5,{...e}):t.startsWith("#")?b.createElement(Yfe,{hash:t},n):b.createElement(F5,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),a3(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},hB=["h1","h2","h3","h4","h5","h6"],Xfe=hB.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Jfe=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Qfe=({as:e,id:t,children:r,...n})=>{let a=u.useContext(kr),o=Xfe[e],i=`#${t}`;return b.createElement(o,{id:t,...n},b.createElement(Jfe,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{fB.getElementById(t)&&a3(a,i)}},b.createElement(iX,null)),r)},o3=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return b.createElement(Qfe,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return b.createElement(o,{...we(l,t)})},ehe=hB.reduce((e,t)=>({...e,[t]:r=>b.createElement(o3,{as:t,...r})}),{}),the=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(wB`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${Va(.02,e.input.background)} 100%)`,boxShadow:`${e.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:`${e.input.background}`,border:`1px solid ${Nr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),aB=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Ipe=F(aB)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Rpe=F.div({display:"flex",alignItems:"center",width:"100%"});function zpe(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Bpe=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:s})=>{var m;let d=g=>{r(W1e(g.target.value))},f=t!==void 0,h=u.useMemo(()=>zpe(o),[o]),p=!!((m=s==null?void 0:s.table)!=null&&m.readonly);return b.createElement(Rpe,{"aria-readonly":p},b.createElement(aB,null,n),b.createElement(Tpe,{id:Cr(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),b.createElement(Ipe,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},Lpe=F.label({display:"flex"}),Ope=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Mpe=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var m;let l=g=>{r(g.target.value)},s=!!((m=i==null?void 0:i.table)!=null&&m.readonly),[d,f]=u.useState(!1),h=u.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return b.createElement(To,{variant:"outline",size:"medium",disabled:s,id:a1(e),onClick:h},"Set string");let p=typeof t=="string";return b.createElement(Lpe,null,b.createElement(Xu.Textarea,{id:Cr(e),maxLength:o,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&b.createElement(Ope,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Ppe=F(Xu.Input)({padding:10});function Npe(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var jpe=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var s;let o=u.useRef(null),i=(s=a==null?void 0:a.control)==null?void 0:s.readOnly;function l(d){if(!d.target.files)return;let f=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(f),Npe(n)}return u.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),b.createElement(Ppe,{ref:o,id:Cr(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},Hpe=u.lazy(()=>BC(()=>import("./Color-ERTF36HU-BoNIMMwq.js"),__vite__mapDeps([5,2,1,3,4]),import.meta.url)),Upe=e=>b.createElement(u.Suspense,{fallback:b.createElement("div",null)},b.createElement(Hpe,{...e})),Vpe={array:FC,object:FC,boolean:O1e,color:Upe,date:U1e,number:G1e,check:qo,"inline-check":qo,radio:qo,"inline-radio":qo,select:qo,"multi-select":qo,range:Bpe,text:Mpe,file:jpe},$C=()=>b.createElement(b.Fragment,null,"-"),Wpe=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var v;let{key:a,control:o}=e,[i,l]=u.useState(!1),[s,d]=u.useState({value:t});u.useEffect(()=>{i||d({value:t})},[i,t]);let f=u.useCallback(C=>(d({value:C}),r({[a]:C}),C),[r,a]),h=u.useCallback(()=>l(!1),[]),p=u.useCallback(()=>l(!0),[]);if(!o||o.disable){let C=(o==null?void 0:o.disable)!==!0&&((v=e==null?void 0:e.type)==null?void 0:v.name)!=="function";return n&&C?b.createElement(Ti,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):b.createElement($C,null)}let m={name:a,argType:e,value:s.value,onChange:f,onBlur:h,onFocus:p},g=Vpe[o.type]||$C;return b.createElement(g,{...m,...o,controlType:o.type})},qpe=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Sa({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),Gpe=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:b.createElement(b.Fragment,null,b.createElement(qpe,null,b.createElement("tbody",null,n&&b.createElement("tr",{key:"deprecated"},b.createElement("td",{colSpan:2},b.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>b.createElement("tr",{key:o.name},b.createElement("td",null,b.createElement("code",null,o.name)),b.createElement("td",null,o.description))),a&&b.createElement("tr",{key:"returns"},b.createElement("td",null,b.createElement("code",null,"Returns")),b.createElement("td",null,e.returns.description)))))},A5=8,TC=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Kpe=F.span(Sa,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Ype=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Zpe=F.div(Sa,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Xpe=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Jpe=F(uX)({marginLeft:4}),Qpe=F(FR)({marginLeft:4}),efe=()=>b.createElement("span",null,"-"),oB=({text:e,simple:t})=>b.createElement(Kpe,{simple:t},e),tfe=Tz(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),rfe=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Tce(t)},IC=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,A5)),r.map(n=>b.createElement(oB,{key:n,text:n===""?'""':n}))},nfe=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=u.useState(!1),[i,l]=u.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return b.createElement(oB,{text:s});let d=rfe(s),f=d.length;return f>A5?b.createElement(TC,{isExpanded:i},IC(d,i),b.createElement(Ype,{onClick:()=>l(!i)},i?"Show less...":`Show ${f-A5} more...`)):b.createElement(TC,null,IC(d))}return b.createElement(dY,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:b.createElement(Xpe,{width:tfe(n)},b.createElement(y4,{language:"jsx",format:!1},n))},b.createElement(Zpe,{className:"sbdocs-expandable"},b.createElement("span",null,s),a?b.createElement(Jpe,null):b.createElement(Qpe,null)))},Om=({value:e,initialExpandedArgs:t})=>e==null?b.createElement(efe,null):b.createElement(nfe,{value:e,initialExpandedArgs:t}),afe=F.span({fontWeight:"bold"}),ofe=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),ife=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Sa({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),lfe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ve(.1,e.color.defaultText):ve(.2,e.color.defaultText),marginTop:t?4:0})),sfe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ve(.1,e.color.defaultText):ve(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),ufe=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),cfe=e=>e&&{summary:typeof e=="string"?e:e.name},e0=e=>{var v;let[t,r]=u.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:s,description:d}=n,f=n.table||{},h=f.type||cfe(n.type),p=f.defaultValue||n.defaultValue,m=(v=n.type)==null?void 0:v.required,g=d!=null&&d!=="";return b.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},b.createElement(ufe,{expandable:i},b.createElement(afe,null,s),m?b.createElement(ofe,{title:"Required"},"*"):null),o?null:b.createElement("td",null,g&&b.createElement(ife,null,b.createElement(kz,null,d)),f.jsDocTags!=null?b.createElement(b.Fragment,null,b.createElement(sfe,{hasDescription:g},b.createElement(Om,{value:h,initialExpandedArgs:l})),b.createElement(Gpe,{tags:f.jsDocTags})):b.createElement(lfe,{hasDescription:g},b.createElement(Om,{value:h,initialExpandedArgs:l}))),o?null:b.createElement("td",null,b.createElement(Om,{value:p,initialExpandedArgs:l})),a?b.createElement("td",null,b.createElement(Wpe,{...e,isHovered:t})):null)},dfe=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),pfe=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),ffe=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),hfe=({inAddonPanel:e})=>{let[t,r]=u.useState(!0);return u.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:b.createElement(dfe,{inAddonPanel:e},b.createElement(wR,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:b.createElement(b.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:b.createElement(pfe,null,e&&b.createElement(b.Fragment,null,b.createElement(Ti,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},b.createElement(nX,null)," Watch 5m video"),b.createElement(ffe,null),b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(v5,null)," Read docs")),!e&&b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(v5,null)," Learn how to set that up"))}))},mfe=F(lX)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ve(.25,e.color.defaultText):ve(.3,e.color.defaultText),border:"none",display:"inline-block"})),gfe=F(sX)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ve(.25,e.color.defaultText):ve(.3,e.color.defaultText),border:"none",display:"inline-block"})),vfe=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),yfe=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),wfe=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),bfe=F.td(()=>({position:"relative"})),Efe=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Va(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),RC=F.button(()=>({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"})),Mm=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=u.useState(n),l=e==="subsection"?wfe:yfe,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return b.createElement(b.Fragment,null,b.createElement(Efe,{title:f},b.createElement(l,{colSpan:1},b.createElement(RC,{onClick:h=>i(!o),tabIndex:0},f),b.createElement(vfe,null,o?b.createElement(mfe,null):b.createElement(gfe,null),t)),b.createElement(bfe,{colSpan:a-1},b.createElement(RC,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},t0=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),et=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Re=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),tt=[2,4,2,2],xfe=()=>b.createElement(b.Fragment,null,b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"}))),b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"80%"}),b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"}))),b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"80%"}),b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"}))),b.createElement(t0,null,b.createElement(et,{numColumn:tt[0]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[1]},b.createElement(Re,{width:"80%"}),b.createElement(Re,{width:"30%"})),b.createElement(et,{numColumn:tt[2]},b.createElement(Re,{width:"60%"})),b.createElement(et,{numColumn:tt[3]},b.createElement(Re,{width:"60%"})))),Cfe=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?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)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ve(.25,e.color.defaultText):ve(.45,e.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:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),Dfe=F(lo)(({theme:e})=>({margin:"-4px -12px -4px 0"})),Sfe=F.span({display:"flex",justifyContent:"space-between"}),kfe={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},_fe=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:s}=(i==null?void 0:i.table)||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:o,...i});else{let f=d.subsections[s]||[];f.push({key:o,...i}),d.subsections[s]=f}r.sections[l]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:o,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:o,...i})});let n=kfe[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},Afe=(e,t,r)=>{try{return tN(e,t,r)}catch(n){return Jde.warn(n.message),!1}},r1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:y}=e;return b.createElement(Hz,null,y," ",b.createElement(Ti,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},b.createElement(v5,null)," Read the docs"))}if(l)return b.createElement(xfe,null);let{rows:s,args:d,globals:f}="rows"in e&&e,h=_fe(sie(s,y=>{var E;return!((E=y==null?void 0:y.table)!=null&&E.disable)&&Afe(y,d||{},f||{})}),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return b.createElement(hfe,{inAddonPanel:a});let v=1;t&&(v+=1),n||(v+=2);let C=Object.keys(h.sections).length>0,w={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return b.createElement(PT,null,b.createElement(Cfe,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},b.createElement("thead",{className:"docblock-argstable-head"},b.createElement("tr",null,b.createElement("th",null,b.createElement("span",null,"Name")),n?null:b.createElement("th",null,b.createElement("span",null,"Description")),n?null:b.createElement("th",null,b.createElement("span",null,"Default")),t?b.createElement("th",null,b.createElement(Sfe,null,"Control"," ",!l&&r&&b.createElement(Dfe,{onClick:()=>r(),title:"Reset controls"},b.createElement(cX,{"aria-hidden":!0})))):null)),b.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>b.createElement(e0,{key:y.key,row:y,arg:d&&d[y.key],...w})),Object.entries(h.ungroupedSubsections).map(([y,E])=>b.createElement(Mm,{key:y,label:y,level:"subsection",colSpan:v},E.map(x=>b.createElement(e0,{key:x.key,row:x,arg:d&&d[x.key],expandable:C,...w})))),Object.entries(h.sections).map(([y,E])=>b.createElement(Mm,{key:y,label:y,level:"section",colSpan:v},E.ungrouped.map(x=>b.createElement(e0,{key:x.key,row:x,arg:d&&d[x.key],...w})),Object.entries(E.subsections).map(([x,D])=>b.createElement(Mm,{key:x,label:x,level:"subsection",colSpan:v},D.map(S=>b.createElement(e0,{key:S.key,row:S,arg:d&&d[S.key],expandable:C,...w})))))))))},iB=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?b.createElement(r1,{...r[0][1],...t}):b.createElement(GY,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,s="div",d=a===0?t:{sort:t.sort};return b.createElement(s,{key:l,id:l,title:o},({active:f})=>f?b.createElement(r1,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(De,({theme:e})=>({..._p(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?ve(.2,e.color.defaultText):ve(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({..._p(e),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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ve(.4,e.color.defaultText):ve(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({..._p(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var Ffe=e=>`anchor--${e}`,lB=({storyId:e,children:t})=>b.createElement("div",{id:Ffe(e),className:"sb-anchor"},t);qt&&qt.__DOCS_CONTEXT__===void 0&&(qt.__DOCS_CONTEXT__=u.createContext(null),qt.__DOCS_CONTEXT__.displayName="DocsContext");var kr=qt?qt.__DOCS_CONTEXT__:u.createContext(null),Fa=(e,t)=>u.useContext(kr).resolveOf(e,t),$fe=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),sB=e=>{if(e)return typeof e=="string"?e.includes("-")?$fe(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Tfe(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function uB(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}function Ife(e){if(e.type==="component"){let{component:o,projectAnnotations:{parameters:i}}=e;return{argTypes:uB(o,i),parameters:i,component:o}}if(e.type==="meta"){let{preparedMeta:{argTypes:o,parameters:i,component:l,subcomponents:s}}=e;return{argTypes:o,parameters:i,component:l,subcomponents:s}}let{story:{argTypes:t,parameters:r,component:n,subcomponents:a}}=e;return{argTypes:t,parameters:r,component:n,subcomponents:a}}var Jhe=e=>{var v;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=Fa(t||"meta"),{argTypes:n,parameters:a,component:o,subcomponents:i}=Ife(r),l=((v=a.docs)==null?void 0:v.argTypes)||{},s=e.include??l.include,d=e.exclude??l.exclude,f=e.sort??l.sort,h=t1(n,s,d);if(!(i&&Object.keys(i).length>0))return b.createElement(r1,{rows:h,sort:f});let p=sB(o),m=Object.fromEntries(Object.entries(i).map(([C,w])=>[C,{rows:t1(uB(w,a),s,d),sort:f}])),g={[p]:{rows:h,sort:f},...m};return b.createElement(iB,{tabs:g,sort:f})};function cB(e){return Zde(e,{allowFunction:!1})}var dB=u.createContext({sources:{}}),pB="--unknown--",Rfe=({children:e,channel:t})=>{let[r,n]=u.useState({});return u.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:s,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:l}:o,p=d?cB(d):pB;n(m=>({...m,[s]:{...m[s],[p]:{code:f,format:h}}}))};return t.on(c3,a),()=>t.off(c3,a)},[]),b.createElement(dB.Provider,{value:{sources:r}},e)},zfe=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[cB(t)])||(a==null?void 0:a[pB])||{code:""}},Bfe=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,o=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||o.type||Tp.AUTO;if(o.code!==void 0)return o.code;let l=i===Tp.DYNAMIC||i===Tp.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(l,t))||l},Lfe=(e,t,r)=>{var m,g,v,C;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((g=(m=n==null?void 0:n.parameters)==null?void 0:m.docs)==null?void 0:g.source)||{},{code:i}=e,l=e.format??o.format,s=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:s,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=zfe(n.id,h,r);return l=p.format??((C=(v=n.parameters.docs)==null?void 0:v.source)==null?void 0:C.format)??!1,{code:Bfe({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:s,dark:d}};function Ofe(e,t){let r=Mfe([e],t);return r&&r[0]}function Mfe(e,t){let[r,n]=u.useState({});return u.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Pfe=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},Nfe=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,s=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},jfe=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=u.useContext(kr),r=Pfe(e,t),n=Ofe(r,t);if(!n)return b.createElement(Wz,null);let a=Nfe(e,n,t);return a?b.createElement(D1e,{...a}):null},Hfe=e=>{var p,m,g,v,C,w,y,E,x,D;let t=u.useContext(kr),r=u.useContext(dB),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Fa(n||"story",["story"]),i=Lfe({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??((m=(p=o.parameters.docs)==null?void 0:p.canvas)==null?void 0:m.layout)??"padded",s=e.withToolbar??((v=(g=o.parameters.docs)==null?void 0:g.canvas)==null?void 0:v.withToolbar)??!1,d=e.additionalActions??((w=(C=o.parameters.docs)==null?void 0:C.canvas)==null?void 0:w.additionalActions),f=e.sourceState??((E=(y=o.parameters.docs)==null?void 0:y.canvas)==null?void 0:E.sourceState)??"hidden",h=e.className??((D=(x=o.parameters.docs)==null?void 0:x.canvas)==null?void 0:D.className);return b.createElement(qz,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:s,additionalActions:d,className:h,layout:l},b.createElement(jfe,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Ufe=(e,t)=>{let r=Vfe(e,t);if(!r)throw new Error("No result when story was defined");return r},Vfe=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=u.useState(r.args);u.useEffect(()=>{let s=d=>{d.storyId===n&&o(d.args)};return t.channel.on(bC,s),()=>t.channel.off(bC,s)},[n,t.channel]);let i=u.useCallback(s=>t.channel.emit(Qde,{storyId:n,updatedArgs:s}),[n,t.channel]),l=u.useCallback(s=>t.channel.emit(e1e,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,l]},Wfe=(e,t)=>{let r=t.getStoryContext(e),[n,a]=u.useState(r.globals);return u.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(EC,o),()=>t.channel.off(EC,o)},[t.channel]),[n]};function qfe(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Gfe=e=>{var x;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=u.useContext(kr),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,s=((x=a.docs)==null?void 0:x.controls)||{},d=e.include??s.include,f=e.exclude??s.exclude,h=e.sort??s.sort,[p,m,g]=Ufe(n,r),[v]=Wfe(n,r),C=t1(o,d,f);if(!(l&&Object.keys(l).length>0))return Object.keys(C).length>0||Object.keys(p).length>0?b.createElement(r1,{rows:C,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g}):null;let w=sB(i),y=Object.fromEntries(Object.entries(l).map(([D,S])=>[D,{rows:t1(qfe(S,a),d,f),sort:h}])),E={[w]:{rows:C,sort:h},...y};return b.createElement(iB,{tabs:E,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g})},{document:fB}=qt,Kfe=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return b.createElement(NT,null,t);let n=e&&e.split("-");return b.createElement(Uz,{language:n&&n[1]||"text",format:!1,code:t,...r})};function a3(e,t){e.channel.emit(t1e,t)}var F5=cZ.a,Yfe=({hash:e,children:t})=>{let r=u.useContext(kr);return b.createElement(F5,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);fB.getElementById(a)&&a3(r,e)}},t)},Zfe=e=>{let{href:t,target:r,children:n,...a}=e,o=u.useContext(kr);return!t||r==="_blank"||/^https?:\/\//.test(t)?b.createElement(F5,{...e}):t.startsWith("#")?b.createElement(Yfe,{hash:t},n):b.createElement(F5,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),a3(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},hB=["h1","h2","h3","h4","h5","h6"],Xfe=hB.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Jfe=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Qfe=({as:e,id:t,children:r,...n})=>{let a=u.useContext(kr),o=Xfe[e],i=`#${t}`;return b.createElement(o,{id:t,...n},b.createElement(Jfe,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{fB.getElementById(t)&&a3(a,i)}},b.createElement(iX,null)),r)},o3=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return b.createElement(Qfe,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return b.createElement(o,{...we(l,t)})},ehe=hB.reduce((e,t)=>({...e,[t]:r=>b.createElement(o3,{as:t,...r})}),{}),the=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(wB`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' This is often caused by not wrapping the child in a template string. This is invalid: diff --git a/assets/index-Dxzh7CyF.js b/assets/index-Jm2ipWMa.js similarity index 84% rename from assets/index-Dxzh7CyF.js rename to assets/index-Jm2ipWMa.js index e78e7d182..b351cfee2 100644 --- a/assets/index-Dxzh7CyF.js +++ b/assets/index-Jm2ipWMa.js @@ -1 +1 @@ -import{s as c,g as s}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as r,H as f,c as v,h as n,a as d}from"./index-BZ0rSFNp.js";import{O as t,m as e}from"./index-JHKFBkCx.js";const h='.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.canvas-background.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.canvas-background.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(.canvas-content::-webkit-scrollbar-track){.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:max(var(--z-offcanvas--container-width, 375px), 375px);min-width:375px}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}',l=class extends f{constructor(){super(),this.__registerHost(),this.canvasOpenStatusChanged=v(this,"canvasOpenStatusChanged",7),this.variant=t.PUSHCONTENT,this.open=!1,this.transitiondirection=e.LEFT,this.skipLoadAnimation=!1,this.skipAnimation=!1}stopEvent(a){this.open||(a.preventDefault(),a.stopPropagation())}handlePageOverflow(){const a=this.variant===t.OVERLAY||this.transitiondirection===e.UP?"overflow-y":"overflow-x";document.body.style[a]=this.open?"hidden":""}onOpenChanged(){var a;if(this.canvasOpenStatusChanged.emit(this.open),this.open)this.handlePageOverflow();else{const o=()=>{this.handlePageOverflow(),this.canvasContainer.removeEventListener("transitionend",o)};(a=this.canvasContainer)===null||a===void 0||a.addEventListener("transitionend",o)}}componentWillLoad(){this.open&&(this.skipAnimation=!0)}componentDidLoad(){this.handlePageOverflow()}componentDidRender(){this.skipAnimation=!1}connectedCallback(){this.handlePageOverflow()}disconnectedCallback(){this.open=!1}render(){return n(d,{key:"f6113923fc790350b28ea68803d8e63ae0bdcd81","skip-animation":this.skipAnimation,"aria-hidden":this.open?null:"true"},n("div",{key:"ccdffaa2b40794ee0ce7d21e1933f48c7a985ca6",class:"canvas-container",role:"presentation",ref:a=>this.canvasContainer=a},n("div",{key:"d51af02f08be2f7c3a96e6efeac4b4523f7bd349",class:"canvas-content",role:"presentation"},n("slot",{key:"2db36e1ff5c503354c6f6a8a574a83273eb72268",name:"canvasContent"}))),(this.variant==t.OVERLAY||this.transitiondirection===e.UP)&&n("div",{key:"e9121e704e08c83febbb7992e510f4847ca805b3",class:"canvas-background",onClick:()=>this.open=!1}))}static get watchers(){return{variant:["handlePageOverflow"],open:["onOpenChanged"]}}static get style(){return h}};r(l,[6,"z-offcanvas",{variant:[520],open:[1540],transitiondirection:[520],skipLoadAnimation:[4,"skip-load-animation"],skipAnimation:[32]},[[2,"click","stopEvent"],[2,"focusin","stopEvent"]],{variant:["handlePageOverflow"],open:["onOpenChanged"]}]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZOffcanvas",tagName:"z-offcanvas",customElement:!0,members:[{kind:"field",name:"variant",type:"any",description:"Offcanvas variant.\n- `overlay`: The offcanvas covers the page content putting an overlay.\n- `pushcontent`: The offcanvas isn't absolutely positioned and \"pushes\" the page content.\n> NB: `pushcontent` variant may need some extra style tuning of the context around the component to work properly.\nAlso, the `pushcontent` variant doesn't have the open/close transition.",default:"OffCanvasVariant.PUSHCONTENT"},{kind:"field",name:"open",type:"boolean",description:"Whether the offcanvas is open. Default: false",default:"false"},{kind:"field",name:"transitiondirection",type:"any",description:"Open the content transitioning to a specified direction.\nThe `up` direction always show the `overlay`, also when the variant is `pushcontent`.",default:"TransitionDirection.LEFT"},{kind:"field",name:"skipLoadAnimation",type:"boolean",description:"Skip the opening transition when the offcanvas is already open at the first render.",default:"false"}],events:[{kind:"event",name:"canvasOpenStatusChanged",description:"emitted when `open` prop changes"}],cssProperties:[{name:"--z-offcanvas--top-space",description:"Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`."},{name:"--z-offcanvas--container-width",description:"Width of the offcanvas for `left` and `right` direction. Default: `375px`."},{name:"--z-offcanvas--container-height",description:"Height of the offcanvas for `up` direction. Default: `90%`."}],slots:[{name:"canvasContent",description:"Slot for the offcanvas content."}]}],exports:[{kind:"js",name:"ZOffcanvas",declaration:{name:"ZOffcanvas",module:"src/components/z-offcanvas/index.tsx"}},{kind:"custom-element-definition",name:"z-offcanvas",declaration:{name:"ZOffcanvas",module:"src/components/z-offcanvas/index.tsx"}}]}]};c({...s()||{},...i,modules:[...(s()||{}).modules||[],...i.modules]}); +import{s as c,g as s}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as r,H as f,c as v,h as a,a as d}from"./index-BZ0rSFNp.js";import{O as t,m as e}from"./index-JHKFBkCx.js";const h='.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.canvas-background.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.canvas-background.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(.canvas-content::-webkit-scrollbar-track){.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:max(var(--z-offcanvas--container-width, 375px), 375px);min-width:375px}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}',l=class extends f{constructor(){super(),this.__registerHost(),this.canvasOpenStatusChanged=v(this,"canvasOpenStatusChanged",7),this.variant=t.PUSHCONTENT,this.open=!1,this.transitiondirection=e.LEFT,this.skipLoadAnimation=!1,this.skipAnimation=!1}stopEvent(n){this.open||(n.preventDefault(),n.stopPropagation())}handlePageOverflow(){const n=this.variant===t.OVERLAY||this.transitiondirection===e.UP?"overflow-y":"overflow-x";document.body.style[n]=this.open?"hidden":""}onOpenChanged(){var n;if(this.canvasOpenStatusChanged.emit(this.open),this.open)this.handlePageOverflow();else{const o=()=>{this.handlePageOverflow(),this.canvasContainer.removeEventListener("transitionend",o)};(n=this.canvasContainer)===null||n===void 0||n.addEventListener("transitionend",o)}}componentWillLoad(){this.open&&(this.skipAnimation=!0)}componentDidLoad(){this.handlePageOverflow()}componentDidRender(){this.skipAnimation=!1}connectedCallback(){this.handlePageOverflow()}disconnectedCallback(){this.open=!1}render(){return a(d,{key:"6f4b7501d5ffd099f89e9dd092199f68dc7cc68b","skip-animation":this.skipAnimation,"aria-hidden":this.open?null:"true"},a("div",{key:"e7b28faa66ff4cce6b0ccf89f7e82173273e0c2c",class:"canvas-container",role:"presentation",ref:n=>this.canvasContainer=n},a("div",{key:"ee9aa4de684f6a69ce7f0cdbff87f4f2ba9374da",class:"canvas-content",role:"presentation"},a("slot",{key:"5f414a37bd53d381b94f7b00d55c4f844c7e5996",name:"canvasContent"}))),(this.variant==t.OVERLAY||this.transitiondirection===e.UP)&&a("div",{key:"1803010c69a73c8d7811ac83a627c93f1e3b7cd0",class:"canvas-background",onClick:()=>this.open=!1}))}static get watchers(){return{variant:["handlePageOverflow"],open:["onOpenChanged"]}}static get style(){return h}};r(l,[6,"z-offcanvas",{variant:[520],open:[1540],transitiondirection:[520],skipLoadAnimation:[4,"skip-load-animation"],skipAnimation:[32]},[[2,"click","stopEvent"],[2,"focusin","stopEvent"]],{variant:["handlePageOverflow"],open:["onOpenChanged"]}]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZOffcanvas",tagName:"z-offcanvas",customElement:!0,members:[{kind:"field",name:"variant",type:"any",description:"Offcanvas variant.\n- `overlay`: The offcanvas covers the page content putting an overlay.\n- `pushcontent`: The offcanvas isn't absolutely positioned and \"pushes\" the page content.\n> NB: `pushcontent` variant may need some extra style tuning of the context around the component to work properly.\nAlso, the `pushcontent` variant doesn't have the open/close transition.",default:"OffCanvasVariant.PUSHCONTENT"},{kind:"field",name:"open",type:"boolean",description:"Whether the offcanvas is open. Default: false",default:"false"},{kind:"field",name:"transitiondirection",type:"any",description:"Open the content transitioning to a specified direction.\nThe `up` direction always show the `overlay`, also when the variant is `pushcontent`.",default:"TransitionDirection.LEFT"},{kind:"field",name:"skipLoadAnimation",type:"boolean",description:"Skip the opening transition when the offcanvas is already open at the first render.",default:"false"}],events:[{kind:"event",name:"canvasOpenStatusChanged",description:"emitted when `open` prop changes"}],cssProperties:[{name:"--z-offcanvas--top-space",description:"Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`."},{name:"--z-offcanvas--container-width",description:"Width of the offcanvas for `left` and `right` direction. Default: `375px`."},{name:"--z-offcanvas--container-height",description:"Height of the offcanvas for `up` direction. Default: `90%`."}],slots:[{name:"canvasContent",description:"Slot for the offcanvas content."}]}],exports:[{kind:"js",name:"ZOffcanvas",declaration:{name:"ZOffcanvas",module:"src/components/z-offcanvas/index.tsx"}},{kind:"custom-element-definition",name:"z-offcanvas",declaration:{name:"ZOffcanvas",module:"src/components/z-offcanvas/index.tsx"}}]}]};c({...s()||{},...i,modules:[...(s()||{}).modules||[],...i.modules]}); diff --git a/assets/index-CVRBhaZR.js b/assets/index-SGHLPHNW.js similarity index 99% rename from assets/index-CVRBhaZR.js rename to assets/index-SGHLPHNW.js index 698d22a4b..c2172e631 100644 --- a/assets/index-CVRBhaZR.js +++ b/assets/index-SGHLPHNW.js @@ -1 +1 @@ -import"./index-BpZkdoDR.js";import"./index-CVMFEM3F.js";import{s as u,g as c}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d,H as h,c as n,h as e,a as b}from"./index-BZ0rSFNp.js";import{h as r,C as z,g as i}from"./index-JHKFBkCx.js";import{r as m,b as p}from"./utils-CCzSlYCN.js";const f='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--gray700);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--gray900);fill:var(--gray900);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="small"].sc-z-input-h .textarea-wrapper.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h .textarea-wrapper.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly="true"]) .textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-input-field02)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-primary01)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{box-shadow:none}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--gray700);outline-offset:-2px}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled03);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled03)}',v='.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--gray900)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}',x=".textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}",g='.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}',w=f+v+x+g+"",k=class extends h{constructor(){super(),this.__registerHost(),this.inputChange=n(this,"inputChange",7),this.startTyping=n(this,"startTyping",7),this.stopTyping=n(this,"stopTyping",7),this.inputCheck=n(this,"inputCheck",7),this.inputFocus=n(this,"inputFocus",7),this.inputBlur=n(this,"inputBlur",7),this.typingtimeout=300,this.htmlid=`id-${m()}`,this.type=void 0,this.name=void 0,this.label=void 0,this.ariaLabel="",this.ariaExpanded="",this.ariaControls=void 0,this.ariaAutocomplete=void 0,this.ariaActivedescendant=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.placeholder=void 0,this.htmltitle=void 0,this.status=void 0,this.message=!0,this.labelPosition=r.RIGHT,this.autocomplete=void 0,this.role="",this.hasclearicon=!0,this.icon=void 0,this.min=void 0,this.minlength=void 0,this.max=void 0,this.maxlength=void 0,this.step=void 0,this.pattern=void 0,this.size=z.BIG,this.isTyping=!1,this.passwordHidden=!0}inputCheckListener(t){const s=t.detail;switch(this.type){case i.RADIO:s.type===i.RADIO&&s.name===this.name&&s.id!==this.htmlid&&(this.checked=!1);break}}async isChecked(){switch(this.type){case i.CHECKBOX:case i.RADIO:return this.checked;default:return console.warn("`isChecked` method is only available for type `checkbox` and `radio`"),!1}}emitInputChange(t){this.isTyping||this.emitStartTyping();let s;this.type===i.TEXTAREA?s=this.getValidity("textarea"):s=this.getValidity("input"),this.value=t,this.inputChange.emit({value:t,validity:s}),clearTimeout(this.timer),this.timer=setTimeout(()=>{this.emitStopTyping(this.value,s)},this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,s){this.isTyping=!1,this.stopTyping.emit({value:t,validity:s})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}emitInputFocus(){this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.inputBlur.emit({id:this.htmlid})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status,filled:!!this.value},autocomplete:this.autocomplete,onInput:t=>this.emitInputChange(t.target.value)}}getNumberAttributes(t){if(t==i.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(t){if(!(t!=i.PASSWORD&&t!=i.TEXT&&t!=i.TEL&&t!=i.SEARCH&&t!=i.URL&&t!=i.EMAIL))return{pattern:this.pattern}}getRoleAttribute(){return this.role?{role:this.role}:{}}getAriaAttrubutes(){const t=this.ariaExpanded?{"aria-expanded":this.ariaExpanded}:{},s=this.ariaControls?{"aria-controls":this.ariaControls}:{},a=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{},o=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},t),s),a),o)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(t=i.TEXT){const s=this.ariaLabel?{"aria-label":this.ariaLabel}:{},a=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(t)),this.getPatternAttribute(t)),s),this.getRoleAttribute()),this.getAriaAttrubutes()),this.getFocusBlurAttributes());return(this.icon||t===i.PASSWORD)&&Object.assign(a.class,{"has-icon":!0}),this.hasclearicon&&t!=i.NUMBER&&Object.assign(a.class,{"has-clear-icon":!0}),e("div",{class:"text-wrapper"},this.renderLabel(),e("div",null,e("input",Object.assign({type:t===i.PASSWORD&&!this.passwordHidden?i.TEXT:t},a,{ref:o=>this.inputRef=o})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return e("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return e("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){if(this.type===i.PASSWORD)return this.renderShowHidePassword();if(this.icon)return e("button",{type:"button",class:"icon-button input-icon",tabIndex:-1,"aria-hidden":"true"},e("z-icon",{name:this.icon,class:this.size}))}renderResetIcon(){let t=!1;return(!this.hasclearicon||!this.value||this.disabled||this.readonly||this.type==i.NUMBER)&&(t=!0),e("button",{type:"button",class:`icon-button reset-icon ${t?"hidden":""}`,"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="",this.emitInputChange("")}},e("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return e("button",{type:"button",class:"icon-button toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},e("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(p(this.message)!==!1)return e("z-input-message",{message:p(this.message)===!0?void 0:this.message,status:this.status,class:this.size})}renderTextarea(){const t=this.getTextAttributes(),s=this.ariaLabel?{"aria-label":this.ariaLabel}:{};return e("div",{class:"text-wrapper"},this.renderLabel(),e("div",{class:Object.assign(Object.assign({},t.class),{"textarea-wrapper":!0,readonly:t.readonly})},e("textarea",Object.assign({},t,s,this.getRoleAttribute()))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return e("div",{class:"checkbox-wrapper"},e("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),e("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===r.RIGHT,before:this.labelPosition===r.LEFT}},e("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true",class:this.size}),this.label&&e("span",{innerHTML:this.label})))}renderRadio(){return e("div",{class:"radio-wrapper"},e("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),e("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===r.RIGHT,before:this.labelPosition===r.LEFT}},e("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true",class:this.size}),this.label&&e("span",{innerHTML:this.label})))}render(){let t;switch(this.type){case i.TEXTAREA:t=this.renderTextarea();break;case i.CHECKBOX:t=this.renderCheckbox();break;case i.RADIO:t=this.renderRadio();break;default:t=this.renderInputText(this.type)}return e(b,{key:"b3422660cb979678bdb3ac82c1514dece5c7debc"},t)}get hostElement(){return this}static get style(){return w}};d(k,[2,"z-input",{htmlid:[1],type:[8],name:[1],label:[1],ariaLabel:[1,"aria-label"],ariaExpanded:[1,"aria-expanded"],ariaControls:[1,"aria-controls"],ariaAutocomplete:[1,"aria-autocomplete"],ariaActivedescendant:[1,"aria-activedescendant"],value:[1025],disabled:[516],readonly:[4],required:[4],checked:[1028],placeholder:[1],htmltitle:[1],status:[8],message:[8],labelPosition:[8,"label-position"],autocomplete:[1],role:[1],hasclearicon:[4],icon:[1],min:[2],minlength:[2],max:[2],maxlength:[2],step:[2],pattern:[1],size:[520],isTyping:[32],passwordHidden:[32],isChecked:[64]},[[4,"inputCheck","inputCheckListener"]]]);const l={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZInput",tagName:"z-input",customElement:!0,members:[{kind:"field",name:"htmlid",type:"string",description:"the id of the input element",default:"`id-${randomId()}`"},{kind:"field",name:"type",type:"any",description:"input types"},{kind:"field",name:"name",type:"string",description:"the input name"},{kind:"field",name:"label",type:"string",description:"the input label"},{kind:"field",name:"ariaLabel",type:"string",description:"the input aria-label",default:'""'},{kind:"field",name:"ariaExpanded",type:"string",description:"the input aria-expaded: available for text, password, number, email",default:'""'},{kind:"field",name:"ariaControls",type:"string",description:"the input aria-controls (optional): available for text, password, number, email"},{kind:"field",name:"ariaAutocomplete",type:"string",description:"the input aria-autocomplete (optional): available for text, password, number, email"},{kind:"field",name:"ariaActivedescendant",type:"string",description:"the input aria-activedescendant (optional): available for text, password, number, email"},{kind:"field",name:"value",type:"string",description:"the input value"},{kind:"field",name:"disabled",type:"boolean",description:"the input is disabled",default:"false"},{kind:"field",name:"readonly",type:"boolean",description:"the input is readonly",default:"false"},{kind:"field",name:"required",type:"boolean",description:"the input is required (optional): available for text, password, number, email, textarea, checkbox",default:"false"},{kind:"field",name:"checked",type:"boolean",description:"checked: available for checkbox, radio",default:"false"},{kind:"field",name:"placeholder",type:"string",description:"the input placeholder (optional)"},{kind:"field",name:"htmltitle",type:"string",description:"the input html title (optional)"},{kind:"field",name:"status",type:"any",description:"the input status (optional): available for text, password, number, email, textarea"},{kind:"field",name:"message",type:"any",description:"input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed",default:"true"},{kind:"field",name:"labelPosition",type:"any",description:"the input label position: available for checkbox, radio",default:"LabelPosition.RIGHT"},{kind:"field",name:"autocomplete",type:"string",description:"the input has autocomplete option (optional): available for text, password, number, email"},{kind:"field",name:"role",type:"string",description:"the input role",default:'""'},{kind:"field",name:"hasclearicon",type:"boolean",description:"render clear icon when typing (optional): available for text",default:"true"},{kind:"field",name:"icon",type:"string",description:"render icon (optional): available for text"},{kind:"field",name:"min",type:"number",description:"min number value (optional): available for number"},{kind:"field",name:"minlength",type:"number",description:"Min length value (optional): available for text"},{kind:"field",name:"max",type:"number",description:"max number value (optional): available for number"},{kind:"field",name:"maxlength",type:"number",description:"Max length value (optional): available for text"},{kind:"field",name:"step",type:"number",description:"step number value (optional): available for number"},{kind:"field",name:"pattern",type:"string",description:"pattern value (optional): available for tel, text, search, url, email, password"},{kind:"field",name:"size",type:"any",description:"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.",default:"ControlSize.BIG"}],events:[{kind:"event",name:"inputChange",description:"Emitted on input value change, returns value, validity"},{kind:"event",name:"startTyping",description:"Emitted when user starts typing"},{kind:"event",name:"stopTyping",description:"Emitted when user stops typing, returns value, validity"},{kind:"event",name:"inputCheck",description:"Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity"},{kind:"event",name:"inputFocus",description:"Emitted on input focus"},{kind:"event",name:"inputBlur",description:"Emitted on input blur"}]}],exports:[{kind:"js",name:"ZInput",declaration:{name:"ZInput",module:"src/components/z-input/index.tsx"}},{kind:"custom-element-definition",name:"z-input",declaration:{name:"ZInput",module:"src/components/z-input/index.tsx"}}]}]};u({...c()||{},...l,modules:[...(c()||{}).modules||[],...l.modules]}); +import"./index-BpZkdoDR.js";import"./index-6DVFO8oc.js";import{s as u,g as c}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d,H as h,c as n,h as e,a as b}from"./index-BZ0rSFNp.js";import{h as r,C as z,g as i}from"./index-JHKFBkCx.js";import{r as m,b as p}from"./utils-CCzSlYCN.js";const f='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--gray700);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--gray900);fill:var(--gray900);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="small"].sc-z-input-h .textarea-wrapper.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h .textarea-wrapper.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly="true"]) .textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-input-field02)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-primary01)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{box-shadow:none}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--gray700);outline-offset:-2px}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled03);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled03)}',v='.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--gray900)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}',x=".textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}",g='.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}',w=f+v+x+g+"",k=class extends h{constructor(){super(),this.__registerHost(),this.inputChange=n(this,"inputChange",7),this.startTyping=n(this,"startTyping",7),this.stopTyping=n(this,"stopTyping",7),this.inputCheck=n(this,"inputCheck",7),this.inputFocus=n(this,"inputFocus",7),this.inputBlur=n(this,"inputBlur",7),this.typingtimeout=300,this.htmlid=`id-${m()}`,this.type=void 0,this.name=void 0,this.label=void 0,this.ariaLabel="",this.ariaExpanded="",this.ariaControls=void 0,this.ariaAutocomplete=void 0,this.ariaActivedescendant=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.placeholder=void 0,this.htmltitle=void 0,this.status=void 0,this.message=!0,this.labelPosition=r.RIGHT,this.autocomplete=void 0,this.role="",this.hasclearicon=!0,this.icon=void 0,this.min=void 0,this.minlength=void 0,this.max=void 0,this.maxlength=void 0,this.step=void 0,this.pattern=void 0,this.size=z.BIG,this.isTyping=!1,this.passwordHidden=!0}inputCheckListener(t){const s=t.detail;switch(this.type){case i.RADIO:s.type===i.RADIO&&s.name===this.name&&s.id!==this.htmlid&&(this.checked=!1);break}}async isChecked(){switch(this.type){case i.CHECKBOX:case i.RADIO:return this.checked;default:return console.warn("`isChecked` method is only available for type `checkbox` and `radio`"),!1}}emitInputChange(t){this.isTyping||this.emitStartTyping();let s;this.type===i.TEXTAREA?s=this.getValidity("textarea"):s=this.getValidity("input"),this.value=t,this.inputChange.emit({value:t,validity:s}),clearTimeout(this.timer),this.timer=setTimeout(()=>{this.emitStopTyping(this.value,s)},this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,s){this.isTyping=!1,this.stopTyping.emit({value:t,validity:s})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}emitInputFocus(){this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.inputBlur.emit({id:this.htmlid})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status,filled:!!this.value},autocomplete:this.autocomplete,onInput:t=>this.emitInputChange(t.target.value)}}getNumberAttributes(t){if(t==i.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(t){if(!(t!=i.PASSWORD&&t!=i.TEXT&&t!=i.TEL&&t!=i.SEARCH&&t!=i.URL&&t!=i.EMAIL))return{pattern:this.pattern}}getRoleAttribute(){return this.role?{role:this.role}:{}}getAriaAttrubutes(){const t=this.ariaExpanded?{"aria-expanded":this.ariaExpanded}:{},s=this.ariaControls?{"aria-controls":this.ariaControls}:{},a=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{},o=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},t),s),a),o)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(t=i.TEXT){const s=this.ariaLabel?{"aria-label":this.ariaLabel}:{},a=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(t)),this.getPatternAttribute(t)),s),this.getRoleAttribute()),this.getAriaAttrubutes()),this.getFocusBlurAttributes());return(this.icon||t===i.PASSWORD)&&Object.assign(a.class,{"has-icon":!0}),this.hasclearicon&&t!=i.NUMBER&&Object.assign(a.class,{"has-clear-icon":!0}),e("div",{class:"text-wrapper"},this.renderLabel(),e("div",null,e("input",Object.assign({type:t===i.PASSWORD&&!this.passwordHidden?i.TEXT:t},a,{ref:o=>this.inputRef=o})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return e("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return e("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){if(this.type===i.PASSWORD)return this.renderShowHidePassword();if(this.icon)return e("button",{type:"button",class:"icon-button input-icon",tabIndex:-1,"aria-hidden":"true"},e("z-icon",{name:this.icon,class:this.size}))}renderResetIcon(){let t=!1;return(!this.hasclearicon||!this.value||this.disabled||this.readonly||this.type==i.NUMBER)&&(t=!0),e("button",{type:"button",class:`icon-button reset-icon ${t?"hidden":""}`,"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="",this.emitInputChange("")}},e("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return e("button",{type:"button",class:"icon-button toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},e("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(p(this.message)!==!1)return e("z-input-message",{message:p(this.message)===!0?void 0:this.message,status:this.status,class:this.size})}renderTextarea(){const t=this.getTextAttributes(),s=this.ariaLabel?{"aria-label":this.ariaLabel}:{};return e("div",{class:"text-wrapper"},this.renderLabel(),e("div",{class:Object.assign(Object.assign({},t.class),{"textarea-wrapper":!0,readonly:t.readonly})},e("textarea",Object.assign({},t,s,this.getRoleAttribute()))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return e("div",{class:"checkbox-wrapper"},e("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),e("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===r.RIGHT,before:this.labelPosition===r.LEFT}},e("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true",class:this.size}),this.label&&e("span",{innerHTML:this.label})))}renderRadio(){return e("div",{class:"radio-wrapper"},e("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),e("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===r.RIGHT,before:this.labelPosition===r.LEFT}},e("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true",class:this.size}),this.label&&e("span",{innerHTML:this.label})))}render(){let t;switch(this.type){case i.TEXTAREA:t=this.renderTextarea();break;case i.CHECKBOX:t=this.renderCheckbox();break;case i.RADIO:t=this.renderRadio();break;default:t=this.renderInputText(this.type)}return e(b,{key:"9e48f7927047aa451792de5f768f96584ae7d3fa"},t)}get hostElement(){return this}static get style(){return w}};d(k,[2,"z-input",{htmlid:[1],type:[8],name:[1],label:[1],ariaLabel:[1,"aria-label"],ariaExpanded:[1,"aria-expanded"],ariaControls:[1,"aria-controls"],ariaAutocomplete:[1,"aria-autocomplete"],ariaActivedescendant:[1,"aria-activedescendant"],value:[1025],disabled:[516],readonly:[4],required:[4],checked:[1028],placeholder:[1],htmltitle:[1],status:[8],message:[8],labelPosition:[8,"label-position"],autocomplete:[1],role:[1],hasclearicon:[4],icon:[1],min:[2],minlength:[2],max:[2],maxlength:[2],step:[2],pattern:[1],size:[520],isTyping:[32],passwordHidden:[32],isChecked:[64]},[[4,"inputCheck","inputCheckListener"]]]);const l={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZInput",tagName:"z-input",customElement:!0,members:[{kind:"field",name:"htmlid",type:"string",description:"the id of the input element",default:"`id-${randomId()}`"},{kind:"field",name:"type",type:"any",description:"input types"},{kind:"field",name:"name",type:"string",description:"the input name"},{kind:"field",name:"label",type:"string",description:"the input label"},{kind:"field",name:"ariaLabel",type:"string",description:"the input aria-label",default:'""'},{kind:"field",name:"ariaExpanded",type:"string",description:"the input aria-expaded: available for text, password, number, email",default:'""'},{kind:"field",name:"ariaControls",type:"string",description:"the input aria-controls (optional): available for text, password, number, email"},{kind:"field",name:"ariaAutocomplete",type:"string",description:"the input aria-autocomplete (optional): available for text, password, number, email"},{kind:"field",name:"ariaActivedescendant",type:"string",description:"the input aria-activedescendant (optional): available for text, password, number, email"},{kind:"field",name:"value",type:"string",description:"the input value"},{kind:"field",name:"disabled",type:"boolean",description:"the input is disabled",default:"false"},{kind:"field",name:"readonly",type:"boolean",description:"the input is readonly",default:"false"},{kind:"field",name:"required",type:"boolean",description:"the input is required (optional): available for text, password, number, email, textarea, checkbox",default:"false"},{kind:"field",name:"checked",type:"boolean",description:"checked: available for checkbox, radio",default:"false"},{kind:"field",name:"placeholder",type:"string",description:"the input placeholder (optional)"},{kind:"field",name:"htmltitle",type:"string",description:"the input html title (optional)"},{kind:"field",name:"status",type:"any",description:"the input status (optional): available for text, password, number, email, textarea"},{kind:"field",name:"message",type:"any",description:"input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed",default:"true"},{kind:"field",name:"labelPosition",type:"any",description:"the input label position: available for checkbox, radio",default:"LabelPosition.RIGHT"},{kind:"field",name:"autocomplete",type:"string",description:"the input has autocomplete option (optional): available for text, password, number, email"},{kind:"field",name:"role",type:"string",description:"the input role",default:'""'},{kind:"field",name:"hasclearicon",type:"boolean",description:"render clear icon when typing (optional): available for text",default:"true"},{kind:"field",name:"icon",type:"string",description:"render icon (optional): available for text"},{kind:"field",name:"min",type:"number",description:"min number value (optional): available for number"},{kind:"field",name:"minlength",type:"number",description:"Min length value (optional): available for text"},{kind:"field",name:"max",type:"number",description:"max number value (optional): available for number"},{kind:"field",name:"maxlength",type:"number",description:"Max length value (optional): available for text"},{kind:"field",name:"step",type:"number",description:"step number value (optional): available for number"},{kind:"field",name:"pattern",type:"string",description:"pattern value (optional): available for tel, text, search, url, email, password"},{kind:"field",name:"size",type:"any",description:"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.",default:"ControlSize.BIG"}],events:[{kind:"event",name:"inputChange",description:"Emitted on input value change, returns value, validity"},{kind:"event",name:"startTyping",description:"Emitted when user starts typing"},{kind:"event",name:"stopTyping",description:"Emitted when user stops typing, returns value, validity"},{kind:"event",name:"inputCheck",description:"Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity"},{kind:"event",name:"inputFocus",description:"Emitted on input focus"},{kind:"event",name:"inputBlur",description:"Emitted on input blur"}]}],exports:[{kind:"js",name:"ZInput",declaration:{name:"ZInput",module:"src/components/z-input/index.tsx"}},{kind:"custom-element-definition",name:"z-input",declaration:{name:"ZInput",module:"src/components/z-input/index.tsx"}}]}]};u({...c()||{},...l,modules:[...(c()||{}).modules||[],...l.modules]}); diff --git a/assets/index-C6xfamXG.js b/assets/index-mMUaFhME.js similarity index 96% rename from assets/index-C6xfamXG.js rename to assets/index-mMUaFhME.js index e2c4b7247..0e9533c1c 100644 --- a/assets/index-C6xfamXG.js +++ b/assets/index-mMUaFhME.js @@ -1 +1 @@ -import{f as p,n as i,F as l,$ as m,L as c,h as T,B as b,e as d,m as S,g as B,v as L,u as C,I as H,t as u,X as g,x as y,w as I,b as h,y as k,D as P,a as W,C as A,E as F,T as x,c as D,_ as R,S as f,R as v,O as E,d as M,G as N,i as q,A as w,j as O,P as U,k as Z,l as j,o as z,p as G,q as J,r as K,z as Q,H as V,s as X,J as Y,K as _,M as $,N as aa,Q as sa,U as oa,V as ta,W as ea,Y as ra,Z as na,a0 as pa,a1 as ia,a2 as la,a3 as ma,a4 as ca,a5 as Ta,a6 as ba,a7 as da,a8 as Sa,a9 as Ba,aa as La,ab as Ca,ac as Ha,ad as ua}from"./index-DEBjj2B6.js";import"./iframe-r3PixKGN.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";export{p as A,i as ActionBar,l as AddonPanel,m as Badge,c as Bar,T as Blockquote,b as Button,d as ClipboardCode,S as Code,B as DL,L as Div,C as DocumentWrapper,H as EmptyTabContent,u as ErrorFormatter,g as FlexBar,y as Form,I as H1,h as H2,k as H3,P as H4,W as H5,A as H6,F as HR,x as IconButton,D as IconButtonSkeleton,R as Icons,f as Img,v as LI,E as Link,M as ListItem,N as Loader,q as Modal,w as OL,O as P,U as Placeholder,Z as Pre,j as ResetWrapper,z as ScrollArea,G as Separator,J as Spaced,K as Span,Q as StorybookIcon,V as StorybookLogo,X as Symbols,Y as SyntaxHighlighter,_ as TT,$ as TabBar,aa as TabButton,sa as TabWrapper,oa as Table,ta as Tabs,ea as TabsState,ra as TooltipLinkList,na as TooltipMessage,pa as TooltipNote,ia as UL,la as WithTooltip,ma as WithTooltipPure,ca as Zoom,Ta as codeCommon,ba as components,da as createCopyToClipboardFunction,Sa as getStoryHref,Ba as icons,La as interleaveSeparators,Ca as nameSpaceClassNames,Ha as resetComponents,ua as withReset}; +import{f as p,n as i,F as l,$ as m,L as c,h as T,B as b,e as d,m as S,g as B,v as L,u as C,I as H,t as u,X as g,x as y,w as I,b as h,y as k,D as P,a as W,C as A,E as F,T as x,c as D,_ as R,S as f,R as v,O as E,d as M,G as N,i as q,A as w,j as O,P as U,k as Z,l as j,o as z,p as G,q as J,r as K,z as Q,H as V,s as X,J as Y,K as _,M as $,N as aa,Q as sa,U as oa,V as ta,W as ea,Y as ra,Z as na,a0 as pa,a1 as ia,a2 as la,a3 as ma,a4 as ca,a5 as Ta,a6 as ba,a7 as da,a8 as Sa,a9 as Ba,aa as La,ab as Ca,ac as Ha,ad as ua}from"./index-Dm9AUBil.js";import"./iframe-QbsVIPGS.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BcT0yLYp.js";import"./index-DrFu-skq.js";export{p as A,i as ActionBar,l as AddonPanel,m as Badge,c as Bar,T as Blockquote,b as Button,d as ClipboardCode,S as Code,B as DL,L as Div,C as DocumentWrapper,H as EmptyTabContent,u as ErrorFormatter,g as FlexBar,y as Form,I as H1,h as H2,k as H3,P as H4,W as H5,A as H6,F as HR,x as IconButton,D as IconButtonSkeleton,R as Icons,f as Img,v as LI,E as Link,M as ListItem,N as Loader,q as Modal,w as OL,O as P,U as Placeholder,Z as Pre,j as ResetWrapper,z as ScrollArea,G as Separator,J as Spaced,K as Span,Q as StorybookIcon,V as StorybookLogo,X as Symbols,Y as SyntaxHighlighter,_ as TT,$ as TabBar,aa as TabButton,sa as TabWrapper,oa as Table,ta as Tabs,ea as TabsState,ra as TooltipLinkList,na as TooltipMessage,pa as TooltipNote,ia as UL,la as WithTooltip,ma as WithTooltipPure,ca as Zoom,Ta as codeCommon,ba as components,da as createCopyToClipboardFunction,Sa as getStoryHref,Ba as icons,La as interleaveSeparators,Ca as nameSpaceClassNames,Ha as resetComponents,ua as withReset}; diff --git a/assets/index-D5yyLIFc.js b/assets/index-rg8CTdVm.js similarity index 99% rename from assets/index-D5yyLIFc.js rename to assets/index-rg8CTdVm.js index 37e9bde89..4a8fe2623 100644 --- a/assets/index-D5yyLIFc.js +++ b/assets/index-rg8CTdVm.js @@ -1,4 +1,4 @@ -import"./index-CVRBhaZR.js";import{s as N,g as _}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as $,H,c as U,h as v}from"./index-BZ0rSFNp.js";import{f as M,i as Z,s as P,a as q,v as B}from"./utils-CfiMcpfY.js";import{c as K,g as V}from"./_commonjsHelpers-Cpj98o6Y.js";import{Z as f,R as G,g as X}from"./index-JHKFBkCx.js";var W={exports:{}};(function(a,p){(function(l,m){a.exports=m()})(K,function(){/*! ***************************************************************************** +import"./index-SGHLPHNW.js";import{s as N,g as _}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as $,H,c as U,h as v}from"./index-BZ0rSFNp.js";import{f as M,i as Z,s as P,a as q,v as B}from"./utils-CfiMcpfY.js";import{c as K,g as V}from"./_commonjsHelpers-Cpj98o6Y.js";import{Z as f,R as G,g as X}from"./index-JHKFBkCx.js";var W={exports:{}};(function(a,p){(function(l,m){a.exports=m()})(K,function(){/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any @@ -11,4 +11,4 @@ import"./index-CVRBhaZR.js";import{s as N,g as _}from"./chunk-L4EGOTBX-lo-pZyle. LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. - ***************************************************************************** */var l=function(){return l=Object.assign||function(i){for(var t,o=1,g=arguments.length;ot.config.maxDate&&(e=t.config.maxDate),t.currentYear=e.getFullYear()),t.currentYearElement.value=String(t.currentYear),t.rContainer){var r=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month");r.forEach(function(n){n.dateObj.setFullYear(t.currentYear),t.config.minDate&&n.dateObjt.config.maxDate?n.classList.add("flatpickr-disabled"):n.classList.remove("flatpickr-disabled")})}b()}function S(e){e.preventDefault(),e.stopPropagation();var r=u(e);if(r instanceof Element&&!r.classList.contains("flatpickr-disabled")&&!r.classList.contains("notAllowed")&&(z(r.dateObj),t.config.closeOnSelect)){var n=t.config.mode==="single",d=t.config.mode==="range"&&t.selectedDates.length===2;(n||d)&&t.close()}}function z(e){var r=new Date(t.currentYear,e.getMonth(),e.getDate()),n=[];switch(t.config.mode){case"single":n=[r];break;case"multiple":n.push(r);break;case"range":t.selectedDates.length===2?n=[r]:(n=t.selectedDates.concat([r]),n.sort(function(d,C){return d.getTime()-C.getTime()}));break}t.setDate(n,!0),b()}var I={37:-1,39:1,40:3,38:-3};function F(e,r,n,d){var C=I[d.keyCode]!==void 0;if(!(!C&&d.keyCode!==13)&&!(!t.rContainer||!o.monthsContainer)){var j=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),R=Array.prototype.indexOf.call(o.monthsContainer.children,document.activeElement);if(R===-1){var T=j||o.monthsContainer.firstElementChild;T.focus(),R=T.$i}C?o.monthsContainer.children[(12+R+I[d.keyCode])%12].focus():d.keyCode===13&&o.monthsContainer.contains(document.activeElement)&&z(document.activeElement.dateObj)}}function E(){var e;((e=t.config)===null||e===void 0?void 0:e.mode)==="range"&&t.selectedDates.length===1&&t.clear(!1),t.selectedDates.length||h()}function L(){i._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(i._stubbedCurrentMonth),t.currentMonth=i._stubbedCurrentMonth}function A(){i._stubbedCurrentMonth&&(t._initialDate.setMonth(i._stubbedCurrentMonth),t.currentMonth=i._stubbedCurrentMonth,delete i._stubbedCurrentMonth)}function O(){if(o.monthsContainer!==null)for(var e=o.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month"),r=0;rdiv>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:flex !important;width:fill-available;height:calc(var(--space-unit) * 6);align-items:baseline;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;align-items:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:flex;height:calc(var(--space-unit) * 5.5) !important;align-items:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:flex;gap:16px}',at=class extends H{constructor(){super(),this.__registerHost(),this.dateSelect=U(this,"dateSelect",7),this.datePickerId=void 0,this.ariaLabel="",this.label=void 0,this.mode=f.DATE,this.flatpickrPosition=G.BOTTOM,this.inputError=!1}emitDateSelect(a){this.dateSelect.emit(a)}handleKeyDown(a){var p,l,m,k,u,y,w;if(a.key==="Escape"&&((p=this.picker)===null||p===void 0||p.close()),a.key==="Enter"||a.key===" "){!this.hasChildren&&((l=this.picker)===null||l===void 0||l.open()),document.activeElement.classList.contains("reset-icon")&&(this.inputError=!1,(m=this.picker)===null||m===void 0||m.setDate([]),this.dateSelect.emit(null)),document.activeElement.classList.contains("flatpickr-day");const i=document.activeElement.classList.contains("flatpickr-prev-month"),t=document.activeElement.classList.contains("flatpickr-next-month"),o=i||t;if(o&&a.key===" "&&a.preventDefault(),this.mode===f.MONTHS){if(i&&((k=this.picker)===null||k===void 0||k.changeYear(this.picker.currentYear-1)),t&&((u=this.picker)===null||u===void 0||u.changeYear(this.picker.currentYear+1)),o){const g=this.element.getElementsByClassName("flatpickr-calendar")[0],s=g==null?void 0:g.querySelectorAll(".flatpickr-monthSelect-month");s==null||s.forEach(h=>{var x;h.setAttribute("aria-label",`${h.innerHTML} ${(x=this.picker)===null||x===void 0?void 0:x.currentYear}`)}),s&&Array.from(s).forEach((h,x)=>{var b;const D=new Date().getMonth(),S=new Date().getFullYear();x===D&&(((b=this.picker)===null||b===void 0?void 0:b.currentYear)===S?h.setAttribute("class","flatpickr-monthSelect-month today"):h.setAttribute("class","flatpickr-monthSelect-month"))})}}else i&&((y=this.picker)===null||y===void 0||y.changeMonth(-1)),t&&((w=this.picker)===null||w===void 0||w.changeMonth(1))}}componentWillLoad(){const a=this.element.querySelector("[slot=toggle]");this.hasChildren=!!a,this.hasChildren&&a.setAttribute("data-toggle","data-toggle")}componentDidLoad(){this.setupPickers()}setupPickers(){const a=this.hasChildren?`${this.datePickerId}-hidden`:`${this.datePickerId}-container`;this.picker=M(`.${a}`,{appendTo:this.element.children[0],enableTime:this.mode===f.DATE_TIME,locale:Z.Italian,allowInput:!0,dateFormat:this.mode===f.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===f.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:!0,onChange:(p,l)=>{this.emitDateSelect(l)},onOpen:()=>{P(this.element,this.mode),this.flatpickrPosition=q(this.element,this.mode)},onKeyDown:()=>{P(this.element,this.mode)},wrap:!0,plugins:this.mode===f.MONTHS&&[Q({dateFormat:"m-Y",altFormat:"m-Y"})]}),this.element.querySelectorAll(".flatpickr-weekday").forEach(p=>{p.innerHTML=p.innerHTML.trim().charAt(0)})}formatDate(a){return this.mode===f.DATE?`${M.formatDate(a,"d-m-Y")}`:this.mode===f.MONTHS?`${M.formatDate(a,"m-Y")}`:`${M.formatDate(a,"d-m-Y - H:i")}`}onStopTyping(a){let p=a.detail.value;this.mode===f.MONTHS&&(p="01-".concat(a.detail.value));const l=p.split("-"),m=this.mode===f.DATE_TIME?`T${l[3]}:00`:"",k=`${l[2]}-${l[1]}-${l[0]}${m}`.split(" ").join(""),u=B(k,this.mode===f.DATE_TIME);p===""?(this.inputError=!1,this.picker.setDate([]),this.dateSelect.emit(null)):u?u&&(this.inputError=!1,this.picker.setDate([a.detail.value]),this.dateSelect.emit(this.formatDate(new Date(k)))):(this.inputError=!0,this.dateSelect.emit(null))}renderSlottedContent(){return v("div",{class:`${this.datePickerId}-hidden`},v("input",{class:"hidden-input","data-input":!0}),v("slot",{name:"toggle"}))}renderZInput(){return v("div",{class:`${this.datePickerId}-container`},v("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:X.TEXT,icon:"event",message:!1,tabindex:"0",value:"",onStopTyping:a=>{this.onStopTyping(a)},onStartTyping:()=>{this.inputError=!1}}))}render(){return v("div",{key:"0b678a3d1e7c75686e043c7a5541b28ebbf446ca",class:{"flatpickr-toggle-container":!0,[this.flatpickrPosition]:!0,[this.mode]:!0}},this.hasChildren?this.renderSlottedContent():this.renderZInput())}get element(){return this}static get watchers(){return{mode:["setupPickers"]}}static get style(){return rt}};$(at,[4,"z-date-picker",{datePickerId:[1,"date-picker-id"],ariaLabel:[1,"aria-label"],label:[1],mode:[8],flatpickrPosition:[32],inputError:[32]},[[18,"keydown","handleKeyDown"]],{mode:["setupPickers"]}]);const Y={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZDatePicker",tagName:"z-date-picker",customElement:!0,members:[{kind:"field",name:"datePickerId",type:"string",description:"unique id"},{kind:"field",name:"ariaLabel",type:"string",description:"z-input aria label",default:'""'},{kind:"field",name:"label",type:"string",description:"z-input label"},{kind:"field",name:"mode",type:"any",description:"[Optional] datepicker mode: date, datetime, only months",default:"ZDatePickerMode.DATE"}],events:[{kind:"event",name:"dateSelect",description:"emitted when date changes, returns selected date"}]}],exports:[{kind:"js",name:"ZDatePicker",declaration:{name:"ZDatePicker",module:"src/components/date-picker/z-date-picker/index.tsx"}},{kind:"custom-element-definition",name:"z-date-picker",declaration:{name:"ZDatePicker",module:"src/components/date-picker/z-date-picker/index.tsx"}}]}]};N({..._()||{},...Y,modules:[...(_()||{}).modules||[],...Y.modules]}); + ***************************************************************************** */var l=function(){return l=Object.assign||function(i){for(var t,o=1,g=arguments.length;ot.config.maxDate&&(e=t.config.maxDate),t.currentYear=e.getFullYear()),t.currentYearElement.value=String(t.currentYear),t.rContainer){var r=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month");r.forEach(function(n){n.dateObj.setFullYear(t.currentYear),t.config.minDate&&n.dateObjt.config.maxDate?n.classList.add("flatpickr-disabled"):n.classList.remove("flatpickr-disabled")})}b()}function S(e){e.preventDefault(),e.stopPropagation();var r=u(e);if(r instanceof Element&&!r.classList.contains("flatpickr-disabled")&&!r.classList.contains("notAllowed")&&(z(r.dateObj),t.config.closeOnSelect)){var n=t.config.mode==="single",d=t.config.mode==="range"&&t.selectedDates.length===2;(n||d)&&t.close()}}function z(e){var r=new Date(t.currentYear,e.getMonth(),e.getDate()),n=[];switch(t.config.mode){case"single":n=[r];break;case"multiple":n.push(r);break;case"range":t.selectedDates.length===2?n=[r]:(n=t.selectedDates.concat([r]),n.sort(function(d,C){return d.getTime()-C.getTime()}));break}t.setDate(n,!0),b()}var I={37:-1,39:1,40:3,38:-3};function F(e,r,n,d){var C=I[d.keyCode]!==void 0;if(!(!C&&d.keyCode!==13)&&!(!t.rContainer||!o.monthsContainer)){var j=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),R=Array.prototype.indexOf.call(o.monthsContainer.children,document.activeElement);if(R===-1){var T=j||o.monthsContainer.firstElementChild;T.focus(),R=T.$i}C?o.monthsContainer.children[(12+R+I[d.keyCode])%12].focus():d.keyCode===13&&o.monthsContainer.contains(document.activeElement)&&z(document.activeElement.dateObj)}}function E(){var e;((e=t.config)===null||e===void 0?void 0:e.mode)==="range"&&t.selectedDates.length===1&&t.clear(!1),t.selectedDates.length||h()}function L(){i._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(i._stubbedCurrentMonth),t.currentMonth=i._stubbedCurrentMonth}function A(){i._stubbedCurrentMonth&&(t._initialDate.setMonth(i._stubbedCurrentMonth),t.currentMonth=i._stubbedCurrentMonth,delete i._stubbedCurrentMonth)}function O(){if(o.monthsContainer!==null)for(var e=o.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month"),r=0;rdiv>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:flex !important;width:fill-available;height:calc(var(--space-unit) * 6);align-items:baseline;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;align-items:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:flex;height:calc(var(--space-unit) * 5.5) !important;align-items:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:flex;gap:16px}',at=class extends H{constructor(){super(),this.__registerHost(),this.dateSelect=U(this,"dateSelect",7),this.datePickerId=void 0,this.ariaLabel="",this.label=void 0,this.mode=f.DATE,this.flatpickrPosition=G.BOTTOM,this.inputError=!1}emitDateSelect(a){this.dateSelect.emit(a)}handleKeyDown(a){var p,l,m,k,u,y,w;if(a.key==="Escape"&&((p=this.picker)===null||p===void 0||p.close()),a.key==="Enter"||a.key===" "){!this.hasChildren&&((l=this.picker)===null||l===void 0||l.open()),document.activeElement.classList.contains("reset-icon")&&(this.inputError=!1,(m=this.picker)===null||m===void 0||m.setDate([]),this.dateSelect.emit(null)),document.activeElement.classList.contains("flatpickr-day");const i=document.activeElement.classList.contains("flatpickr-prev-month"),t=document.activeElement.classList.contains("flatpickr-next-month"),o=i||t;if(o&&a.key===" "&&a.preventDefault(),this.mode===f.MONTHS){if(i&&((k=this.picker)===null||k===void 0||k.changeYear(this.picker.currentYear-1)),t&&((u=this.picker)===null||u===void 0||u.changeYear(this.picker.currentYear+1)),o){const g=this.element.getElementsByClassName("flatpickr-calendar")[0],s=g==null?void 0:g.querySelectorAll(".flatpickr-monthSelect-month");s==null||s.forEach(h=>{var x;h.setAttribute("aria-label",`${h.innerHTML} ${(x=this.picker)===null||x===void 0?void 0:x.currentYear}`)}),s&&Array.from(s).forEach((h,x)=>{var b;const D=new Date().getMonth(),S=new Date().getFullYear();x===D&&(((b=this.picker)===null||b===void 0?void 0:b.currentYear)===S?h.setAttribute("class","flatpickr-monthSelect-month today"):h.setAttribute("class","flatpickr-monthSelect-month"))})}}else i&&((y=this.picker)===null||y===void 0||y.changeMonth(-1)),t&&((w=this.picker)===null||w===void 0||w.changeMonth(1))}}componentWillLoad(){const a=this.element.querySelector("[slot=toggle]");this.hasChildren=!!a,this.hasChildren&&a.setAttribute("data-toggle","data-toggle")}componentDidLoad(){this.setupPickers()}setupPickers(){const a=this.hasChildren?`${this.datePickerId}-hidden`:`${this.datePickerId}-container`;this.picker=M(`.${a}`,{appendTo:this.element.children[0],enableTime:this.mode===f.DATE_TIME,locale:Z.Italian,allowInput:!0,dateFormat:this.mode===f.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===f.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:!0,onChange:(p,l)=>{this.emitDateSelect(l)},onOpen:()=>{P(this.element,this.mode),this.flatpickrPosition=q(this.element,this.mode)},onKeyDown:()=>{P(this.element,this.mode)},wrap:!0,plugins:this.mode===f.MONTHS&&[Q({dateFormat:"m-Y",altFormat:"m-Y"})]}),this.element.querySelectorAll(".flatpickr-weekday").forEach(p=>{p.innerHTML=p.innerHTML.trim().charAt(0)})}formatDate(a){return this.mode===f.DATE?`${M.formatDate(a,"d-m-Y")}`:this.mode===f.MONTHS?`${M.formatDate(a,"m-Y")}`:`${M.formatDate(a,"d-m-Y - H:i")}`}onStopTyping(a){let p=a.detail.value;this.mode===f.MONTHS&&(p="01-".concat(a.detail.value));const l=p.split("-"),m=this.mode===f.DATE_TIME?`T${l[3]}:00`:"",k=`${l[2]}-${l[1]}-${l[0]}${m}`.split(" ").join(""),u=B(k,this.mode===f.DATE_TIME);p===""?(this.inputError=!1,this.picker.setDate([]),this.dateSelect.emit(null)):u?u&&(this.inputError=!1,this.picker.setDate([a.detail.value]),this.dateSelect.emit(this.formatDate(new Date(k)))):(this.inputError=!0,this.dateSelect.emit(null))}renderSlottedContent(){return v("div",{class:`${this.datePickerId}-hidden`},v("input",{class:"hidden-input","data-input":!0}),v("slot",{name:"toggle"}))}renderZInput(){return v("div",{class:`${this.datePickerId}-container`},v("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:X.TEXT,icon:"event",message:!1,tabindex:"0",value:"",onStopTyping:a=>{this.onStopTyping(a)},onStartTyping:()=>{this.inputError=!1}}))}render(){return v("div",{key:"8b258df84503e0e2c40ab6fd9db355bdf6f8d1fa",class:{"flatpickr-toggle-container":!0,[this.flatpickrPosition]:!0,[this.mode]:!0}},this.hasChildren?this.renderSlottedContent():this.renderZInput())}get element(){return this}static get watchers(){return{mode:["setupPickers"]}}static get style(){return rt}};$(at,[4,"z-date-picker",{datePickerId:[1,"date-picker-id"],ariaLabel:[1,"aria-label"],label:[1],mode:[8],flatpickrPosition:[32],inputError:[32]},[[18,"keydown","handleKeyDown"]],{mode:["setupPickers"]}]);const Y={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZDatePicker",tagName:"z-date-picker",customElement:!0,members:[{kind:"field",name:"datePickerId",type:"string",description:"unique id"},{kind:"field",name:"ariaLabel",type:"string",description:"z-input aria label",default:'""'},{kind:"field",name:"label",type:"string",description:"z-input label"},{kind:"field",name:"mode",type:"any",description:"[Optional] datepicker mode: date, datetime, only months",default:"ZDatePickerMode.DATE"}],events:[{kind:"event",name:"dateSelect",description:"emitted when date changes, returns selected date"}]}],exports:[{kind:"js",name:"ZDatePicker",declaration:{name:"ZDatePicker",module:"src/components/date-picker/z-date-picker/index.tsx"}},{kind:"custom-element-definition",name:"z-date-picker",declaration:{name:"ZDatePicker",module:"src/components/date-picker/z-date-picker/index.tsx"}}]}]};N({..._()||{},...Y,modules:[...(_()||{}).modules||[],...Y.modules]}); diff --git a/assets/index.stories-CTEcBlTG.js b/assets/index.stories-6z1QvSRU.js similarity index 99% rename from assets/index.stories-CTEcBlTG.js rename to assets/index.stories-6z1QvSRU.js index 0372d3c5b..91e2c7442 100644 --- a/assets/index.stories-CTEcBlTG.js +++ b/assets/index.stories-6z1QvSRU.js @@ -1,4 +1,4 @@ -import{x as l}from"./lit-element-DGXdXVoE.js";import{o as q}from"./style-map-DWZVjDvr.js";import{A as t,C as d}from"./index-JHKFBkCx.js";import{I as y}from"./index-BpZkdoDR.js";import{a as i}from"./storybook-utils-DAVCxM-F.js";import"./index-hkZtMIom.js";import"./index-BZojyqD0.js";import"./directive-CF8sV3Lr.js";import"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import"./index-DrFu-skq.js";import"./index-BZ0rSFNp.js";const a={"--z-accordion-bg":i(!0),"--z-accordion-label-color":i(!0),"--z-accordion-disabled-label-color":{...i(!0),if:{arg:"isDisabled",truthy:!0}},"--z-accordion-content-bg":i(!0),"--z-accordion-content-fg":i(!0),"--z-accordion-hover-color":i(!0),"--z-accordion-highlight-color":{...i(!0),if:{arg:"highlight",truthy:!0}}},e={title:"ZAccordion",component:"z-accordion",argTypes:{...a,icon:{options:[null,...Object.keys(y).sort()],control:{type:"select",labels:{null:"—"}}},shadow:{if:{arg:"variant",eq:t.BACKGROUND}},size:{options:Object.values(d),control:{type:"inline-radio"}},variant:{options:Object.values(t),control:{type:"inline-radio"}}},args:{"--z-accordion-bg":null,"--z-accordion-label-color":null,"--z-accordion-disabled-label-color":null,"--z-accordion-content-bg":null,"--z-accordion-content-fg":null,"--z-accordion-hover-color":null,"--z-accordion-highlight-color":null,"--z-accordion-right-padding":"var(--space-unit)","--z-accordion-left-padding":"calc(var(--space-unit) * 2)","--z-accordion-label-font-weight":"var(--font-sb)",highlight:!1,icon:null,isDisabled:!1,label:"Text label",open:!1,shadow:!0,size:d.BIG,variant:t.DEFAULT},render:o=>l`l`this.isMobile=_.matches}componentDidLoad(){this.handleResources()}handleResources(){var o;this.variant!==a.EXPANDED||!this.isMobile||(this.hasResources=((o=this.hostElement.querySelectorAll("[slot=resources]"))===null||o===void 0?void 0:o.length)>0)}toggleResources(){this.showResources=!this.showResources}renderCard(){switch(this.variant){case a.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case a.COMPACT:return this.renderCompactCard();case a.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return r("div",{class:"wrapper"},this.renderCover(),r("div",{class:"content"},r("div",{class:"top"},r("div",{class:"info"},r("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),r("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),r("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return r("div",{class:"wrapper"},r("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),r("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&r("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return r("div",{class:"wrapper-container"},r("div",{class:"wrapper"},r("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),r("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return r("div",{class:"wrapper"},this.renderCover(),r("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return r("div",{class:"cover"},this.ribbon&&this.variant!==a.COMPACT&&this.renderRibbon(),r("div",{class:"img-wrapper"},r("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const o=[this.ribbonIcon&&r("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),r("span",null,this.ribbon)];return this.ribbonInteractive?r("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},o):r("div",{class:"ribbon"},o)}renderOperaTitle(){const o=this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}`:this.operaTitle;return r("div",{class:"title",innerHTML:o})}renderVolumeTitle(){return this.volumeTitle?r("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?r("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?r("div",{class:"isbn"},r("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?r("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return r("button",{class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources()},this.showResources?"Chiudi":"Vedi tutto",r("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return r("div",{class:"tags"},r("slot",{name:"tags"}))}renderHeaderCtaSlot(){return r("slot",{name:"header-cta"})}renderResourcesSlot(){return r("div",{id:`resources-${this.id}`,class:"resources"},r("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return r("div",{class:"action-container"},r("slot",{name:"footer-cta"}))}render(){return r("article",{key:"a4d96258503e33aaa31da02cad36447de7aeb1c3",class:{[this.variant]:!0,borderless:!!this.borderless}},this.renderCard())}get hostElement(){return this}static get style(){return X}};G(U,[1,"z-book-card",{variant:[8],cover:[1],operaTitle:[1,"opera-title"],volumeTitle:[1,"volume-title"],authors:[1],isbn:[1],isbnLabel:[1,"isbn-label"],ribbon:[1],ribbonIcon:[1,"ribbon-icon"],ribbonInteractive:[4,"ribbon-interactive"],borderless:[4],fallbackCover:[1,"fallback-cover"],operaTitleTag:[1,"opera-title-tag"],isMobile:[32],hasResources:[32],showResources:[32]}]);const m={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZBookCard",tagName:"z-book-card",customElement:!0,members:[{kind:"field",name:"variant",type:"any",description:"Card variant: expanded, compact, search"},{kind:"field",name:"cover",type:"string",description:"Cover URL"},{kind:"field",name:"operaTitle",type:"string",description:"Card main title"},{kind:"field",name:"volumeTitle",type:"string",description:"[optional] Card subtitle"},{kind:"field",name:"authors",type:"string",description:"[optional] Authors"},{kind:"field",name:"isbn",type:"string",description:"[optional] Main ISBN"},{kind:"field",name:"isbnLabel",type:"string",description:"[optional] ISBN label",default:'""'},{kind:"field",name:"ribbon",type:"string",description:"[optional] Ribbon label - expanded and search variant only"},{kind:"field",name:"ribbonIcon",type:"string",description:"[optional] Ribbon icon - expanded and search variant only"},{kind:"field",name:"ribbonInteractive",type:"boolean",description:"[optional] Ribbon interactive - expanded and search variant only"},{kind:"field",name:"borderless",type:"boolean",description:"[optional] Borderless card - compact variant only"},{kind:"field",name:"fallbackCover",type:"string",description:"[optional] Fallback cover URL"},{kind:"field",name:"operaTitleTag",type:"string",description:"[optional] [accessibility] Card title HTML tag"}],events:[{kind:"event",name:"ribbonClick",description:"click on interactive ribbon"}],cssProperties:[{name:"--z-book-card-ribbon-background-color",description:"ribbon backgrund color"},{name:"--z-book-card-ribbon-shadow-color",description:"ribbon shadow color"},{name:"--z-book-card-compact-width",description:"compact card custom width"},{name:"--z-book-card-compact-height",description:"compact card custom height"}],slots:[{name:"resources",description:"books resources (extended variant only)"},{name:"header-cta",description:"header CTA (e.g. bookmark icon - extended and search variant only)"},{name:"tags",description:"card tags (extended and search variant only)"},{name:"footer-cta",description:"footer cta button (search and compact variant only)"}]}],exports:[{kind:"js",name:"ZBookCard",declaration:{name:"ZBookCard",module:"src/components/z-book-card/index.tsx"}},{kind:"custom-element-definition",name:"z-book-card",declaration:{name:"ZBookCard",module:"src/components/z-book-card/index.tsx"}}]}]};H({...v()||{},...m,modules:[...(v()||{}).modules||[],...m.modules]});const lo={title:"ZBookCard",component:"z-book-card",argTypes:{variant:{control:{type:"inline-radio"},options:Object.values(a)},theme:{control:{type:"inline-radio"},options:["theme-default","theme-dark","theme-black-yellow"]},"--z-book-card-ribbon-background-color":p(),"--z-book-card-ribbon-shadow-color":p()},args:{variant:a.EXPANDED,cover:"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg",operaTitle:"Matematica.azzurro",volumeTitle:"Volume 3 con Tutor",authors:"Massimo Bergamini, Anna Trifone, Graziella Barozzi",isbn:"9788808930552",isbnLabel:"",ribbon:"ADOTTATO",ribbonIcon:"",ribbonInteractive:!1,borderless:!1,fallbackCover:"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg",operaTitleTag:"h1",theme:"theme-default","--z-book-card-ribbon-background-color":"var(--avatar-C08)","--z-book-card-ribbon-shadow-color":"var(--green950)","--z-book-card-compact-width":"262px","--z-book-card-compact-height":"600px"}},i={parameters:{controls:{exclude:["borderless"]}},render:o=>e`this.isMobile=_.matches}componentDidLoad(){this.handleResources()}handleResources(){var o;this.variant!==a.EXPANDED||!this.isMobile||(this.hasResources=((o=this.hostElement.querySelectorAll("[slot=resources]"))===null||o===void 0?void 0:o.length)>0)}toggleResources(){this.showResources=!this.showResources}renderCard(){switch(this.variant){case a.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case a.COMPACT:return this.renderCompactCard();case a.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return r("div",{class:"wrapper"},this.renderCover(),r("div",{class:"content"},r("div",{class:"top"},r("div",{class:"info"},r("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),r("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),r("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return r("div",{class:"wrapper"},r("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),r("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&r("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return r("div",{class:"wrapper-container"},r("div",{class:"wrapper"},r("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),r("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return r("div",{class:"wrapper"},this.renderCover(),r("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return r("div",{class:"cover"},this.ribbon&&this.variant!==a.COMPACT&&this.renderRibbon(),r("div",{class:"img-wrapper"},r("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const o=[this.ribbonIcon&&r("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),r("span",null,this.ribbon)];return this.ribbonInteractive?r("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},o):r("div",{class:"ribbon"},o)}renderOperaTitle(){const o=this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}`:this.operaTitle;return r("div",{class:"title",innerHTML:o})}renderVolumeTitle(){return this.volumeTitle?r("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?r("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?r("div",{class:"isbn"},r("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?r("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return r("button",{class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources()},this.showResources?"Chiudi":"Vedi tutto",r("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return r("div",{class:"tags"},r("slot",{name:"tags"}))}renderHeaderCtaSlot(){return r("slot",{name:"header-cta"})}renderResourcesSlot(){return r("div",{id:`resources-${this.id}`,class:"resources"},r("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return r("div",{class:"action-container"},r("slot",{name:"footer-cta"}))}render(){return r("article",{key:"d8867304a08c4047187035c648315557de7c2c58",class:{[this.variant]:!0,borderless:!!this.borderless}},this.renderCard())}get hostElement(){return this}static get style(){return X}};G(U,[1,"z-book-card",{variant:[8],cover:[1],operaTitle:[1,"opera-title"],volumeTitle:[1,"volume-title"],authors:[1],isbn:[1],isbnLabel:[1,"isbn-label"],ribbon:[1],ribbonIcon:[1,"ribbon-icon"],ribbonInteractive:[4,"ribbon-interactive"],borderless:[4],fallbackCover:[1,"fallback-cover"],operaTitleTag:[1,"opera-title-tag"],isMobile:[32],hasResources:[32],showResources:[32]}]);const m={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZBookCard",tagName:"z-book-card",customElement:!0,members:[{kind:"field",name:"variant",type:"any",description:"Card variant: expanded, compact, search"},{kind:"field",name:"cover",type:"string",description:"Cover URL"},{kind:"field",name:"operaTitle",type:"string",description:"Card main title"},{kind:"field",name:"volumeTitle",type:"string",description:"[optional] Card subtitle"},{kind:"field",name:"authors",type:"string",description:"[optional] Authors"},{kind:"field",name:"isbn",type:"string",description:"[optional] Main ISBN"},{kind:"field",name:"isbnLabel",type:"string",description:"[optional] ISBN label",default:'""'},{kind:"field",name:"ribbon",type:"string",description:"[optional] Ribbon label - expanded and search variant only"},{kind:"field",name:"ribbonIcon",type:"string",description:"[optional] Ribbon icon - expanded and search variant only"},{kind:"field",name:"ribbonInteractive",type:"boolean",description:"[optional] Ribbon interactive - expanded and search variant only"},{kind:"field",name:"borderless",type:"boolean",description:"[optional] Borderless card - compact variant only"},{kind:"field",name:"fallbackCover",type:"string",description:"[optional] Fallback cover URL"},{kind:"field",name:"operaTitleTag",type:"string",description:"[optional] [accessibility] Card title HTML tag"}],events:[{kind:"event",name:"ribbonClick",description:"click on interactive ribbon"}],cssProperties:[{name:"--z-book-card-ribbon-background-color",description:"ribbon backgrund color"},{name:"--z-book-card-ribbon-shadow-color",description:"ribbon shadow color"},{name:"--z-book-card-compact-width",description:"compact card custom width"},{name:"--z-book-card-compact-height",description:"compact card custom height"}],slots:[{name:"resources",description:"books resources (extended variant only)"},{name:"header-cta",description:"header CTA (e.g. bookmark icon - extended and search variant only)"},{name:"tags",description:"card tags (extended and search variant only)"},{name:"footer-cta",description:"footer cta button (search and compact variant only)"}]}],exports:[{kind:"js",name:"ZBookCard",declaration:{name:"ZBookCard",module:"src/components/z-book-card/index.tsx"}},{kind:"custom-element-definition",name:"z-book-card",declaration:{name:"ZBookCard",module:"src/components/z-book-card/index.tsx"}}]}]};H({...v()||{},...m,modules:[...(v()||{}).modules||[],...m.modules]});const lo={title:"ZBookCard",component:"z-book-card",argTypes:{variant:{control:{type:"inline-radio"},options:Object.values(a)},theme:{control:{type:"inline-radio"},options:["theme-default","theme-dark","theme-black-yellow","theme-red"]},"--z-book-card-ribbon-background-color":p(),"--z-book-card-ribbon-shadow-color":p()},args:{variant:a.EXPANDED,cover:"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg",operaTitle:"Matematica.azzurro",volumeTitle:"Volume 3 con Tutor",authors:"Massimo Bergamini, Anna Trifone, Graziella Barozzi",isbn:"9788808930552",isbnLabel:"",ribbon:"ADOTTATO",ribbonIcon:"",ribbonInteractive:!1,borderless:!1,fallbackCover:"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg",operaTitleTag:"h1",theme:"theme-default","--z-book-card-ribbon-background-color":"var(--avatar-C08)","--z-book-card-ribbon-shadow-color":"var(--green950)","--z-book-card-compact-width":"262px","--z-book-card-compact-height":"600px"}},i={parameters:{controls:{exclude:["borderless"]}},render:o=>e`o` +import{x as o}from"./lit-element-DGXdXVoE.js";import"./index-Cw-PSUvi.js";import"./index-CNp1b5G2.js";import"./index-BpZkdoDR.js";import"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import"./index-DrFu-skq.js";import"./index-BZ0rSFNp.js";import"./index-JHKFBkCx.js";import"./index-Cqh0jnJE.js";import"./utils-CCzSlYCN.js";import"./breakpoints-p3CVLX0Q.js";const x={title:"Snowflakes/MyzCard/ZMyzCardInfo",component:"z-myz-card-info"},a={render:()=>o` diff --git a/assets/index.stories-tDnPZrGP.js b/assets/index.stories-BTJ5YnlE.js similarity index 99% rename from assets/index.stories-tDnPZrGP.js rename to assets/index.stories-BTJ5YnlE.js index 435c7c40f..08edea720 100644 --- a/assets/index.stories-tDnPZrGP.js +++ b/assets/index.stories-BTJ5YnlE.js @@ -1,4 +1,4 @@ -import{x as T}from"./lit-element-DGXdXVoE.js";import"./index-BpZkdoDR.js";import"./index-CVRBhaZR.js";import"./index-Cw-PSUvi.js";import{s as E,g}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as M,H as _,c as B,h as e,a as p}from"./index-BZ0rSFNp.js";import{g as c}from"./index-JHKFBkCx.js";import"./index-CVMFEM3F.js";import"./utils-CCzSlYCN.js";import"./breakpoints-p3CVLX0Q.js";import"./index-DrFu-skq.js";const $=`z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out, +import{x as T}from"./lit-element-DGXdXVoE.js";import"./index-BpZkdoDR.js";import"./index-SGHLPHNW.js";import"./index-Cw-PSUvi.js";import{s as E,g}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as M,H as _,c as B,h as e,a as p}from"./index-BZ0rSFNp.js";import{g as c}from"./index-JHKFBkCx.js";import"./index-6DVFO8oc.js";import"./utils-CCzSlYCN.js";import"./breakpoints-p3CVLX0Q.js";import"./index-DrFu-skq.js";const $=`z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out, color 0.15s ease-out, border-bottom-color 0.15s ease-out, font-size 0.15s ease-in-out, diff --git a/assets/index.stories-BmaN0fFW.js b/assets/index.stories-BTcEy4fX.js similarity index 97% rename from assets/index.stories-BmaN0fFW.js rename to assets/index.stories-BTcEy4fX.js index 869dd2495..2924f3e8b 100644 --- a/assets/index.stories-BmaN0fFW.js +++ b/assets/index.stories-BTcEy4fX.js @@ -1,4 +1,4 @@ -import{x as a}from"./lit-element-DGXdXVoE.js";import{i as d}from"./index-JHKFBkCx.js";import{a as p}from"./storybook-utils-DAVCxM-F.js";import"./index-BAXVqPNL.js";import"./index-D5SXTw8i.js";import"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import"./index-DrFu-skq.js";import"./index-BZ0rSFNp.js";const $={title:"ZSectionTitle",component:"z-section-title",argTypes:{dividerPosition:{options:Object.values(d),control:{type:"inline-radio"}},"--z-section-title--divider-color":p()},args:{uppercase:!0,"--z-section-title--divider-color":"var(--red500)"}},i={args:{dividerPosition:d.BEFORE},render:e=>a` +import{x as a}from"./lit-element-DGXdXVoE.js";import{i as d}from"./index-JHKFBkCx.js";import{a as p}from"./storybook-utils-DAVCxM-F.js";import"./index-CLKrh224.js";import"./index-BIo1aSLD.js";import"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import"./index-DrFu-skq.js";import"./index-BZ0rSFNp.js";const $={title:"ZSectionTitle",component:"z-section-title",argTypes:{dividerPosition:{options:Object.values(d),control:{type:"inline-radio"}},"--z-section-title--divider-color":p()},args:{uppercase:!0,"--z-section-title--divider-color":"var(--red500)"}},i={args:{dividerPosition:d.BEFORE},render:e=>a` {this._stuck=!e.isIntersecting},{threshold:.5}),this.stuck=!1,this.hero=void 0,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.enableSearch=!1,this.searchPlaceholder="Cerca",this.searchString="",this.searchPageUrl=void 0,this._stuck=!1,this.currentViewport="mobile",this.menuLength=void 0,this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements=this.collectMenuElements.bind(this)}evaluateViewport(){window.innerWidth<768?this.currentViewport="mobile":window.innerWidth>=768&&window.innerWidth<1152?this.currentViewport="tablet":this.currentViewport="desktop"}onStuck(){this.scrollParent&&this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0)return;this.menuElements.forEach(r=>{r.open=!1,r.floating=!this.drawerOpen,r.verticalContext=this.drawerOpen})}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e===null?"":e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}get canShowMenu(){return this.flow!=="offcanvas"&&this.currentViewport!=="mobile"&&!this.drawerOpen}get canShowSearchbar(){return this.enableSearch?this.searchPageUrl?this.currentViewport==="desktop":!0:!1}get hasHero(){return!!this.hero||this.hostElement.querySelector("[slot=hero]")!==null}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this._stuck=!1,this.observer&&this.observer.unobserve(this.container)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}renderSearchLinkButton(){return!this.enableSearch||!this.searchPageUrl||this.currentViewport==="desktop"?null:a("z-button",{class:"search-page-button",variant:v.SECONDARY,href:this.searchPageUrl,icon:"search",size:w.X_SMALL})}renderSeachbar(e){return a("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:!0,searchButtonIconOnly:e,size:w.X_SMALL,variant:v.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:r=>this.searchString=r.detail})}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.evaluateViewport()}render(){return a(pe,{key:"41c218662ac540d5911bad43aea39ace96bed5a8","menu-length":this.menuLength},this.hasHero&&a("div",{key:"6ceb60c49c4a102274ac733acf116755a266e434",class:"hero-container"},a("slot",{key:"f0114a1f91959ca974666f97b810c96bc6ce884c",name:"hero"},this.hero&&a("img",{key:"be150983fd314a3ee2acd041b282e8582d057472",alt:"",src:this.hero}))),a("div",{key:"83f3fb7fc2df36c67dfbcf85985f0ecad533f274",class:"heading-panel",ref:e=>this.container=e},a("div",{key:"2abdecb95350d52e6751aa603193efdc62d4efb2",class:"heading-container"},a("div",{key:"c96992f2129918594536301b9e764e4b86b77619",class:"heading-subtitle"},a("slot",{key:"6369152a3c039cd021b1f957a9f8a18819d120e5",name:"top-subtitle"})),a("div",{key:"91df391a23f57ea28bc59f2f72ac56fbb1e8bdfa",class:"heading-title"},this.menuLength>0&&a("button",{key:"2cc48c900ac0ad8b9a2937eb50df701c87b8efaa",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{key:"148c71c50bbaaf24b5cb39ffe30752eb77e90ebd",name:"burger-menu"})),a("slot",{key:"651191ab5d291b6a7c9bca0a0e1dfa08d5046e20",name:"title"}),this.renderSearchLinkButton()),a("div",{key:"b9cd4f7dc2de6c85492d9d3a786da5e826842745",class:"heading-subtitle"},a("slot",{key:"346ec628482b33d3c5c0f43dbddbc0596570ec08",name:"subtitle"}))),(this.canShowMenu||this.canShowSearchbar)&&a("div",{key:"d9f44718ef29f43cee0771a423533ff896113d0b",class:"menu-container"},this.canShowMenu&&a("slot",{key:"eb4cb098a77adab3e155ca86a3c7bc7c98d0b5f1",name:"menu",onSlotchange:this.collectMenuElements}),this.canShowSearchbar&&this.renderSeachbar(this.currentViewport!=="desktop"))),a("z-offcanvas",{key:"79b7a7646dc5e9a7384144669bb19491a8075c03",variant:se.OVERLAY,transitiondirection:le.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:e=>this.drawerOpen=e.detail},a("button",{key:"a5c236e0ee34b5d745966b59622f4fd78ea915af",class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},a("z-icon",{key:"643194720e11c67ea19ab8241ecf0012b286385d",name:"close"})),a("div",{key:"0aa030e6097b3c10308f0769fdb09fca66b8a72e",class:"drawer-content",slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`},a("slot",{key:"0abbb9e4f3cedb1771d4bb3b9f8f519ac66782ac",name:"menu",onSlotchange:this.collectMenuElements}))),this._stuck&&a("div",{key:"7780f426d69bd98661b3a9f18a223828a7e345a3",class:"heading-stuck"},a("div",{key:"52d5abc1888830e72dc510960f8a6373df703bb0",class:"heading-stuck-content"},this.menuLength>0&&a("button",{key:"4170ac0dab40f3b57470b2273079009973cf64c5",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{key:"72a623640a2e5cb93657b1a3de449439c84366d8",name:"burger-menu"})),a("div",{key:"b975cc78644f0d0df98144501c5d96912941e255",class:"heading-title"},a("slot",{key:"87665dbca389006aec6a9bb7f823c505340b9af4",name:"stucked-title"},this.title)),this.renderSearchLinkButton(),this.canShowSearchbar&&this.currentViewport==="desktop"&&this.renderSeachbar(!1))))}get hostElement(){return this}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}}static get style(){return de}};oe(me,[1,"z-app-header-deprecated",{stuck:[516],hero:[1],overlay:[516],flow:[513],drawerOpen:[516,"drawer-open"],enableSearch:[516,"enable-search"],searchPlaceholder:[1,"search-placeholder"],searchString:[1025,"search-string"],searchPageUrl:[1,"search-page-url"],_stuck:[32],currentViewport:[32],menuLength:[32]},[[9,"resize","evaluateViewport"]],{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}]);const z={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZAppHeaderDeprecated",tagName:"z-app-header-deprecated",customElement:!0,members:[{kind:"field",name:"stuck",type:"boolean",description:`Stuck mode for the header. +import{x as t}from"./lit-element-DGXdXVoE.js";import"./index-DS2X8r-j.js";import"./index-BM_PXX1V.js";import"./index-Cw-PSUvi.js";import"./index-Cx8NGDXN.js";import"./index-BpZkdoDR.js";import"./index-Jm2ipWMa.js";import{s as ne,g as v}from"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import{d as oe,H as ie,c as he,h as a,a as pe}from"./index-BZ0rSFNp.js";import{B as b,C as w,O as se,m as le}from"./index-JHKFBkCx.js";import"./index-SGHLPHNW.js";import"./index-6DVFO8oc.js";import"./utils-CCzSlYCN.js";import"./breakpoints-p3CVLX0Q.js";import"./index-C87dib6e.js";import"./index-BW87BpV5.js";import"./index-BIo1aSLD.js";import"./index-CA3-KGCF.js";import"./index-C8ELqjGG.js";import"./index-DrFu-skq.js";const de=':host{--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-content-max-width:100%;--app-header-height:auto;--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-surface01);--app-header-stucked-bg:var(--color-surface01);--app-header-text-color:var(--color-default-text);--app-header-title-font-size:var(--app-header-typography-3-size);--app-header-title-lineheight:var(--app-header-typography-3-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-3-tracking);--app-header-stucked-text-color:var(--color-default-text);position:relative;display:block;height:var(--app-header-height);color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5)}.hero-container+.heading-panel{background:transparent}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:flex-start;column-gap:calc(var(--space-unit) * 2)}::slotted([slot="title"]),.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-weight:var(--font-bd)}::slotted([slot="title"]){font-size:var(--app-header-title-font-size);letter-spacing:var(--app-header-title-letter-spacing);line-height:var(--app-header-title-lineheight)}.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking);line-height:var(--app-header-typography-3-lineheight)}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2))}::slotted([slot="top-subtitle"]),::slotted([slot="subtitle"]){margin:0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;line-height:26px}::slotted([slot="subtitle"]){font-weight:500}::slotted([slot="top-subtitle"]){font-weight:400}.menu-container{display:flex;width:100%;flex:1 auto;flex-flow:row wrap}:host([menu-length="0"]:not([enable-search])) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}z-searchbar{z-index:0;display:flex;width:auto;min-width:calc(var(--space-unit) * 32);flex:1 auto;align-items:center;margin-left:auto}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto;column-gap:calc(var(--space-unit) * 2)}.heading-stuck .heading-title{overflow:hidden}.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stuck-content z-button{margin-left:auto}.drawer-trigger{padding:0;border:0;margin:0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.heading-container :is(.drawer-trigger,z-button.search-page-button){display:flex;height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));align-items:center}.heading-container z-button.search-page-button{margin-left:auto}.drawer-content{display:none}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column;row-gap:calc(var(--space-unit) * 2.5)}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu){--z-menu-label-color:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media (min-width: 768px){:host{--app-header-title-font-size:var(--app-header-typography-6-size);--app-header-title-lineheight:var(--app-header-typography-6-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-6-tracking)}.heading-panel{flex-flow:row wrap;align-items:center;padding-bottom:calc(var(--space-unit) * 2)}.heading-container{margin-right:auto}:host(:is([flow="offcanvas"],[menu-length="0"])) :is(.heading-container,.menu-container){width:auto}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}.menu-container{flex:initial;align-items:center}:host([menu-length="0"]) .menu-container:not(:empty){height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight))}:host(:not([flow="offcanvas"])) .menu-container{gap:var(--space-unit) calc(var(--space-unit) * 5)}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}}@media (min-width: 1152px){:host{--app-header-title-font-size:var(--app-header-typography-7-size);--app-header-title-lineheight:var(--app-header-typography-7-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-7-tracking)}.heading-panel{justify-content:flex-start;padding-bottom:calc(var(--space-unit) * 3)}.heading-container,.menu-container{width:auto}:host([flow="stack"]) .heading-panel{flex-flow:column;align-items:flex-start}:host([flow="stack"]) .menu-container{width:100%}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-panel{row-gap:calc(var(--space-unit) * 3)}z-searchbar{min-width:calc(var(--space-unit) * 45);flex:initial}}@media (min-width: 1366px){:host{--app-header-title-font-size:var(--app-header-typography-9-size);--app-header-title-lineheight:var(--app-header-typography-9-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-9-tracking)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}',ce=typeof IntersectionObserver<"u",me=class extends ie{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.sticking=he(this,"sticking",7),this.observer=ce&&new IntersectionObserver(([e])=>{this._stuck=!e.isIntersecting},{threshold:.5}),this.stuck=!1,this.hero=void 0,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.enableSearch=!1,this.searchPlaceholder="Cerca",this.searchString="",this.searchPageUrl=void 0,this._stuck=!1,this.currentViewport="mobile",this.menuLength=void 0,this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements=this.collectMenuElements.bind(this)}evaluateViewport(){window.innerWidth<768?this.currentViewport="mobile":window.innerWidth>=768&&window.innerWidth<1152?this.currentViewport="tablet":this.currentViewport="desktop"}onStuck(){this.scrollParent&&this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0)return;this.menuElements.forEach(r=>{r.open=!1,r.floating=!this.drawerOpen,r.verticalContext=this.drawerOpen})}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e===null?"":e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}get canShowMenu(){return this.flow!=="offcanvas"&&this.currentViewport!=="mobile"&&!this.drawerOpen}get canShowSearchbar(){return this.enableSearch?this.searchPageUrl?this.currentViewport==="desktop":!0:!1}get hasHero(){return!!this.hero||this.hostElement.querySelector("[slot=hero]")!==null}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this._stuck=!1,this.observer&&this.observer.unobserve(this.container)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}renderSearchLinkButton(){return!this.enableSearch||!this.searchPageUrl||this.currentViewport==="desktop"?null:a("z-button",{class:"search-page-button",variant:b.SECONDARY,href:this.searchPageUrl,icon:"search",size:w.X_SMALL})}renderSeachbar(e){return a("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:!0,searchButtonIconOnly:e,size:w.X_SMALL,variant:b.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:r=>this.searchString=r.detail})}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.evaluateViewport()}render(){return a(pe,{key:"1ef0a0f2b70e51aa134297798fb8083e8124312e","menu-length":this.menuLength},this.hasHero&&a("div",{key:"db79d5dd5419642c2e5697f21b0b475ce024a27a",class:"hero-container"},a("slot",{key:"cce899e11a903b76b849ad9e773d99557b4767b3",name:"hero"},this.hero&&a("img",{key:"51d769c988e4a24b6c4c1f2f0b968ce7e3ae9124",alt:"",src:this.hero}))),a("div",{key:"ffd410a0459dfd5b52f72f486773520845af7710",class:"heading-panel",ref:e=>this.container=e},a("div",{key:"7a2cc1d4533f15da7dd7964cc7b9c7e8de4befc5",class:"heading-container"},a("div",{key:"93c26b217f2edc17496773d51fcf784152caed86",class:"heading-subtitle"},a("slot",{key:"969d280b82a37356d95503c7c9b6cf65abda25fa",name:"top-subtitle"})),a("div",{key:"a7b9158e3fac0ba65ade36d4a29ca3709ba0e84e",class:"heading-title"},this.menuLength>0&&a("button",{key:"baaab1127fb8ab259384396211c8858c05f3dd85",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{key:"4b580dd729c0fb466f25a5c5b6d6701cf14fb368",name:"burger-menu"})),a("slot",{key:"6ba0729f108369f2e945645a5fb995c7f27ae93f",name:"title"}),this.renderSearchLinkButton()),a("div",{key:"847c694b1ae6ae2c4ce7d5c00b0a615122cccac4",class:"heading-subtitle"},a("slot",{key:"6301635e3f9ce394ae5dafdfae67b504fb4e700b",name:"subtitle"}))),(this.canShowMenu||this.canShowSearchbar)&&a("div",{key:"60a3ea12662b7641d9809b1009670b093e0bb382",class:"menu-container"},this.canShowMenu&&a("slot",{key:"5ae1484ba19c290a28013c292be8d16a30587be2",name:"menu",onSlotchange:this.collectMenuElements}),this.canShowSearchbar&&this.renderSeachbar(this.currentViewport!=="desktop"))),a("z-offcanvas",{key:"9f43c768effd31df57f1403b52347bfd420e68aa",variant:se.OVERLAY,transitiondirection:le.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:e=>this.drawerOpen=e.detail},a("button",{key:"d79b8d6c25e9d26980b82e2778966ee937072bc9",class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},a("z-icon",{key:"13ea610625abaa32b4d4047b2c960384c2473593",name:"close"})),a("div",{key:"b3eda78dc2ad66012788224ba7442b275af8d6ad",class:"drawer-content",slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`},a("slot",{key:"5a94307f2489ab80e95a9060899a905a14f2aac6",name:"menu",onSlotchange:this.collectMenuElements}))),this._stuck&&a("div",{key:"272b04ad167bc987d8c66717679fdc885dfce6cd",class:"heading-stuck"},a("div",{key:"3930d514020ebf05e707973979296977026004a9",class:"heading-stuck-content"},this.menuLength>0&&a("button",{key:"f2854b3e51adff5fc68d4d3a4ded7204403eb214",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{key:"ee9921a2fa077dd9aba7de065f45a98134c4da0a",name:"burger-menu"})),a("div",{key:"0aff038e59ec3f54f74f13bd5b7ea8508c751852",class:"heading-title"},a("slot",{key:"6c2d077e7b71aa8f3d69be5aeff2ce5fe0cbf78f",name:"stucked-title"},this.title)),this.renderSearchLinkButton(),this.canShowSearchbar&&this.currentViewport==="desktop"&&this.renderSeachbar(!1))))}get hostElement(){return this}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}}static get style(){return de}};oe(me,[1,"z-app-header-deprecated",{stuck:[516],hero:[1],overlay:[516],flow:[513],drawerOpen:[516,"drawer-open"],enableSearch:[516,"enable-search"],searchPlaceholder:[1,"search-placeholder"],searchString:[1025,"search-string"],searchPageUrl:[1,"search-page-url"],_stuck:[32],currentViewport:[32],menuLength:[32]},[[9,"resize","evaluateViewport"]],{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}]);const z={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZAppHeaderDeprecated",tagName:"z-app-header-deprecated",customElement:!0,members:[{kind:"field",name:"stuck",type:"boolean",description:`Stuck mode for the header. You can programmatically set it using an IntersectionObserver.`,default:"false"},{kind:"field",name:"hero",type:"string",description:`Set the hero image source for the header. You can also use a [slot="hero"] node for advanced customization.`},{kind:"field",name:"overlay",type:"boolean",description:`Should place an overlay over the hero image. Useful for legibility purpose.`,default:"false"},{kind:"field",name:"flow",type:"string",description:`Control menu bar position in the header. - auto: the menu bar is positioned near the title - stack: the menu bar is positioned below the title -- offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu`,default:'"auto"'},{kind:"field",name:"drawerOpen",type:"boolean",description:"The opening state of the drawer.",default:"false"},{kind:"field",name:"enableSearch",type:"boolean",description:"Enable the search bar.",default:"false"},{kind:"field",name:"searchPlaceholder",type:"string",description:"Placeholder text for the search bar.",default:'"Cerca"'},{kind:"field",name:"searchString",type:"string",description:"Search string for the search bar.",default:'""'},{kind:"field",name:"searchPageUrl",type:"string",description:"Url to the search page.\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\nThe link will also appear on the sticky header."}],events:[{kind:"event",name:"sticking",description:"Emitted when the `stuck` state of the header changes"}],cssProperties:[{name:"--app-header-typography-1-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`."},{name:"--app-header-typography-2-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`."},{name:"--app-header-typography-3-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`."},{name:"--app-header-typography-4-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`."},{name:"--app-header-typography-5-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`."},{name:"--app-header-typography-6-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`."},{name:"--app-header-typography-7-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`."},{name:"--app-header-typography-8-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`."},{name:"--app-header-typography-9-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`."},{name:"--app-header-typography-10-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`."},{name:"--app-header-typography-11-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`."},{name:"--app-header-typography-12-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`."},{name:"--app-header-typography-1-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`."},{name:"--app-header-typography-2-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`."},{name:"--app-header-typography-3-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`."},{name:"--app-header-typography-4-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`."},{name:"--app-header-typography-5-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`."},{name:"--app-header-typography-6-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`."},{name:"--app-header-typography-7-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`."},{name:"--app-header-typography-8-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`."},{name:"--app-header-typography-9-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`."},{name:"--app-header-typography-10-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`."},{name:"--app-header-typography-11-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`."},{name:"--app-header-typography-12-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`."},{name:"--app-header-typography-1-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`."},{name:"--app-header-typography-2-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`."},{name:"--app-header-typography-3-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`."},{name:"--app-header-typography-4-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`."},{name:"--app-header-typography-5-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`."},{name:"--app-header-typography-6-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`."},{name:"--app-header-typography-7-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`."},{name:"--app-header-typography-8-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`."},{name:"--app-header-typography-9-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`."},{name:"--app-header-typography-10-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`."},{name:"--app-header-typography-11-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`."},{name:"--app-header-typography-12-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`."},{name:"--app-header-content-max-width",description:"Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`."},{name:"--app-header-height",description:"Defaults to `auto`."},{name:"--app-header-top-offset",description:"Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar)."},{name:"--app-header-drawer-trigger-size",description:"The size of the drawer icon. Defaults to `--space-unit * 4`."},{name:"--app-header-bg",description:"Header background color. Defaults to `--color-surface01`."},{name:"--app-header-stucked-bg",description:"Stuck header background color. Defaults to `--color-surface01`."},{name:"--app-header-text-color",description:"Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-default-text`."},{name:"--app-header-title-font-size",description:"Variable to customize the title's font size. NOTE: Only use one of the exported `--app-header-typography-*-size` as a value. Defaults to `--app-header-typography-3-size`."},{name:"--app-header-title-lineheight",description:"Variable to customize the title's line-height. NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size. Defaults to `--app-header-typography-3-lineheight`."},{name:"--app-header-title-letter-spacing",description:"Variable to customize the title's letter-spacing. NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size. Defaults to `--app-header-typography-3-tracking`."},{name:"--app-header-stucked-text-color",description:"Stuck header text color. Defaults to `--color-default-text`."}],slots:[{name:"title",description:"Slot for the main title"},{name:"subtitle",description:"Slot for the bottom subtitle. It will not appear in stuck header."},{name:"top-subtitle",description:"Slot for the top subtitle. It will not appear in stuck header."},{name:"stucked-title",description:"Title for the stuck header. By default it uses the text from the `title` slot."}]}],exports:[{kind:"js",name:"ZAppHeaderDeprecated",declaration:{name:"ZAppHeaderDeprecated",module:"src/components/deprecated/z-app-header-deprecated/index.tsx"}},{kind:"custom-element-definition",name:"z-app-header-deprecated",declaration:{name:"ZAppHeaderDeprecated",module:"src/components/deprecated/z-app-header-deprecated/index.tsx"}}]}]};ne({...b()||{},...z,modules:[...(b()||{}).modules||[],...z.modules]});const De={title:"Deprecated/ZAppHeaderDeprecated",component:"z-app-header-deprecated",parameters:{layout:"fullscreen"},argTypes:{flow:{control:{type:"inline-radio"},options:["auto","stack","offcanvas"]}},args:{"--app-header-content-max-width":"100%",enableSearch:!1,searchPageUrl:"",flow:"auto"}},n=()=>t` +- offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu`,default:'"auto"'},{kind:"field",name:"drawerOpen",type:"boolean",description:"The opening state of the drawer.",default:"false"},{kind:"field",name:"enableSearch",type:"boolean",description:"Enable the search bar.",default:"false"},{kind:"field",name:"searchPlaceholder",type:"string",description:"Placeholder text for the search bar.",default:'"Cerca"'},{kind:"field",name:"searchString",type:"string",description:"Search string for the search bar.",default:'""'},{kind:"field",name:"searchPageUrl",type:"string",description:"Url to the search page.\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\nThe link will also appear on the sticky header."}],events:[{kind:"event",name:"sticking",description:"Emitted when the `stuck` state of the header changes"}],cssProperties:[{name:"--app-header-typography-1-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`."},{name:"--app-header-typography-2-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`."},{name:"--app-header-typography-3-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`."},{name:"--app-header-typography-4-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`."},{name:"--app-header-typography-5-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`."},{name:"--app-header-typography-6-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`."},{name:"--app-header-typography-7-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`."},{name:"--app-header-typography-8-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`."},{name:"--app-header-typography-9-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`."},{name:"--app-header-typography-10-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`."},{name:"--app-header-typography-11-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`."},{name:"--app-header-typography-12-size",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`."},{name:"--app-header-typography-1-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`."},{name:"--app-header-typography-2-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`."},{name:"--app-header-typography-3-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`."},{name:"--app-header-typography-4-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`."},{name:"--app-header-typography-5-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`."},{name:"--app-header-typography-6-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`."},{name:"--app-header-typography-7-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`."},{name:"--app-header-typography-8-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`."},{name:"--app-header-typography-9-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`."},{name:"--app-header-typography-10-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`."},{name:"--app-header-typography-11-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`."},{name:"--app-header-typography-12-lineheight",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`."},{name:"--app-header-typography-1-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`."},{name:"--app-header-typography-2-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`."},{name:"--app-header-typography-3-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`."},{name:"--app-header-typography-4-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`."},{name:"--app-header-typography-5-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`."},{name:"--app-header-typography-6-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`."},{name:"--app-header-typography-7-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`."},{name:"--app-header-typography-8-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`."},{name:"--app-header-typography-9-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`."},{name:"--app-header-typography-10-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`."},{name:"--app-header-typography-11-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`."},{name:"--app-header-typography-12-tracking",description:"Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`."},{name:"--app-header-content-max-width",description:"Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`."},{name:"--app-header-height",description:"Defaults to `auto`."},{name:"--app-header-top-offset",description:"Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar)."},{name:"--app-header-drawer-trigger-size",description:"The size of the drawer icon. Defaults to `--space-unit * 4`."},{name:"--app-header-bg",description:"Header background color. Defaults to `--color-surface01`."},{name:"--app-header-stucked-bg",description:"Stuck header background color. Defaults to `--color-surface01`."},{name:"--app-header-text-color",description:"Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-default-text`."},{name:"--app-header-title-font-size",description:"Variable to customize the title's font size. NOTE: Only use one of the exported `--app-header-typography-*-size` as a value. Defaults to `--app-header-typography-3-size`."},{name:"--app-header-title-lineheight",description:"Variable to customize the title's line-height. NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size. Defaults to `--app-header-typography-3-lineheight`."},{name:"--app-header-title-letter-spacing",description:"Variable to customize the title's letter-spacing. NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size. Defaults to `--app-header-typography-3-tracking`."},{name:"--app-header-stucked-text-color",description:"Stuck header text color. Defaults to `--color-default-text`."}],slots:[{name:"title",description:"Slot for the main title"},{name:"subtitle",description:"Slot for the bottom subtitle. It will not appear in stuck header."},{name:"top-subtitle",description:"Slot for the top subtitle. It will not appear in stuck header."},{name:"stucked-title",description:"Title for the stuck header. By default it uses the text from the `title` slot."}]}],exports:[{kind:"js",name:"ZAppHeaderDeprecated",declaration:{name:"ZAppHeaderDeprecated",module:"src/components/deprecated/z-app-header-deprecated/index.tsx"}},{kind:"custom-element-definition",name:"z-app-header-deprecated",declaration:{name:"ZAppHeaderDeprecated",module:"src/components/deprecated/z-app-header-deprecated/index.tsx"}}]}]};ne({...v()||{},...z,modules:[...(v()||{}).modules||[],...z.modules]});const De={title:"Deprecated/ZAppHeaderDeprecated",component:"z-app-header-deprecated",parameters:{layout:"fullscreen"},argTypes:{flow:{control:{type:"inline-radio"},options:["auto","stack","offcanvas"]}},args:{"--app-header-content-max-width":"100%",enableSearch:!1,searchPageUrl:"",flow:"auto"}},n=()=>t` d(D(e,"raw",{value:d(e.slice())})),o,s;const C={title:"ZDatePicker",component:"z-date-picker",argTypes:{mode:{options:Object.values(i),control:{type:"inline-radio"}}},args:{ariaLabel:"date-picker",mode:i.DATE},render:e=>T(o||(o=h([` +import{x as T}from"./lit-element-DGXdXVoE.js";import{Z as i}from"./index-JHKFBkCx.js";import"./index-Cw-PSUvi.js";/* empty css */import"./index-rg8CTdVm.js";import"./index-BpZkdoDR.js";import"./chunk-L4EGOTBX-lo-pZyle.js";import"./entry-preview-Cx7Tr7Nx.js";import"./index-DrFu-skq.js";import"./index-BZ0rSFNp.js";import"./index-SGHLPHNW.js";import"./index-6DVFO8oc.js";import"./utils-CCzSlYCN.js";import"./breakpoints-p3CVLX0Q.js";import"./utils-CfiMcpfY.js";import"./_commonjsHelpers-Cpj98o6Y.js";var d=Object.freeze,D=Object.defineProperty,h=(e,f)=>d(D(e,"raw",{value:d(e.slice())})),o,s;const C={title:"ZDatePicker",component:"z-date-picker",argTypes:{mode:{options:Object.values(i),control:{type:"inline-radio"}}},args:{ariaLabel:"date-picker",mode:i.DATE},render:e=>T(o||(o=h([` + diff --git a/project.json b/project.json index 850c00a2d..feb315cc7 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1733215739585,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","jest":"29.7.0","jest-cli":"29.7.0","puppeteer":"21.11.0"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"storybookVersion":"8.3.0","storybookVersionSpecifier":"^8.3.0","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.3.0"},"@storybook/web-components":{"version":"8.3.0"},"@storybook/web-components-vite":{"version":"8.3.0"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.0"}},"addons":{"@storybook/addon-docs":{"version":"8.3.0"},"@storybook/addon-viewport":{"version":"8.3.0"},"storybook-addon-stencil":{"version":"0.2.2"}}} +{"generatedAt":1733399046170,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","jest":"29.7.0","jest-cli":"29.7.0","puppeteer":"21.11.0"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"storybookVersion":"8.3.0","storybookVersionSpecifier":"^8.3.0","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.3.0"},"@storybook/web-components":{"version":"8.3.0"},"@storybook/web-components-vite":{"version":"8.3.0"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.0"}},"addons":{"@storybook/addon-docs":{"version":"8.3.0"},"@storybook/addon-viewport":{"version":"8.3.0"},"storybook-addon-stencil":{"version":"0.2.2"}}}