diff --git a/assets/Color-PRSJMWNM-Ca3Re-kT.js b/assets/Color-PRSJMWNM-DHk4Kbc7.js similarity index 99% rename from assets/Color-PRSJMWNM-Ca3Re-kT.js rename to assets/Color-PRSJMWNM-DHk4Kbc7.js index 1e4e4cb93..0b0d99e6e 100644 --- a/assets/Color-PRSJMWNM-Ca3Re-kT.js +++ b/assets/Color-PRSJMWNM-DHk4Kbc7.js @@ -1 +1 @@ -import{R as h,r as b,n as $,j as ue,k as Me,F as Ce,l as $e,o as Oe}from"./index-oCfS0by4.js";import{g as fe}from"./_commonjsHelpers-Cpj98o6Y.js";import{_ as Ne,i as J,b as Ie}from"./index-DvzDrELh.js";import"./iframe-6NHl8rp_.js";import"../sb-preview/runtime.js";import"./index-DrFu-skq.js";function N(){return(N=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(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(ne(o.current,p,s.current)):M(!1)},j=function(){return M(!1)};function M(p){var m=i.current,w=V(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&&(re(m),!function(k,O){return O&&!F(k)}(m,i.current)&&w)){if(F(m)){i.current=!0;var E=m.changedTouches||[];E.length&&(s.current=E[0].identifier)}w.focus(),a(ne(w,m,s.current)),M(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),l({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},M]},[l,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",N({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),H=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=H(["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},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},Te=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?Fe({h:je(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}},Fe=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}},ze=function(e){return Pe(de(e))},he=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)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=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),l=r*(1-n),s=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,s,l,l,i,r][c]),g:y(255*[i,r,r,s,l,l][c]),b:y(255*[l,l,i,r,r,s][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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},Pe=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},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),l=a-Math.min(t,n,r),s=l?a===t?(n-r)/l:a===n?2+(r-t)/l:4+(t-n)/l:0;return{h:y(60*(s<0?s+6:s)),s:y(a?l/a*100:0),v:y(a/255*100),a:o}},be=h.memo(function(e){var t=e.hue,n=e.onChange,r=H(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{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(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),me=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{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(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],l=o[1],s=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,s.current.color)){var c=e.toHsva(t);s.current={hsva:c,color:t},l(c)}},[t,e]),b.useEffect(function(){var c;ve(a,s.current.hsva)||e.equal(c=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){l(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=b.useRef(null);xe(s);var i=ye(n,o,a),c=i[0],d=i[1],f=H(["react-colorful",t]);return h.createElement("div",N({},l,{ref:s,className:f}),h.createElement(me,{hsva:c,onChange:d}),h.createElement(be,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,N({},e,{colorModel:Xe}))},Ke=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=H(["react-colorful__alpha",t]),l=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(s){r({a:s.left})},onKey:function(s){r({a:R(n.a+s.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=b.useRef(null);xe(s);var i=ye(n,o,a),c=i[0],d=i[1],f=H(["react-colorful",t]);return h.createElement("div",N({},l,{ref:s,className:f}),h.createElement(me,{hsva:c,onChange:d}),h.createElement(be,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:Te,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,N({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,N({},e,{colorModel:Ge}))},Ye={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 z=Ye,ke={};for(const e of Object.keys(z))ke[z[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 _e=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),l=a-o;let s,i;a===o?s=0:t===a?s=(n-r)/l:n===a?s=2+(r-t)/l:r===a&&(s=4+(t-n)/l),s=Math.min(s*60,360),s<0&&(s+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=l/(a+o):i=l/(2-a-o),[s,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const l=e[0]/255,s=e[1]/255,i=e[2]/255,c=Math.max(l,s,i),d=c-Math.min(l,s,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(l),n=f(s),r=f(i),l===c?o=r-n:s===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*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,l=(1-n-o)/(1-o)||0,s=(1-r-o)/(1-o)||0;return[a*100,l*100,s*100,o*100]};function Je(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=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(z)){const a=z[o],l=Je(e,a);l.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,l=t*.0193+n*.1192+r*.9505;return[o*100,a*100,l*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,l=500*(n-r),s=200*(r-o);return[a,l,s]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,l;if(n===0)return l=r*255,[l,l,l];r<.5?o=r*(1+n):o=r+n-r*n;const s=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?l=s+(o-s)*6*a:2*a<1?l=o:3*a<2?l=s+(o-s)*(2/3-a)*6:l=s,i[c]=l*255;return i};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 l=(r+n)/2,s=r===0?2*o/(a+o):2*n/(r+n);return[t,s*100,l*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),l=255*r*(1-n),s=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,l];case 1:return[s,r,l];case 2:return[l,r,i];case 3:return[l,s,r];case 4:return[i,l,r];case 5:return[r,l,s]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,l;l=(2-n)*r;const s=(2-n)*o;return a=n*o,a/=s<=1?s:2-s,a=a||0,l/=2,[t,a*100,l*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 l=Math.floor(6*t),s=1-r;a=6*t-l,l&1&&(a=1-a);const i=n+a*(s-n);let c,d,f;switch(l){default:case 6:case 0:c=s,d=i,f=n;break;case 1:c=i,d=s,f=n;break;case 2:c=n,d=s,f=i;break;case 3:c=n,d=i,f=s;break;case 4:c=i,d=n,f=s;break;case 5:c=s,d=n,f=i;break}return[c*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),l=1-Math.min(1,n*(1-o)+o),s=1-Math.min(1,r*(1-o)+o);return[a*255,l*255,s*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,l;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,l=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,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),l=Math.min(Math.max(0,l),1),[o*255,a*255,l*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),l=200*(n-r);return[o,a,l]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,l;a=(t+16)/116,o=n/500+a,l=a-r/200;const s=a**3,i=o**3,c=l**3;return a=s>.008856?s:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,l=c>.008856?c:(l-16/116)/7.787,o*=95.047,a*=100,l*=108.883,[o,a,l]};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 l=Math.sqrt(n*n+r*r);return[t,l,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),l=n*Math.sin(o);return[t,a,l]};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 l=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(l+=60),l};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(s=>s+s).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,l=r&255;return[o,a,l]};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),l=o-a;let s,i;return l<1?s=a/(1-l):s=0,l<=0?i=0:o===t?i=(n-r)/l%6:o===n?i=2+(r-t)/l:i=4+(t-n)/l,i/=6,i%=1,[i*360,l*100,s*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,l=a%1,s=1-l;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=l,o[2]=0;break;case 1:o[0]=s,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=l;break;case 3:o[0]=0,o[1]=s,o[2]=1;break;case 4:o[0]=l,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=s}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*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 W=_e;function Qe(){const e={},t=Object.keys(W);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function lt(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,l=0;l{I[e]={},Object.defineProperty(I[e],"channels",{value:U[e].channels}),Object.defineProperty(I[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];I[e][r]=lt(o),I[e][r].raw=at(o)})});var st=I;const _=fe(st);var it=Ne,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,bt=/^\s+/;function mt(e){return e&&e.slice(0,gt(e)+1).replace(bt,"")}var vt=mt,pt=vt,ae=J,yt=Ie,le=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return le;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?le:+e}var Mt=Et,Ct=J,D=ut,se=Mt,$t="Expected a function",Ot=Math.max,Nt=Math.min;function It(e,t,n){var r,o,a,l,s,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,T=o;return r=o=void 0,c=v,l=e.apply(T,C),l}function j(v){return c=v,s=setTimeout(m,t),d?x(v):l}function M(v){var C=v-i,T=v-c,te=t-C;return f?Nt(te,a-T):te}function p(v){var C=v-i,T=v-c;return i===void 0||C>=t||C<0||f&&T>=a}function m(){var v=D();if(p(v))return w(v);s=setTimeout(m,M(v))}function w(v){return s=void 0,g&&r?x(v):(r=o=void 0,l)}function E(){s!==void 0&&clearTimeout(s),c=0,r=i=o=s=void 0}function k(){return s===void 0?l:w(D())}function O(){var v=D(),C=p(v);if(r=arguments,o=this,i=v,C){if(s===void 0)return j(i);if(f)return clearTimeout(s),s=setTimeout(m,t),x(i)}return s===void 0&&(s=setTimeout(m,t)),l}return O.cancel=E,O.flush=k,O}var St=It,Rt=St,jt=J,Tt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(Tt);return jt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Lt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),qt=$.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"}}),Bt=$(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=$.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})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...n,style:{...t,backgroundImage:r}})},Kt=$(Ce.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=$($e)(({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),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\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,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},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(At);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(Gt.test(e)){let[l,s,i,c]=ce(e),[d,f,g]=_.rgb.hsl([l,s,i])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([l,s,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${_.rgb.hex([l,s,i]).toLowerCase()}`}}if(Ut.test(e)){let[l,s,i,c]=ce(e),[d,f,g]=_.hsl.rgb([l,s,i])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([l,s,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${_.hsl.hex([l,s,i]).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}},Qt=(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(Yt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,l]=r[1].split("");return`#${o}${o}${a}${a}${l}${l}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>S(n)),[l,s]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),s((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,l).toLowerCase(),[n,o,l]),c=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),s(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=L.indexOf(l)+1;f>=L.length&&(f=0),s(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,l,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:l,cycleColorSpace:d}},X=e=>e.replace(/\s*/,"").toLowerCase(),en=(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(s=>typeof s=="string"?S(s):s.title?{...S(s.color),keyword:s.title}:S(s.color)).concat(r).filter(Boolean).slice(-27),[e,r]),l=b.useCallback(s=>{s!=null&&s.valid&&(a.some(i=>X(i[n])===X(s[n]))||o(i=>i.concat(s)))},[n,a]);return{presets:a,addPreset:l}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:l=!1,argType:s})=>{var E;let i=b.useCallback(Ht(n,200),[n]),{value:c,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Zt(t,i),{presets:M,addPreset:p}=en(a,g,x),m=Jt[x],w=!!((E=s==null?void 0:s.table)!=null&&E.readonly);return h.createElement(Pt,{"aria-readonly":w},h.createElement(Lt,{startOpen:l,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(qt,null,h.createElement(m,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Wt,null,M.map((k,O)=>h.createElement(ue,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:k.keyword||k.value})},h.createElement(ie,{value:k[x],active:g&&X(k[x])===X(g[x]),onClick:()=>f(k.value)})))))},h.createElement(ie,{value:d,style:{margin:4}})),h.createElement(Kt,{id:Oe(e),value:c,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),c?h.createElement(Vt,{onClick:j}):null)},cn=tn;export{tn as ColorControl,cn as default}; +import{R as h,r as b,n as $,j as ue,k as Me,F as Ce,l as $e,o as Oe}from"./index-DMccHVng.js";import{g as fe}from"./_commonjsHelpers-Cpj98o6Y.js";import{_ as Ne,i as J,b as Ie}from"./index-DvzDrELh.js";import"./iframe-Cj0vuvo1.js";import"../sb-preview/runtime.js";import"./index-DrFu-skq.js";function N(){return(N=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(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(ne(o.current,p,s.current)):M(!1)},j=function(){return M(!1)};function M(p){var m=i.current,w=V(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&&(re(m),!function(k,O){return O&&!F(k)}(m,i.current)&&w)){if(F(m)){i.current=!0;var E=m.changedTouches||[];E.length&&(s.current=E[0].identifier)}w.focus(),a(ne(w,m,s.current)),M(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),l({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},M]},[l,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",N({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),H=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=H(["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},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},Te=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?Fe({h:je(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}},Fe=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}},ze=function(e){return Pe(de(e))},he=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)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=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),l=r*(1-n),s=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,s,l,l,i,r][c]),g:y(255*[i,r,r,s,l,l][c]),b:y(255*[l,l,i,r,r,s][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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},Pe=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},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),l=a-Math.min(t,n,r),s=l?a===t?(n-r)/l:a===n?2+(r-t)/l:4+(t-n)/l:0;return{h:y(60*(s<0?s+6:s)),s:y(a?l/a*100:0),v:y(a/255*100),a:o}},be=h.memo(function(e){var t=e.hue,n=e.onChange,r=H(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{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(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),me=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{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(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],l=o[1],s=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,s.current.color)){var c=e.toHsva(t);s.current={hsva:c,color:t},l(c)}},[t,e]),b.useEffect(function(){var c;ve(a,s.current.hsva)||e.equal(c=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){l(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=b.useRef(null);xe(s);var i=ye(n,o,a),c=i[0],d=i[1],f=H(["react-colorful",t]);return h.createElement("div",N({},l,{ref:s,className:f}),h.createElement(me,{hsva:c,onChange:d}),h.createElement(be,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,N({},e,{colorModel:Xe}))},Ke=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=H(["react-colorful__alpha",t]),l=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(s){r({a:s.left})},onKey:function(s){r({a:R(n.a+s.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=b.useRef(null);xe(s);var i=ye(n,o,a),c=i[0],d=i[1],f=H(["react-colorful",t]);return h.createElement("div",N({},l,{ref:s,className:f}),h.createElement(me,{hsva:c,onChange:d}),h.createElement(be,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:Te,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,N({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,N({},e,{colorModel:Ge}))},Ye={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 z=Ye,ke={};for(const e of Object.keys(z))ke[z[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 _e=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),l=a-o;let s,i;a===o?s=0:t===a?s=(n-r)/l:n===a?s=2+(r-t)/l:r===a&&(s=4+(t-n)/l),s=Math.min(s*60,360),s<0&&(s+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=l/(a+o):i=l/(2-a-o),[s,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const l=e[0]/255,s=e[1]/255,i=e[2]/255,c=Math.max(l,s,i),d=c-Math.min(l,s,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(l),n=f(s),r=f(i),l===c?o=r-n:s===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*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,l=(1-n-o)/(1-o)||0,s=(1-r-o)/(1-o)||0;return[a*100,l*100,s*100,o*100]};function Je(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=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(z)){const a=z[o],l=Je(e,a);l.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,l=t*.0193+n*.1192+r*.9505;return[o*100,a*100,l*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,l=500*(n-r),s=200*(r-o);return[a,l,s]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,l;if(n===0)return l=r*255,[l,l,l];r<.5?o=r*(1+n):o=r+n-r*n;const s=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?l=s+(o-s)*6*a:2*a<1?l=o:3*a<2?l=s+(o-s)*(2/3-a)*6:l=s,i[c]=l*255;return i};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 l=(r+n)/2,s=r===0?2*o/(a+o):2*n/(r+n);return[t,s*100,l*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),l=255*r*(1-n),s=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,l];case 1:return[s,r,l];case 2:return[l,r,i];case 3:return[l,s,r];case 4:return[i,l,r];case 5:return[r,l,s]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,l;l=(2-n)*r;const s=(2-n)*o;return a=n*o,a/=s<=1?s:2-s,a=a||0,l/=2,[t,a*100,l*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 l=Math.floor(6*t),s=1-r;a=6*t-l,l&1&&(a=1-a);const i=n+a*(s-n);let c,d,f;switch(l){default:case 6:case 0:c=s,d=i,f=n;break;case 1:c=i,d=s,f=n;break;case 2:c=n,d=s,f=i;break;case 3:c=n,d=i,f=s;break;case 4:c=i,d=n,f=s;break;case 5:c=s,d=n,f=i;break}return[c*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),l=1-Math.min(1,n*(1-o)+o),s=1-Math.min(1,r*(1-o)+o);return[a*255,l*255,s*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,l;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,l=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,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),l=Math.min(Math.max(0,l),1),[o*255,a*255,l*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),l=200*(n-r);return[o,a,l]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,l;a=(t+16)/116,o=n/500+a,l=a-r/200;const s=a**3,i=o**3,c=l**3;return a=s>.008856?s:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,l=c>.008856?c:(l-16/116)/7.787,o*=95.047,a*=100,l*=108.883,[o,a,l]};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 l=Math.sqrt(n*n+r*r);return[t,l,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),l=n*Math.sin(o);return[t,a,l]};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 l=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(l+=60),l};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(s=>s+s).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,l=r&255;return[o,a,l]};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),l=o-a;let s,i;return l<1?s=a/(1-l):s=0,l<=0?i=0:o===t?i=(n-r)/l%6:o===n?i=2+(r-t)/l:i=4+(t-n)/l,i/=6,i%=1,[i*360,l*100,s*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,l=a%1,s=1-l;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=l,o[2]=0;break;case 1:o[0]=s,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=l;break;case 3:o[0]=0,o[1]=s,o[2]=1;break;case 4:o[0]=l,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=s}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*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 W=_e;function Qe(){const e={},t=Object.keys(W);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function lt(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,l=0;l{I[e]={},Object.defineProperty(I[e],"channels",{value:U[e].channels}),Object.defineProperty(I[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];I[e][r]=lt(o),I[e][r].raw=at(o)})});var st=I;const _=fe(st);var it=Ne,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,bt=/^\s+/;function mt(e){return e&&e.slice(0,gt(e)+1).replace(bt,"")}var vt=mt,pt=vt,ae=J,yt=Ie,le=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return le;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?le:+e}var Mt=Et,Ct=J,D=ut,se=Mt,$t="Expected a function",Ot=Math.max,Nt=Math.min;function It(e,t,n){var r,o,a,l,s,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,T=o;return r=o=void 0,c=v,l=e.apply(T,C),l}function j(v){return c=v,s=setTimeout(m,t),d?x(v):l}function M(v){var C=v-i,T=v-c,te=t-C;return f?Nt(te,a-T):te}function p(v){var C=v-i,T=v-c;return i===void 0||C>=t||C<0||f&&T>=a}function m(){var v=D();if(p(v))return w(v);s=setTimeout(m,M(v))}function w(v){return s=void 0,g&&r?x(v):(r=o=void 0,l)}function E(){s!==void 0&&clearTimeout(s),c=0,r=i=o=s=void 0}function k(){return s===void 0?l:w(D())}function O(){var v=D(),C=p(v);if(r=arguments,o=this,i=v,C){if(s===void 0)return j(i);if(f)return clearTimeout(s),s=setTimeout(m,t),x(i)}return s===void 0&&(s=setTimeout(m,t)),l}return O.cancel=E,O.flush=k,O}var St=It,Rt=St,jt=J,Tt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(Tt);return jt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Lt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),qt=$.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"}}),Bt=$(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=$.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})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...n,style:{...t,backgroundImage:r}})},Kt=$(Ce.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=$($e)(({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),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\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,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},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(At);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(Gt.test(e)){let[l,s,i,c]=ce(e),[d,f,g]=_.rgb.hsl([l,s,i])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([l,s,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${_.rgb.hex([l,s,i]).toLowerCase()}`}}if(Ut.test(e)){let[l,s,i,c]=ce(e),[d,f,g]=_.hsl.rgb([l,s,i])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([l,s,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${_.hsl.hex([l,s,i]).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}},Qt=(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(Yt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,l]=r[1].split("");return`#${o}${o}${a}${a}${l}${l}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>S(n)),[l,s]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),s((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,l).toLowerCase(),[n,o,l]),c=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),s(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=L.indexOf(l)+1;f>=L.length&&(f=0),s(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,l,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:l,cycleColorSpace:d}},X=e=>e.replace(/\s*/,"").toLowerCase(),en=(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(s=>typeof s=="string"?S(s):s.title?{...S(s.color),keyword:s.title}:S(s.color)).concat(r).filter(Boolean).slice(-27),[e,r]),l=b.useCallback(s=>{s!=null&&s.valid&&(a.some(i=>X(i[n])===X(s[n]))||o(i=>i.concat(s)))},[n,a]);return{presets:a,addPreset:l}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:l=!1,argType:s})=>{var E;let i=b.useCallback(Ht(n,200),[n]),{value:c,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Zt(t,i),{presets:M,addPreset:p}=en(a,g,x),m=Jt[x],w=!!((E=s==null?void 0:s.table)!=null&&E.readonly);return h.createElement(Pt,{"aria-readonly":w},h.createElement(Lt,{startOpen:l,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(qt,null,h.createElement(m,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Wt,null,M.map((k,O)=>h.createElement(ue,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:k.keyword||k.value})},h.createElement(ie,{value:k[x],active:g&&X(k[x])===X(g[x]),onClick:()=>f(k.value)})))))},h.createElement(ie,{value:d,style:{margin:4}})),h.createElement(Kt,{id:Oe(e),value:c,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),c?h.createElement(Vt,{onClick:j}):null)},cn=tn;export{tn as ColorControl,cn as default}; diff --git a/assets/DocsRenderer-K4EAMTCU-BGgoM-ku.js b/assets/DocsRenderer-K4EAMTCU-Dn0PxGMW.js similarity index 82% rename from assets/DocsRenderer-K4EAMTCU-BGgoM-ku.js rename to assets/DocsRenderer-K4EAMTCU-Dn0PxGMW.js index 5bcbb77ed..78929c72d 100644 --- a/assets/DocsRenderer-K4EAMTCU-BGgoM-ku.js +++ b/assets/DocsRenderer-K4EAMTCU-Dn0PxGMW.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./index-DyF7TqHx.js","./index-B3sOkjo_.js","./index-oCfS0by4.js","./iframe-6NHl8rp_.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DvzDrELh.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as h}from"./iframe-6NHl8rp_.js";import{f as d,R as o,r as u,C as E,g as R,H as x,h as y}from"./index-oCfS0by4.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";var i={},m=d;i.createRoot=m.createRoot,i.hydrateRoot=m.hydrateRoot;var n=new Map,v=({callback:e,children:t})=>{let r=u.useRef();return u.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},w=async(e,t,r)=>{let s=await _(t,r);return new Promise(a=>{s.render(o.createElement(v,{callback:()=>a(null)},e))})},D=(e,t)=>{let r=n.get(e);r&&(r.unmount(),n.delete(e))},_=async(e,t)=>{let r=n.get(e);return r||(r=i.createRoot(e,t),n.set(e,r)),r},f={code:E,a:R,...x},g=class extends u.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:o.createElement(o.Fragment,null,t)}},O=class{constructor(){this.render=async(e,t,r)=>{let s={...f,...t==null?void 0:t.components},a=y;return new Promise((p,l)=>{h(async()=>{const{MDXProvider:c}=await import("./index-DyF7TqHx.js");return{MDXProvider:c}},__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url).then(({MDXProvider:c})=>w(o.createElement(g,{showException:l,key:Math.random()},o.createElement(c,{components:s},o.createElement(a,{context:e,docsParameter:t}))),r)).then(()=>p())})},this.unmount=e=>{D(e)}}};export{O as DocsRenderer,f as defaultComponents}; +const __vite__fileDeps=["./index-BhaMvf-y.js","./index-DXSXYuhY.js","./index-DMccHVng.js","./iframe-Cj0vuvo1.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DvzDrELh.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as h}from"./iframe-Cj0vuvo1.js";import{f as d,R as o,r as u,C as E,g as R,H as x,h as y}from"./index-DMccHVng.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";var i={},m=d;i.createRoot=m.createRoot,i.hydrateRoot=m.hydrateRoot;var n=new Map,v=({callback:e,children:t})=>{let r=u.useRef();return u.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},w=async(e,t,r)=>{let s=await _(t,r);return new Promise(a=>{s.render(o.createElement(v,{callback:()=>a(null)},e))})},D=(e,t)=>{let r=n.get(e);r&&(r.unmount(),n.delete(e))},_=async(e,t)=>{let r=n.get(e);return r||(r=i.createRoot(e,t),n.set(e,r)),r},f={code:E,a:R,...x},g=class extends u.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:o.createElement(o.Fragment,null,t)}},O=class{constructor(){this.render=async(e,t,r)=>{let s={...f,...t==null?void 0:t.components},a=y;return new Promise((p,l)=>{h(async()=>{const{MDXProvider:c}=await import("./index-BhaMvf-y.js");return{MDXProvider:c}},__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url).then(({MDXProvider:c})=>w(o.createElement(g,{showException:l,key:Math.random()},o.createElement(c,{components:s},o.createElement(a,{context:e,docsParameter:t}))),r)).then(()=>p())})},this.unmount=e=>{D(e)}}};export{O as DocsRenderer,f as defaultComponents}; diff --git a/assets/WithTooltip-KJL26V4Q-BmU9Kcsj.js b/assets/WithTooltip-KJL26V4Q-B5-jKScU.js similarity index 54% rename from assets/WithTooltip-KJL26V4Q-BmU9Kcsj.js rename to assets/WithTooltip-KJL26V4Q-B5-jKScU.js index 85ff6559f..cd839effb 100644 --- a/assets/WithTooltip-KJL26V4Q-BmU9Kcsj.js +++ b/assets/WithTooltip-KJL26V4Q-B5-jKScU.js @@ -1 +1 @@ -import{W as a,W as T,b as e}from"./index-oCfS0by4.js";import"./iframe-6NHl8rp_.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";export{a as WithToolTipState,T as WithTooltip,e as WithTooltipPure}; +import{W as a,W as T,b as e}from"./index-DMccHVng.js";import"./iframe-Cj0vuvo1.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";export{a as WithToolTipState,T as WithTooltip,e as WithTooltipPure}; diff --git a/assets/formatter-2WMMO6ZP-CwhHViqo.js b/assets/formatter-2WMMO6ZP-CyO8fon-.js similarity index 99% rename from assets/formatter-2WMMO6ZP-CwhHViqo.js rename to assets/formatter-2WMMO6ZP-CyO8fon-.js index 75bbd12b3..9dd4656cf 100644 --- a/assets/formatter-2WMMO6ZP-CwhHViqo.js +++ b/assets/formatter-2WMMO6ZP-CyO8fon-.js @@ -1,4 +1,4 @@ -var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>Zi(e,typeof t!="symbol"?t+"":t,r);import{m as ea}from"./index-oCfS0by4.js";import"./iframe-6NHl8rp_.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', +var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>Zi(e,typeof t!="symbol"?t+"":t,r);import{m as ea}from"./index-DMccHVng.js";import"./iframe-Cj0vuvo1.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', Expected it to be 'string' or 'object'.`;if(Ir(e))throw new Error("doc is valid.");let r=Object.prototype.toString.call(e);if(r!=="[object Object]")return`Unexpected doc '${r}'.`;let n=aa([...Du].map(u=>`'${u}'`));return`Unexpected doc.type '${e.type}'. Expected it to be ${n}.`}var oa=class extends Error{constructor(t){super(sa(t));_e(this,"name","InvalidDocError");this.doc=t}},fu=oa,la=()=>{},ca=la;function we(e){return{type:Bt,contents:e}}function mu(e,t){return{type:xt,contents:t,n:e}}function q(e,t={}){return ca(t.expandedStates),{type:Ye,id:t.id,contents:e,break:!!t.shouldBreak,expandedStates:t.expandedStates}}function pa(e){return mu(Number.NEGATIVE_INFINITY,e)}function ha(e){return mu({type:"root"},e)}function gu(e){return{type:Tt,parts:e}}function bt(e,t="",r={}){return{type:Lt,breakContents:e,flatContents:t,groupId:r.groupId}}function da(e,t){return{type:Nt,contents:e,groupId:t.groupId,negate:t.negate}}var Ze={type:qt},Da={type:be,hard:!0},fa={type:be,hard:!0,literal:!0},L={type:be},I={type:be,soft:!0},A=[Da,Ze],ma=[fa,Ze];function et(e,t){let r=[];for(let n=0;n{if(!(e&&t==null))return Array.isArray(t)||typeof t=="string"?t[r<0?t.length+r:r]:t.at(r)},Pt=ga;function Or(e,t){if(typeof e=="string")return t(e);let r=new Map;return n(e);function n(i){if(r.has(i))return r.get(i);let a=u(i);return r.set(i,a),a}function u(i){switch(Ir(i)){case xr:return t(i.map(n));case Tt:return t({...i,parts:i.parts.map(n)});case Lt:return t({...i,breakContents:n(i.breakContents),flatContents:n(i.flatContents)});case Ye:{let{expandedStates:a,contents:s}=i;return a?(a=a.map(n),s=a[0]):s=n(s),t({...i,contents:s,expandedStates:a})}case xt:case Bt:case Nt:case Pr:case Nr:return t({...i,contents:n(i.contents)});case Br:case Tr:case Lr:case qr:case be:case qt:return t(i);default:throw new fu(i)}}}function Ca(e){switch(Ir(e)){case Tt:if(e.parts.every(t=>t===""))return"";break;case Ye:if(!e.contents&&!e.id&&!e.break&&!e.expandedStates)return"";if(e.contents.type===Ye&&e.contents.id===e.id&&e.contents.break===e.break&&e.contents.expandedStates===e.expandedStates)return e.contents;break;case xt:case Bt:case Nt:case Nr:if(!e.contents)return"";break;case Lt:if(!e.flatContents&&!e.breakContents)return"";break;case xr:{let t=[];for(let r of e){if(!r)continue;let[n,...u]=Array.isArray(r)?r:[r];typeof n=="string"&&typeof Pt(!1,t,-1)=="string"?t[t.length-1]+=n:t.push(n),t.push(...u)}return t.length===0?"":t.length===1?t[0]:t}case Br:case Tr:case Lr:case qr:case be:case Pr:case qt:break;default:throw new fu(e)}return e}function Fa(e){return Or(e,t=>Ca(t))}function G(e,t=ma){return Or(e,r=>typeof r=="string"?et(t,r.split(` `)):r)}var va=class extends Error{constructor(t,r,n="type"){super(`Unexpected ${r} node ${n}: ${JSON.stringify(t[n])}.`);_e(this,"name","UnexpectedNodeError");this.node=t}},ya=va,lt="'",cn='"';function Ea(e,t){let r=t===!0||t===lt?lt:cn,n=r===lt?cn:lt,u=0,i=0;for(let a of e)a===r?u++:a===n&&i++;return u>i?n:r}var ba=Ea;function wa(e){if(typeof e!="string")throw new TypeError("Expected a string");return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var U,Sa=class{constructor(e){ra(this,U,void 0),na(this,U,new Set(e))}getLeadingWhitespaceCount(e){let t=se(this,U),r=0;for(let n=0;n=0&&t.has(e.charAt(n));n--)r++;return r}getLeadingWhitespace(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(0,t)}getTrailingWhitespace(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(e.length-t)}hasLeadingWhitespace(e){return se(this,U).has(e.charAt(0))}hasTrailingWhitespace(e){return se(this,U).has(Pt(!1,e,-1))}trimStart(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(t)}trimEnd(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(0,e.length-t)}trim(e){return this.trimEnd(this.trimStart(e))}split(e,t=!1){let r=`[${wa([...se(this,U)].join(""))}]+`,n=new RegExp(t?`(${r})`:r);return e.split(n)}hasWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>t.has(r))}hasNonWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>!t.has(r))}isWhitespaceOnly(e){let t=se(this,U);return Array.prototype.every.call(e,r=>t.has(r))}};U=new WeakMap;var Aa=Sa,ka=[" ",` diff --git a/assets/iframe-6NHl8rp_.js b/assets/iframe-Cj0vuvo1.js similarity index 63% rename from assets/iframe-6NHl8rp_.js rename to assets/iframe-Cj0vuvo1.js index c5c096b52..7baf25b23 100644 --- a/assets/iframe-6NHl8rp_.js +++ b/assets/iframe-Cj0vuvo1.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./index.stories-WTyrqut4.js","./lit-element-DGXdXVoE.js","./index-DPuMWQ_0.css","./index.stories-FdZ0SkIR.js","./index-k7fD1ynA.js","./index-BEj-2O7q.js","./chunk-GKNNPQCW-BkHQSocK.js","./index-8h8udRzn.js","./index-CcuDdGyi.js","./index-BdDepEmp.css","./migration-luxquTIg.js","./index-oCfS0by4.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DvzDrELh.js","./index-DrFu-skq.js","./index-B3sOkjo_.js","./index.stories-ChqM4jql.js","./index-CFBdqn7c.js","./index-BaacvMGM.js","./storybook-utils-DAVCxM-F.js","./index-CE9pa-D0.css","./index.stories-D4w9nQ_z.js","./class-map-CUbHFwPI.js","./directive-CF8sV3Lr.js","./index-Cm7WW9aQ.css","./index.stories-DufiFhPa.js","./index-CZKYqI-o.css","./index.stories-r3fmA2ud.js","./index-yOVBEWgS.js","./index-Doo_rrKm.js","./index-BBieR392.js","./index-BJJOCqId.js","./utils-B_2tKo6T.js","./breakpoints-C5kxgyOu.js","./style-KFmYbXyj.js","./index-dZ39rkB3.css","./index.stories-DW6PGZUG.js","./index.stories-ZIw1p6SC.js","./index-DtZ9vbaa.js","./index.stories-YCUNp7Di.js","./index-Bl332Q6e.js","./index-BZcY4Q7J.js","./index.stories-BT1f4ifq.js","./index-BthCA59f.js","./index-Br9s0Xfc.js","./index.stories-DwoGH5l1.js","./index-RXeQJHrP.js","./index.stories-CxxTy6vx.js","./index.stories-C7ALIMyW.js","./repeat-Dpe--lyG.js","./directive-helpers-Dk0454Fy.js","./style-map-DWZVjDvr.js","./index-BuoB97Qd.css","./index.stories-6ABasVBm.js","./index-CPdUOJpP.js","./index.stories-DzQvEksa.js","./index-Dxm2wJaT.css","./index.stories-C6TCNGIa.js","./index-nN4tEb3g.js","./index-Bds1j7mA.js","./index-CBN7tuZc.js","./index-Chvsfxua.js","./index-OjGx0BvI.css","./index.stories-B4jiY1-7.js","./index-jJCpT-2t.js","./index.stories-Bzcw2kpA.js","./index.stories-Bnt1n_GA.js","./index.stories-CWSHzSEn.js","./index-Bi7pMysS.css","./index.stories-CSO87DMY.js","./index.stories-3Kfk8dtO.js","./index.stories-BuusyRS7.js","./index-WmxM_hTk.css","./index.stories-CTkOjBBO.js","./index-BnAYU8cA.js","./index-hEJgpPVn.css","./index.stories-BQCcEkLk.js","./index.stories-DVzF8beN.js","./index-C9vtIMSq.js","./index.stories-CIN67tv2.js","./index-C8OjqDgU.js","./index-C202lC2j.css","./index.stories-BJH8OqLk.js","./index.stories-xcA7Eg0E.js","./index.stories-DO_zrmaO.js","./index.stories-CF2CW2d4.js","./index.stories-C1rtIu4h.js","./index-BF3q9lMJ.css","./index.stories-pCGMlDS4.js","./index.stories-DEk0pU1Q.js","./index.stories-BOWqV_WQ.js","./index.stories-BDPpGhaZ.js","./index.stories-N8lijfhW.js","./index.stories-BawyWoJv.js","./index-BsCeyr6p.js","./index-LbQ_VVA6.css","./index.stories-CBTxDkxQ.js","./index-DXiBtk9_.css","./index.stories-B2z2O7a0.js","./index-uLVKHCXz.css","./index.stories-Di1Y3C5D.js","./index-KeDveRO1.css","./index.stories-DjQgaYP7.js","./index.stories--egN4DNY.js","./index.stories-C3fDd3UU.js","./index-Tym1STJh.css","./index.stories-BYMAjwNi.js","./index.stories-DVp9a5Rw.js","./index.stories-aNap2M47.js","./index.stories-DoQVtvVb.js","./index.stories-2TIzzbkU.js","./index-CrF3SZ5i.js","./index.stories-BBoMCm-D.js","./index.stories-YDmd-oOq.js","./index.stories-lDyY0P-l.js","./index-B547tCip.js","./hammer-BXna0XTc.js","./index-BZc9Zklf.css","./index.stories-DXmZOvys.js","./index.stories-kIE-fsm6.js","./index-v6v4QXaX.js","./index.stories-DwGqySS0.js","./index.stories-BKGmWxxx.js","./index-CB6nVhj-.css","./index.stories-BmV6U2T8.js","./index.stories-DTfeMDIB.js","./index-CF8STZ2h.js","./index-BS8oURjq.js","./index.stories-DyLKLaz-.js","./index-DjE_4ChB.js","./index.stories-VSv_wGGS.js","./index-JIkLpsbQ.js","./index-iGRnS4Qs.js","./index-B9h1-qEO.js","./index-srL4jxQE.js","./index.stories-Bgri9HV0.js","./index.stories-hDWCaoO6.js","./index-DNdWXUXQ.js","./index.stories-DLlhjavJ.js","./index.stories-Dw_pdZbW.js","./index-DgEXFPjP.js","./index.stories-ChU8xkSC.js","./index.stories-CrlsYf0t.js","./index-Dmi-EQxD.js","./index.stories-De9CIM9y.js","./index.stories-BQyK1UV4.js","./index.stories-CIOJqKwT.js","./index.stories-TS_fURNk.js","./index-rC1V8v3T.js","./index-DNByPIfU.js","./index-xgipIUMp.js","./index-BgXdBVh5.js","./index.stories-COpn_mtf.js","./index.stories-CGSm1lgr.js","./index.stories-D_c__Rw1.js","./index.stories-D_uFpq9j.js","./index.stories-C9MsnNtv.js","./index.stories-IWEWnhCq.js","./index.stories-Deo_6wZI.js","./entry-preview-Dk1GrS_s.js","./entry-preview-docs-BmfYdN6I.js","./preview-Bw-N4-y4.js","./preview-C2khUcPK.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:z}=__STORYBOOK_MODULE_CHANNELS__,{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,u=z({page:"preview"});v.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-WTyrqut4.js"),__vite__mapDeps([0,1,2]),import.meta.url),"./docs/iconset/index.stories.ts":async()=>t(()=>import("./index.stories-FdZ0SkIR.js"),__vite__mapDeps([3,1,4,5,6,7,8,9]),import.meta.url),"./docs/migration.mdx":async()=>t(()=>import("./migration-luxquTIg.js"),__vite__mapDeps([10,11,12,13,14,15]),import.meta.url),"./docs/themes/index.stories.ts":async()=>t(()=>import("./index.stories-ChqM4jql.js"),__vite__mapDeps([16,1,17,18,6,7,8,19,20]),import.meta.url),"./src/components/css-components/z-fab/index.stories.ts":async()=>t(()=>import("./index.stories-D4w9nQ_z.js"),__vite__mapDeps([21,1,22,23,5,6,7,24]),import.meta.url),"./src/components/css-components/z-link/index.stories.ts":async()=>t(()=>import("./index.stories-DufiFhPa.js"),__vite__mapDeps([25,1,22,23,5,6,7,26]),import.meta.url),"./src/components/date-picker/z-date-picker/index.stories.ts":async()=>t(()=>import("./index.stories-r3fmA2ud.js"),__vite__mapDeps([27,1,8,28,5,6,7,29,30,31,32,33,34,12,35]),import.meta.url),"./src/components/date-picker/z-range-picker/index.stories.ts":async()=>t(()=>import("./index.stories-DW6PGZUG.js"),__vite__mapDeps([36,1,8,30,5,6,7,31,32,33,34,12,35]),import.meta.url),"./src/components/file-upload/z-file-upload/index.stories.ts":async()=>t(()=>import("./index.stories-ZIw1p6SC.js"),__vite__mapDeps([37,1,8,18,6,7,28,5,38,32,33]),import.meta.url),"./src/components/file-upload/z-file/index.stories.ts":async()=>t(()=>import("./index.stories-YCUNp7Di.js"),__vite__mapDeps([39,1,40,6,7,8,41,5,33]),import.meta.url),"./src/components/list/z-list-element/index.stories.ts":async()=>t(()=>import("./index.stories-BT1f4ifq.js"),__vite__mapDeps([42,1,8,19,43,6,7,44,5,18]),import.meta.url),"./src/components/list/z-list-group/index.stories.ts":async()=>t(()=>import("./index.stories-DwoGH5l1.js"),__vite__mapDeps([45,1,8,19,44,5,6,7,18,43,46]),import.meta.url),"./src/components/list/z-list/index.stories.ts":async()=>t(()=>import("./index.stories-CxxTy6vx.js"),__vite__mapDeps([47,1,8,44,5,6,7,18,46,43]),import.meta.url),"./src/components/table/z-table/index.stories.ts":async()=>t(()=>import("./index.stories-C7ALIMyW.js"),__vite__mapDeps([48,1,49,23,50,51,8,28,5,6,7,32,33,40,52]),import.meta.url),"./src/components/z-accordion/index.stories.ts":async()=>t(()=>import("./index.stories-6ABasVBm.js"),__vite__mapDeps([53,1,51,23,8,5,6,7,19,54,4]),import.meta.url),"./src/components/z-anchor-navigation/index.stories.ts":async()=>t(()=>import("./index.stories-DzQvEksa.js"),__vite__mapDeps([55,1,28,5,6,7,8,56]),import.meta.url),"./src/components/z-app-header/index.stories.ts":async()=>t(()=>import("./index.stories-C6TCNGIa.js"),__vite__mapDeps([57,1,58,5,6,7,59,28,8,60,30,31,32,33,43,46,18,44,54,61,62]),import.meta.url),"./src/components/z-aria-alert/index.stories.ts":async()=>t(()=>import("./index.stories-B4jiY1-7.js"),__vite__mapDeps([63,1,8,28,5,6,7,64]),import.meta.url),"./src/components/z-avatar/index.stories.ts":async()=>t(()=>import("./index.stories-Bzcw2kpA.js"),__vite__mapDeps([65,1,8,19,6,7]),import.meta.url),"./src/components/z-book-card/index.stories.ts":async()=>t(()=>import("./index.stories-Bnt1n_GA.js"),__vite__mapDeps([66,1,51,23,8,19,28,5,6,7,54,33,32]),import.meta.url),"./src/components/z-breadcrumb/index.stories.ts":async()=>t(()=>import("./index.stories-CWSHzSEn.js"),__vite__mapDeps([67,1,8,5,6,7,40,43,46,18,44,32,33,68]),import.meta.url),"./src/components/z-button-sort/index.stories.ts":async()=>t(()=>import("./index.stories-CSO87DMY.js"),__vite__mapDeps([69,1,5,6,7,33]),import.meta.url),"./src/components/z-button/index.stories.ts":async()=>t(()=>import("./index.stories-3Kfk8dtO.js"),__vite__mapDeps([70,1,8,28,5,6,7]),import.meta.url),"./src/components/z-card/index.stories.ts":async()=>t(()=>import("./index.stories-BuusyRS7.js"),__vite__mapDeps([71,1,51,23,8,5,6,7,72]),import.meta.url),"./src/components/z-carousel/index.stories.ts":async()=>t(()=>import("./index.stories-CTkOjBBO.js"),__vite__mapDeps([73,1,49,23,50,8,74,6,7,28,5,75]),import.meta.url),"./src/components/z-chip/index.stories.ts":async()=>t(()=>import("./index.stories-BQCcEkLk.js"),__vite__mapDeps([76,1,8,5,6,7,41]),import.meta.url),"./src/components/z-combobox/index.stories.ts":async()=>t(()=>import("./index.stories-DVzF8beN.js"),__vite__mapDeps([77,1,8,5,6,7,44,18,30,31,32,33,46,78]),import.meta.url),"./src/components/z-cover-hero/index.stories.ts":async()=>t(()=>import("./index.stories-CIN67tv2.js"),__vite__mapDeps([79,1,51,23,8,19,28,5,6,7,80,81]),import.meta.url),"./src/components/z-divider/index.stories.ts":async()=>t(()=>import("./index.stories-BJH8OqLk.js"),__vite__mapDeps([82,1,8,19,18,6,7]),import.meta.url),"./src/components/z-ghost-loading/index.stories.ts":async()=>t(()=>import("./index.stories-xcA7Eg0E.js"),__vite__mapDeps([83,1,74,6,7]),import.meta.url),"./src/components/z-icon/index.stories.ts":async()=>t(()=>import("./index.stories-DO_zrmaO.js"),__vite__mapDeps([84,1,19,5,6,7]),import.meta.url),"./src/components/z-info-box/index.stories.ts":async()=>t(()=>import("./index.stories-CF2CW2d4.js"),__vite__mapDeps([85,1,5,6,7]),import.meta.url),"./src/components/z-info-reveal/index.stories.ts":async()=>t(()=>import("./index.stories-C1rtIu4h.js"),__vite__mapDeps([86,1,8,5,6,7,28,80,87]),import.meta.url),"./src/components/z-input-message/index.stories.ts":async()=>t(()=>import("./index.stories-pCGMlDS4.js"),__vite__mapDeps([88,1,8,31,5,6,7]),import.meta.url),"./src/components/z-input/index.stories.ts":async()=>t(()=>import("./index.stories-DEk0pU1Q.js"),__vite__mapDeps([89,1,8,30,5,6,7,31,32,33]),import.meta.url),"./src/components/z-logo/index.stories.ts":async()=>t(()=>import("./index.stories-BOWqV_WQ.js"),__vite__mapDeps([90,1,6,7]),import.meta.url),"./src/components/z-menu-section/index.stories.ts":async()=>t(()=>import("./index.stories-BDPpGhaZ.js"),__vite__mapDeps([91,1,58,5,6,7]),import.meta.url),"./src/components/z-menu/index.stories.ts":async()=>t(()=>import("./index.stories-N8lijfhW.js"),__vite__mapDeps([92,1,58,5,6,7,59]),import.meta.url),"./src/components/z-modal/index.stories.ts":async()=>t(()=>import("./index.stories-BawyWoJv.js"),__vite__mapDeps([93,1,29,30,5,6,7,31,8,32,33,34,12,28,94,43,44,18,46,38,95]),import.meta.url),"./src/components/z-navigation-tabs/index.stories.ts":async()=>t(()=>import("./index.stories-CBTxDkxQ.js"),__vite__mapDeps([96,1,51,23,8,19,5,6,7,97]),import.meta.url),"./src/components/z-notification/index.stories.ts":async()=>t(()=>import("./index.stories-B2z2O7a0.js"),__vite__mapDeps([98,1,8,5,6,7,99]),import.meta.url),"./src/components/z-offcanvas/index.stories.ts":async()=>t(()=>import("./index.stories-Di1Y3C5D.js"),__vite__mapDeps([100,1,8,61,6,7,101]),import.meta.url),"./src/components/z-pagination/index.stories.ts":async()=>t(()=>import("./index.stories-DjQgaYP7.js"),__vite__mapDeps([102,1,5,6,7,30,31,8,32,33,28]),import.meta.url),"./src/components/z-panel-elem/index.stories.ts":async()=>t(()=>import("./index.stories--egN4DNY.js"),__vite__mapDeps([103,1,5,6,7]),import.meta.url),"./src/components/z-popover/index.stories.ts":async()=>t(()=>import("./index.stories-C3fDd3UU.js"),__vite__mapDeps([104,1,51,23,8,19,28,5,6,7,40,105]),import.meta.url),"./src/components/z-searchbar/index.stories.ts":async()=>t(()=>import("./index.stories-BYMAjwNi.js"),__vite__mapDeps([106,1,8,60,30,5,6,7,31,32,33,28,43,46,18,44,54]),import.meta.url),"./src/components/z-section-title/index.stories.ts":async()=>t(()=>import("./index.stories-DVp9a5Rw.js"),__vite__mapDeps([107,1,8,19,17,18,6,7]),import.meta.url),"./src/components/z-select/index.stories.ts":async()=>t(()=>import("./index.stories-aNap2M47.js"),__vite__mapDeps([108,1,8,94,30,5,6,7,31,32,33,43,44,18,46]),import.meta.url),"./src/components/z-skip-to-content/index.stories.ts":async()=>t(()=>import("./index.stories-DoQVtvVb.js"),__vite__mapDeps([109,1,8,6,7,32,33]),import.meta.url),"./src/components/z-stepper-item/index.stories.ts":async()=>t(()=>import("./index.stories-2TIzzbkU.js"),__vite__mapDeps([110,1,111,5,6,7]),import.meta.url),"./src/components/z-stepper/index.stories.ts":async()=>t(()=>import("./index.stories-BBoMCm-D.js"),__vite__mapDeps([112,1,111,5,6,7]),import.meta.url),"./src/components/z-tag/index.stories.ts":async()=>t(()=>import("./index.stories-YDmd-oOq.js"),__vite__mapDeps([113,1,51,23,5,6,7,19,54]),import.meta.url),"./src/components/z-toast-notification-list/index.stories.ts":async()=>t(()=>import("./index.stories-lDyY0P-l.js"),__vite__mapDeps([114,1,8,28,5,6,7,115,33,116,12,117]),import.meta.url),"./src/components/z-toast-notification/index.stories.ts":async()=>t(()=>import("./index.stories-DXmZOvys.js"),__vite__mapDeps([118,1,8,28,5,6,7,115,33,116,12]),import.meta.url),"./src/components/z-toggle-button/index.stories.ts":async()=>t(()=>import("./index.stories-kIE-fsm6.js"),__vite__mapDeps([119,1,120,5,6,7]),import.meta.url),"./src/components/z-toggle-switch/index.stories.ts":async()=>t(()=>import("./index.stories-DwGqySS0.js"),__vite__mapDeps([121,1,8,5,6,7,32,33]),import.meta.url),"./src/components/z-tooltip/index.stories.ts":async()=>t(()=>import("./index.stories-BKGmWxxx.js"),__vite__mapDeps([122,1,8,19,28,5,6,7,40,123]),import.meta.url),"./src/components/z-visually-hidden/index.stories.ts":async()=>t(()=>import("./index.stories-BmV6U2T8.js"),__vite__mapDeps([124,1,64,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js":async()=>t(()=>import("./index.stories-DTfeMDIB.js"),__vite__mapDeps([125,1,126,127,6,7,5,8]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js":async()=>t(()=>import("./index.stories-DyLKLaz-.js"),__vite__mapDeps([128,1,129,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js":async()=>t(()=>import("./index.stories-VSv_wGGS.js"),__vite__mapDeps([130,1,28,5,6,7,8,131,132,40,32,33,133,134,129]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js":async()=>t(()=>import("./index.stories-Bgri9HV0.js"),__vite__mapDeps([135,1,131,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js":async()=>t(()=>import("./index.stories-hDWCaoO6.js"),__vite__mapDeps([136,1,137,6,7,8]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js":async()=>t(()=>import("./index.stories-DLlhjavJ.js"),__vite__mapDeps([138,1,134,6,7,8]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js":async()=>t(()=>import("./index.stories-Dw_pdZbW.js"),__vite__mapDeps([139,1,140,5,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js":async()=>t(()=>import("./index.stories-ChU8xkSC.js"),__vite__mapDeps([141,1,28,5,6,7,8,132,40,32,33]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js":async()=>t(()=>import("./index.stories-CrlsYf0t.js"),__vite__mapDeps([142,1,143,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card/index.stories.js":async()=>t(()=>import("./index.stories-De9CIM9y.js"),__vite__mapDeps([144,1,120,5,6,7,126,127,8,133,129,137,134,140,143]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js":async()=>t(()=>import("./index.stories-BQyK1UV4.js"),__vite__mapDeps([145,1,78,5,6,7,32,8,33]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list/index.stories.js":async()=>t(()=>import("./index.stories-CIOJqKwT.js"),__vite__mapDeps([146,1,78,5,6,7,32,8,33]),import.meta.url),"./src/snowflakes/myz/pocket/z-messages-pocket/index.stories.js":async()=>t(()=>import("./index.stories-TS_fURNk.js"),__vite__mapDeps([147,1,148,5,6,7,149,116,12,32,8,33,150,151]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket-body/index.stories.js":async()=>t(()=>import("./index.stories-COpn_mtf.js"),__vite__mapDeps([152,1,150,6,7,8]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket-header/index.stories.js":async()=>t(()=>import("./index.stories-CGSm1lgr.js"),__vite__mapDeps([153,1,149,6,7,116,12,32,8,33]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js":async()=>t(()=>import("./index.stories-D_c__Rw1.js"),__vite__mapDeps([154,1,28,5,6,7,8,148]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket/index.stories.js":async()=>t(()=>import("./index.stories-D_uFpq9j.js"),__vite__mapDeps([155,1,150,6,7,8,149,116,12,32,33,151]),import.meta.url),"./src/snowflakes/myz/z-alert/index.stories.js":async()=>t(()=>import("./index.stories-C9MsnNtv.js"),__vite__mapDeps([156,1,127,6,7]),import.meta.url),"./src/snowflakes/myz/z-otp/index.stories.js":async()=>t(()=>import("./index.stories-IWEWnhCq.js"),__vite__mapDeps([157,1,31,5,6,7,8]),import.meta.url),"./src/snowflakes/myz/z-slideshow/index.stories.js":async()=>t(()=>import("./index.stories-Deo_6wZI.js"),__vite__mapDeps([158,1,5,6,7,8,32,33]),import.meta.url)};async function T(s){return P[s]()}const{composeConfigs:L,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-Dk1GrS_s.js"),__vite__mapDeps([159,14,1,50]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-BmfYdN6I.js"),__vite__mapDeps([160,6,13,12,1]),import.meta.url),s.at(2)??t(()=>import("./preview-CCs_pRd5.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-Bw-N4-y4.js"),__vite__mapDeps([161,11,12,13,14,162]),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-WTyrqut4.js","./lit-element-DGXdXVoE.js","./index-DPuMWQ_0.css","./index.stories-FdZ0SkIR.js","./index-k7fD1ynA.js","./index-BEj-2O7q.js","./chunk-GKNNPQCW-BkHQSocK.js","./index-8h8udRzn.js","./index-CcuDdGyi.js","./index-BdDepEmp.css","./migration-E-JyjZHe.js","./index-DMccHVng.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DvzDrELh.js","./index-DrFu-skq.js","./index-DXSXYuhY.js","./index.stories-BmA4_Ly4.js","./index-DjGC5RW_.js","./index-CGBfektC.js","./storybook-utils-DAVCxM-F.js","./index-CE9pa-D0.css","./index.stories-D4w9nQ_z.js","./class-map-CUbHFwPI.js","./directive-CF8sV3Lr.js","./index-Cm7WW9aQ.css","./index.stories-DufiFhPa.js","./index-CZKYqI-o.css","./index.stories-C3_v5qNH.js","./index-yOVBEWgS.js","./index-CegvAjOS.js","./index-CZKsUp18.js","./index-Tj1sX8NM.js","./utils-B_2tKo6T.js","./breakpoints-C5kxgyOu.js","./style-KFmYbXyj.js","./index-dZ39rkB3.css","./index.stories-CuV4P3YP.js","./index.stories-DczbTrck.js","./index-wiJQDjTb.js","./index.stories-CLuXrO5r.js","./index-D7ybjOoV.js","./index-1CGQRqFs.js","./index.stories-DCV9cY_s.js","./index-Dp0_qmCs.js","./index-ZQTVAH4d.js","./index.stories-DUjJOyJu.js","./index-CjxfHefg.js","./index.stories-s8mqyLYj.js","./index.stories-CTbD-pqN.js","./repeat-Dpe--lyG.js","./directive-helpers-Dk0454Fy.js","./style-map-DWZVjDvr.js","./index-BuoB97Qd.css","./index.stories-6ABasVBm.js","./index-CPdUOJpP.js","./index.stories-DkRIffzo.js","./index-Dxm2wJaT.css","./index.stories-CEzHW0v9.js","./index-BE1WFwKx.js","./index-CnNHv-mC.js","./index-CmUeszjN.js","./index-CS_M42rG.js","./index-OjGx0BvI.css","./index.stories-Bb8U8VXe.js","./index-CJy7_5hy.js","./index.stories-B5GtO9F4.js","./index.stories-BKy4XF-b.js","./index.stories-jmj-A2Zl.js","./index-Bi7pMysS.css","./index.stories-Biiiy0N_.js","./index.stories-3Kfk8dtO.js","./index.stories-BuusyRS7.js","./index-WmxM_hTk.css","./index.stories-UUJ354TF.js","./index-CpdPJCVO.js","./index-hEJgpPVn.css","./index.stories-ZkIrpcMG.js","./index.stories-DXq9Kvnn.js","./index-C9vtIMSq.js","./index.stories-CorEHpV1.js","./index-Bc4jC-RU.js","./index-C202lC2j.css","./index.stories-CUvDVEnG.js","./index.stories-D1Ah7fCm.js","./index.stories-DO_zrmaO.js","./index.stories-CxP33TSG.js","./index.stories-Dcp0xrz0.js","./index-BF3q9lMJ.css","./index.stories-Du4tRAjv.js","./index.stories-DtPC2gOs.js","./index.stories-DyoAKGqw.js","./index.stories-Bv3j9xl5.js","./index.stories-CIXWFyiB.js","./index.stories-BmliNJFa.js","./index-BImOh47f.js","./index-LbQ_VVA6.css","./index.stories-DJaAlbLi.js","./index-DXiBtk9_.css","./index.stories-BmSKTmdZ.js","./index-uLVKHCXz.css","./index.stories-B4DFr7xW.js","./index-KeDveRO1.css","./index.stories-okZPSN3x.js","./index.stories-Q0SAtR0b.js","./index.stories-B0oWYP7-.js","./index-Tym1STJh.css","./index.stories-Dq2e0YqL.js","./index.stories-B3spASqc.js","./index.stories-CC2asS6U.js","./index.stories-DJ64AeMN.js","./index.stories-D1LiXy7s.js","./index-DNCx6AYQ.js","./index.stories-TqHDV894.js","./index.stories-BJfnXFTD.js","./index.stories-kLBkL6RL.js","./index-kHJDMcCE.js","./hammer-BXna0XTc.js","./index-BZc9Zklf.css","./index.stories-BkqmTUTu.js","./index.stories-C98z6OfT.js","./index-2Fmm9z2q.js","./index.stories-Cp13vfPg.js","./index.stories-Bh-EcTHg.js","./index-CB6nVhj-.css","./index.stories-BPBtENIS.js","./index.stories-DTfeMDIB.js","./index-CF8STZ2h.js","./index-BS8oURjq.js","./index.stories-DyLKLaz-.js","./index-DjE_4ChB.js","./index.stories-fJMLNh74.js","./index-JIkLpsbQ.js","./index-BmzYkF8X.js","./index-B9h1-qEO.js","./index-srL4jxQE.js","./index.stories-Bgri9HV0.js","./index.stories-hDWCaoO6.js","./index-DNdWXUXQ.js","./index.stories-DLlhjavJ.js","./index.stories-BYt-hINk.js","./index-DTNOEGAH.js","./index.stories-BMjWTxia.js","./index.stories-_1VCJcwA.js","./index-CJ60FC1p.js","./index.stories-uc7x8RpA.js","./index.stories-BQyK1UV4.js","./index.stories-CIOJqKwT.js","./index.stories-OHR2YZCR.js","./index-DWQ9dHDw.js","./index-DNByPIfU.js","./index-xgipIUMp.js","./index-BgXdBVh5.js","./index.stories-COpn_mtf.js","./index.stories-CGSm1lgr.js","./index.stories-pnmk_TZM.js","./index.stories-D_uFpq9j.js","./index.stories-C9MsnNtv.js","./index.stories-CAdQDQ4A.js","./index.stories-Deo_6wZI.js","./entry-preview-Dk1GrS_s.js","./entry-preview-docs-BmfYdN6I.js","./preview-CgbChKwY.js","./preview-C2khUcPK.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:z}=__STORYBOOK_MODULE_CHANNELS__,{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,u=z({page:"preview"});v.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-WTyrqut4.js"),__vite__mapDeps([0,1,2]),import.meta.url),"./docs/iconset/index.stories.ts":async()=>t(()=>import("./index.stories-FdZ0SkIR.js"),__vite__mapDeps([3,1,4,5,6,7,8,9]),import.meta.url),"./docs/migration.mdx":async()=>t(()=>import("./migration-E-JyjZHe.js"),__vite__mapDeps([10,11,12,13,14,15]),import.meta.url),"./docs/themes/index.stories.ts":async()=>t(()=>import("./index.stories-BmA4_Ly4.js"),__vite__mapDeps([16,1,17,18,6,7,8,19,20]),import.meta.url),"./src/components/css-components/z-fab/index.stories.ts":async()=>t(()=>import("./index.stories-D4w9nQ_z.js"),__vite__mapDeps([21,1,22,23,5,6,7,24]),import.meta.url),"./src/components/css-components/z-link/index.stories.ts":async()=>t(()=>import("./index.stories-DufiFhPa.js"),__vite__mapDeps([25,1,22,23,5,6,7,26]),import.meta.url),"./src/components/date-picker/z-date-picker/index.stories.ts":async()=>t(()=>import("./index.stories-C3_v5qNH.js"),__vite__mapDeps([27,1,8,28,5,6,7,29,30,31,32,33,34,12,35]),import.meta.url),"./src/components/date-picker/z-range-picker/index.stories.ts":async()=>t(()=>import("./index.stories-CuV4P3YP.js"),__vite__mapDeps([36,1,8,30,5,6,7,31,32,33,34,12,35]),import.meta.url),"./src/components/file-upload/z-file-upload/index.stories.ts":async()=>t(()=>import("./index.stories-DczbTrck.js"),__vite__mapDeps([37,1,8,18,6,7,28,5,38,32,33]),import.meta.url),"./src/components/file-upload/z-file/index.stories.ts":async()=>t(()=>import("./index.stories-CLuXrO5r.js"),__vite__mapDeps([39,1,40,6,7,8,41,5,33]),import.meta.url),"./src/components/list/z-list-element/index.stories.ts":async()=>t(()=>import("./index.stories-DCV9cY_s.js"),__vite__mapDeps([42,1,8,19,43,6,7,44,5,18]),import.meta.url),"./src/components/list/z-list-group/index.stories.ts":async()=>t(()=>import("./index.stories-DUjJOyJu.js"),__vite__mapDeps([45,1,8,19,44,5,6,7,18,43,46]),import.meta.url),"./src/components/list/z-list/index.stories.ts":async()=>t(()=>import("./index.stories-s8mqyLYj.js"),__vite__mapDeps([47,1,8,44,5,6,7,18,46,43]),import.meta.url),"./src/components/table/z-table/index.stories.ts":async()=>t(()=>import("./index.stories-CTbD-pqN.js"),__vite__mapDeps([48,1,49,23,50,51,8,28,5,6,7,32,33,40,52]),import.meta.url),"./src/components/z-accordion/index.stories.ts":async()=>t(()=>import("./index.stories-6ABasVBm.js"),__vite__mapDeps([53,1,51,23,8,5,6,7,19,54,4]),import.meta.url),"./src/components/z-anchor-navigation/index.stories.ts":async()=>t(()=>import("./index.stories-DkRIffzo.js"),__vite__mapDeps([55,1,28,5,6,7,8,56]),import.meta.url),"./src/components/z-app-header/index.stories.ts":async()=>t(()=>import("./index.stories-CEzHW0v9.js"),__vite__mapDeps([57,1,58,5,6,7,59,28,8,60,30,31,32,33,43,46,18,44,54,61,62]),import.meta.url),"./src/components/z-aria-alert/index.stories.ts":async()=>t(()=>import("./index.stories-Bb8U8VXe.js"),__vite__mapDeps([63,1,8,28,5,6,7,64]),import.meta.url),"./src/components/z-avatar/index.stories.ts":async()=>t(()=>import("./index.stories-B5GtO9F4.js"),__vite__mapDeps([65,1,8,19,6,7]),import.meta.url),"./src/components/z-book-card/index.stories.ts":async()=>t(()=>import("./index.stories-BKy4XF-b.js"),__vite__mapDeps([66,1,51,23,8,19,28,5,6,7,54,33,32]),import.meta.url),"./src/components/z-breadcrumb/index.stories.ts":async()=>t(()=>import("./index.stories-jmj-A2Zl.js"),__vite__mapDeps([67,1,8,5,6,7,40,43,46,18,44,32,33,68]),import.meta.url),"./src/components/z-button-sort/index.stories.ts":async()=>t(()=>import("./index.stories-Biiiy0N_.js"),__vite__mapDeps([69,1,5,6,7,33]),import.meta.url),"./src/components/z-button/index.stories.ts":async()=>t(()=>import("./index.stories-3Kfk8dtO.js"),__vite__mapDeps([70,1,8,28,5,6,7]),import.meta.url),"./src/components/z-card/index.stories.ts":async()=>t(()=>import("./index.stories-BuusyRS7.js"),__vite__mapDeps([71,1,51,23,8,5,6,7,72]),import.meta.url),"./src/components/z-carousel/index.stories.ts":async()=>t(()=>import("./index.stories-UUJ354TF.js"),__vite__mapDeps([73,1,49,23,50,8,74,6,7,28,5,75]),import.meta.url),"./src/components/z-chip/index.stories.ts":async()=>t(()=>import("./index.stories-ZkIrpcMG.js"),__vite__mapDeps([76,1,8,5,6,7,41]),import.meta.url),"./src/components/z-combobox/index.stories.ts":async()=>t(()=>import("./index.stories-DXq9Kvnn.js"),__vite__mapDeps([77,1,8,5,6,7,44,18,30,31,32,33,46,78]),import.meta.url),"./src/components/z-cover-hero/index.stories.ts":async()=>t(()=>import("./index.stories-CorEHpV1.js"),__vite__mapDeps([79,1,51,23,8,19,28,5,6,7,80,81]),import.meta.url),"./src/components/z-divider/index.stories.ts":async()=>t(()=>import("./index.stories-CUvDVEnG.js"),__vite__mapDeps([82,1,8,19,18,6,7]),import.meta.url),"./src/components/z-ghost-loading/index.stories.ts":async()=>t(()=>import("./index.stories-D1Ah7fCm.js"),__vite__mapDeps([83,1,74,6,7]),import.meta.url),"./src/components/z-icon/index.stories.ts":async()=>t(()=>import("./index.stories-DO_zrmaO.js"),__vite__mapDeps([84,1,19,5,6,7]),import.meta.url),"./src/components/z-info-box/index.stories.ts":async()=>t(()=>import("./index.stories-CxP33TSG.js"),__vite__mapDeps([85,1,5,6,7]),import.meta.url),"./src/components/z-info-reveal/index.stories.ts":async()=>t(()=>import("./index.stories-Dcp0xrz0.js"),__vite__mapDeps([86,1,8,5,6,7,28,80,87]),import.meta.url),"./src/components/z-input-message/index.stories.ts":async()=>t(()=>import("./index.stories-Du4tRAjv.js"),__vite__mapDeps([88,1,8,31,5,6,7]),import.meta.url),"./src/components/z-input/index.stories.ts":async()=>t(()=>import("./index.stories-DtPC2gOs.js"),__vite__mapDeps([89,1,8,30,5,6,7,31,32,33]),import.meta.url),"./src/components/z-logo/index.stories.ts":async()=>t(()=>import("./index.stories-DyoAKGqw.js"),__vite__mapDeps([90,1,6,7]),import.meta.url),"./src/components/z-menu-section/index.stories.ts":async()=>t(()=>import("./index.stories-Bv3j9xl5.js"),__vite__mapDeps([91,1,58,5,6,7]),import.meta.url),"./src/components/z-menu/index.stories.ts":async()=>t(()=>import("./index.stories-CIXWFyiB.js"),__vite__mapDeps([92,1,58,5,6,7,59]),import.meta.url),"./src/components/z-modal/index.stories.ts":async()=>t(()=>import("./index.stories-BmliNJFa.js"),__vite__mapDeps([93,1,29,30,5,6,7,31,8,32,33,34,12,28,94,43,44,18,46,38,95]),import.meta.url),"./src/components/z-navigation-tabs/index.stories.ts":async()=>t(()=>import("./index.stories-DJaAlbLi.js"),__vite__mapDeps([96,1,51,23,8,19,5,6,7,97]),import.meta.url),"./src/components/z-notification/index.stories.ts":async()=>t(()=>import("./index.stories-BmSKTmdZ.js"),__vite__mapDeps([98,1,8,5,6,7,99]),import.meta.url),"./src/components/z-offcanvas/index.stories.ts":async()=>t(()=>import("./index.stories-B4DFr7xW.js"),__vite__mapDeps([100,1,8,61,6,7,101]),import.meta.url),"./src/components/z-pagination/index.stories.ts":async()=>t(()=>import("./index.stories-okZPSN3x.js"),__vite__mapDeps([102,1,5,6,7,30,31,8,32,33,28]),import.meta.url),"./src/components/z-panel-elem/index.stories.ts":async()=>t(()=>import("./index.stories-Q0SAtR0b.js"),__vite__mapDeps([103,1,5,6,7]),import.meta.url),"./src/components/z-popover/index.stories.ts":async()=>t(()=>import("./index.stories-B0oWYP7-.js"),__vite__mapDeps([104,1,51,23,8,19,28,5,6,7,40,105]),import.meta.url),"./src/components/z-searchbar/index.stories.ts":async()=>t(()=>import("./index.stories-Dq2e0YqL.js"),__vite__mapDeps([106,1,8,60,30,5,6,7,31,32,33,28,43,46,18,44,54]),import.meta.url),"./src/components/z-section-title/index.stories.ts":async()=>t(()=>import("./index.stories-B3spASqc.js"),__vite__mapDeps([107,1,8,19,17,18,6,7]),import.meta.url),"./src/components/z-select/index.stories.ts":async()=>t(()=>import("./index.stories-CC2asS6U.js"),__vite__mapDeps([108,1,8,94,30,5,6,7,31,32,33,43,44,18,46]),import.meta.url),"./src/components/z-skip-to-content/index.stories.ts":async()=>t(()=>import("./index.stories-DJ64AeMN.js"),__vite__mapDeps([109,1,8,6,7,32,33]),import.meta.url),"./src/components/z-stepper-item/index.stories.ts":async()=>t(()=>import("./index.stories-D1LiXy7s.js"),__vite__mapDeps([110,1,111,5,6,7]),import.meta.url),"./src/components/z-stepper/index.stories.ts":async()=>t(()=>import("./index.stories-TqHDV894.js"),__vite__mapDeps([112,1,111,5,6,7]),import.meta.url),"./src/components/z-tag/index.stories.ts":async()=>t(()=>import("./index.stories-BJfnXFTD.js"),__vite__mapDeps([113,1,51,23,5,6,7,19,54]),import.meta.url),"./src/components/z-toast-notification-list/index.stories.ts":async()=>t(()=>import("./index.stories-kLBkL6RL.js"),__vite__mapDeps([114,1,8,28,5,6,7,115,33,116,12,117]),import.meta.url),"./src/components/z-toast-notification/index.stories.ts":async()=>t(()=>import("./index.stories-BkqmTUTu.js"),__vite__mapDeps([118,1,8,28,5,6,7,115,33,116,12]),import.meta.url),"./src/components/z-toggle-button/index.stories.ts":async()=>t(()=>import("./index.stories-C98z6OfT.js"),__vite__mapDeps([119,1,120,5,6,7]),import.meta.url),"./src/components/z-toggle-switch/index.stories.ts":async()=>t(()=>import("./index.stories-Cp13vfPg.js"),__vite__mapDeps([121,1,8,5,6,7,32,33]),import.meta.url),"./src/components/z-tooltip/index.stories.ts":async()=>t(()=>import("./index.stories-Bh-EcTHg.js"),__vite__mapDeps([122,1,8,19,28,5,6,7,40,123]),import.meta.url),"./src/components/z-visually-hidden/index.stories.ts":async()=>t(()=>import("./index.stories-BPBtENIS.js"),__vite__mapDeps([124,1,64,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js":async()=>t(()=>import("./index.stories-DTfeMDIB.js"),__vite__mapDeps([125,1,126,127,6,7,5,8]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js":async()=>t(()=>import("./index.stories-DyLKLaz-.js"),__vite__mapDeps([128,1,129,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js":async()=>t(()=>import("./index.stories-fJMLNh74.js"),__vite__mapDeps([130,1,28,5,6,7,8,131,132,40,32,33,133,134,129]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js":async()=>t(()=>import("./index.stories-Bgri9HV0.js"),__vite__mapDeps([135,1,131,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js":async()=>t(()=>import("./index.stories-hDWCaoO6.js"),__vite__mapDeps([136,1,137,6,7,8]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js":async()=>t(()=>import("./index.stories-DLlhjavJ.js"),__vite__mapDeps([138,1,134,6,7,8]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js":async()=>t(()=>import("./index.stories-BYt-hINk.js"),__vite__mapDeps([139,1,140,5,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js":async()=>t(()=>import("./index.stories-BMjWTxia.js"),__vite__mapDeps([141,1,28,5,6,7,8,132,40,32,33]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js":async()=>t(()=>import("./index.stories-_1VCJcwA.js"),__vite__mapDeps([142,1,143,6,7]),import.meta.url),"./src/snowflakes/myz/card/z-myz-card/index.stories.js":async()=>t(()=>import("./index.stories-uc7x8RpA.js"),__vite__mapDeps([144,1,120,5,6,7,126,127,8,133,129,137,134,140,143]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js":async()=>t(()=>import("./index.stories-BQyK1UV4.js"),__vite__mapDeps([145,1,78,5,6,7,32,8,33]),import.meta.url),"./src/snowflakes/myz/list/z-myz-list/index.stories.js":async()=>t(()=>import("./index.stories-CIOJqKwT.js"),__vite__mapDeps([146,1,78,5,6,7,32,8,33]),import.meta.url),"./src/snowflakes/myz/pocket/z-messages-pocket/index.stories.js":async()=>t(()=>import("./index.stories-OHR2YZCR.js"),__vite__mapDeps([147,1,148,5,6,7,149,116,12,32,8,33,150,151]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket-body/index.stories.js":async()=>t(()=>import("./index.stories-COpn_mtf.js"),__vite__mapDeps([152,1,150,6,7,8]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket-header/index.stories.js":async()=>t(()=>import("./index.stories-CGSm1lgr.js"),__vite__mapDeps([153,1,149,6,7,116,12,32,8,33]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js":async()=>t(()=>import("./index.stories-pnmk_TZM.js"),__vite__mapDeps([154,1,28,5,6,7,8,148]),import.meta.url),"./src/snowflakes/myz/pocket/z-pocket/index.stories.js":async()=>t(()=>import("./index.stories-D_uFpq9j.js"),__vite__mapDeps([155,1,150,6,7,8,149,116,12,32,33,151]),import.meta.url),"./src/snowflakes/myz/z-alert/index.stories.js":async()=>t(()=>import("./index.stories-C9MsnNtv.js"),__vite__mapDeps([156,1,127,6,7]),import.meta.url),"./src/snowflakes/myz/z-otp/index.stories.js":async()=>t(()=>import("./index.stories-CAdQDQ4A.js"),__vite__mapDeps([157,1,31,5,6,7,8]),import.meta.url),"./src/snowflakes/myz/z-slideshow/index.stories.js":async()=>t(()=>import("./index.stories-Deo_6wZI.js"),__vite__mapDeps([158,1,5,6,7,8,32,33]),import.meta.url)};async function T(s){return P[s]()}const{composeConfigs:L,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-Dk1GrS_s.js"),__vite__mapDeps([159,14,1,50]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-BmfYdN6I.js"),__vite__mapDeps([160,6,13,12,1]),import.meta.url),s.at(2)??t(()=>import("./preview-gcZeyYdj.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-CgbChKwY.js"),__vite__mapDeps([161,11,12,13,14,162]),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-BZcY4Q7J.js b/assets/index-1CGQRqFs.js similarity index 89% rename from assets/index-BZcY4Q7J.js rename to assets/index-1CGQRqFs.js index 3ce84aedb..fda300e55 100644 --- a/assets/index-BZcY4Q7J.js +++ b/assets/index-1CGQRqFs.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as t,g as c}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as a,c as r,h as i}from"./index-8h8udRzn.js";import{d as s}from"./index-CcuDdGyi.js";const o=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-text);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]):hover>z-icon.sc-z-chip:first-child{fill:var(--color-default-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}",h=class extends a{constructor(){super(),this.__registerHost(),this.interactiveIconClick=r(this,"interactiveIconClick",7),this.icon=void 0,this.type=s.DEFAULT,this.interactiveIcon=void 0,this.disabled=!1,this.ariaLabel=""}render(){return i("div",{key:"271491c711668c1c233ed688aa2bcd49746593a5",class:{"z-chip-container":!0,"z-chip-interactive":!!this.interactiveIcon,[this.type]:!0},"aria-disabled":this.disabled},this.icon&&i("z-icon",{key:"352ebf12f7db666fb35927d7f7b6754d0b34d84f",name:this.icon}),i("slot",{key:"35eeba0f7a3cbc7727c404b94e6e12ea5fde32aa"}),this.interactiveIcon&&i("button",{key:"ecbd0e6574c74e326dceb82b18ce87e9cf5a7183",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.ariaLabel,disabled:this.disabled},i("z-icon",{key:"232c5785718db4875f0ff757f5bab42e79455907",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return o}};n(h,[6,"z-chip",{icon:[1],type:[520],interactiveIcon:[513,"interactive-icon"],disabled:[516],ariaLabel:[1,"aria-label"]}]);const e={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZChip",tagName:"z-chip",customElement:!0,members:[{kind:"field",name:"icon",type:"string",description:"Non interactive icon"},{kind:"field",name:"type",type:"any",description:"z-chip size type, can be default, medium or small",default:"ZChipType.DEFAULT"},{kind:"field",name:"interactiveIcon",type:"string",description:"z-chip interactive icon"},{kind:"field",name:"disabled",type:"boolean",description:"set z-chip as disabled",default:"false"},{kind:"field",name:"ariaLabel",type:"string",description:"z-chip aria-label string",default:'""'}],events:[{kind:"event",name:"interactiveIconClick",description:"click on interactive icon"}]}],exports:[{kind:"js",name:"ZChip",declaration:{name:"ZChip",module:"src/components/z-chip/index.tsx"}},{kind:"custom-element-definition",name:"z-chip",declaration:{name:"ZChip",module:"src/components/z-chip/index.tsx"}}]}]};t({...c()||{},...e,modules:[...(c()||{}).modules||[],...e.modules]}); +import"./index-BEj-2O7q.js";import{s as t,g as c}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as a,c as r,h as i}from"./index-8h8udRzn.js";import{d as s}from"./index-CcuDdGyi.js";const o=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-text);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]):hover>z-icon.sc-z-chip:first-child{fill:var(--color-default-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}",h=class extends a{constructor(){super(),this.__registerHost(),this.interactiveIconClick=r(this,"interactiveIconClick",7),this.icon=void 0,this.type=s.DEFAULT,this.interactiveIcon=void 0,this.disabled=!1,this.ariaLabel=""}render(){return i("div",{key:"26f50dbda20b8fdfcb9cf730f57e971ab65c7267",class:{"z-chip-container":!0,"z-chip-interactive":!!this.interactiveIcon,[this.type]:!0},"aria-disabled":this.disabled},this.icon&&i("z-icon",{key:"70fef9ae3f5e3de7967c57c99e3fd887b75afe35",name:this.icon}),i("slot",{key:"6d0c0412938540c1c3c5258713d23fff8d61ae04"}),this.interactiveIcon&&i("button",{key:"62e46f17da17170603abd6d07caff7f055c5df88",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.ariaLabel,disabled:this.disabled},i("z-icon",{key:"83dbeb2b7f015c486b0f8101700a2f9bce306083",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return o}};n(h,[6,"z-chip",{icon:[1],type:[520],interactiveIcon:[513,"interactive-icon"],disabled:[516],ariaLabel:[1,"aria-label"]}]);const e={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZChip",tagName:"z-chip",customElement:!0,members:[{kind:"field",name:"icon",type:"string",description:"Non interactive icon"},{kind:"field",name:"type",type:"any",description:"z-chip size type, can be default, medium or small",default:"ZChipType.DEFAULT"},{kind:"field",name:"interactiveIcon",type:"string",description:"z-chip interactive icon"},{kind:"field",name:"disabled",type:"boolean",description:"set z-chip as disabled",default:"false"},{kind:"field",name:"ariaLabel",type:"string",description:"z-chip aria-label string",default:'""'}],events:[{kind:"event",name:"interactiveIconClick",description:"click on interactive icon"}]}],exports:[{kind:"js",name:"ZChip",declaration:{name:"ZChip",module:"src/components/z-chip/index.tsx"}},{kind:"custom-element-definition",name:"z-chip",declaration:{name:"ZChip",module:"src/components/z-chip/index.tsx"}}]}]};t({...c()||{},...e,modules:[...(c()||{}).modules||[],...e.modules]}); diff --git a/assets/index-v6v4QXaX.js b/assets/index-2Fmm9z2q.js similarity index 92% rename from assets/index-v6v4QXaX.js rename to assets/index-2Fmm9z2q.js index e214604c0..894130125 100644 --- a/assets/index-v6v4QXaX.js +++ b/assets/index-2Fmm9z2q.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as i,g as e}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as a,H as s,c as l,h as t}from"./index-8h8udRzn.js";const n="button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}",r=class extends s{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.toggleClick=l(this,"toggleClick",7),this.label=void 0,this.isdisabled=!1,this.avoidclick=void 0,this.opened=!1,this.ariaLabel=""}emitToggleClick(){this.isdisabled||(this.opened=!this.opened,this.toggleClick.emit(this.opened))}render(){return t("button",{key:"18736b1c1ddfbb5ff25870244d4d7289d4b4f22a",tabindex:this.avoidclick?"-1":"0",class:{isopen:this.opened,"avoid-clicks":this.avoidclick},disabled:this.isdisabled,"aria-expanded":this.opened?"true":"false","aria-label":this.ariaLabel,onClick:()=>this.emitToggleClick()},t("z-icon",{key:"20fe1995a7bf74251ea9683fc1132e8c907303c7",name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}static get style(){return n}};a(r,[1,"z-toggle-button",{label:[1],isdisabled:[4],avoidclick:[4],opened:[1028],ariaLabel:[1,"aria-label"]}]);const o={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZToggleButton",tagName:"z-toggle-button",customElement:!0,members:[{kind:"field",name:"label",type:"string",description:"label text"},{kind:"field",name:"isdisabled",type:"boolean",description:"disabled status flag (optional)",default:"false"},{kind:"field",name:"avoidclick",type:"boolean",description:"avoidclick status flag"},{kind:"field",name:"opened",type:"boolean",description:"open by default (optional)",default:"false"},{kind:"field",name:"ariaLabel",type:"string",description:"aria-label for the button",default:'""'}],events:[{kind:"event",name:"toggleClick",description:"emitted on toggle button click, returns isOpen"}]}],exports:[{kind:"js",name:"ZToggleButton",declaration:{name:"ZToggleButton",module:"src/components/z-toggle-button/index.tsx"}},{kind:"custom-element-definition",name:"z-toggle-button",declaration:{name:"ZToggleButton",module:"src/components/z-toggle-button/index.tsx"}}]}]};i({...e()||{},...o,modules:[...(e()||{}).modules||[],...o.modules]}); +import"./index-BEj-2O7q.js";import{s as i,g as e}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as a,H as s,c as l,h as t}from"./index-8h8udRzn.js";const n="button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}",r=class extends s{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.toggleClick=l(this,"toggleClick",7),this.label=void 0,this.isdisabled=!1,this.avoidclick=void 0,this.opened=!1,this.ariaLabel=""}emitToggleClick(){this.isdisabled||(this.opened=!this.opened,this.toggleClick.emit(this.opened))}render(){return t("button",{key:"76b795b9dc0dfa1e3e830072fcc2e6f5ab2d2b84",tabindex:this.avoidclick?"-1":"0",class:{isopen:this.opened,"avoid-clicks":this.avoidclick},disabled:this.isdisabled,"aria-expanded":this.opened?"true":"false","aria-label":this.ariaLabel,onClick:()=>this.emitToggleClick()},t("z-icon",{key:"3c4f898fc6b7fa0827f084d4abac1ba43aa429a5",name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}static get style(){return n}};a(r,[1,"z-toggle-button",{label:[1],isdisabled:[4],avoidclick:[4],opened:[1028],ariaLabel:[1,"aria-label"]}]);const o={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZToggleButton",tagName:"z-toggle-button",customElement:!0,members:[{kind:"field",name:"label",type:"string",description:"label text"},{kind:"field",name:"isdisabled",type:"boolean",description:"disabled status flag (optional)",default:"false"},{kind:"field",name:"avoidclick",type:"boolean",description:"avoidclick status flag"},{kind:"field",name:"opened",type:"boolean",description:"open by default (optional)",default:"false"},{kind:"field",name:"ariaLabel",type:"string",description:"aria-label for the button",default:'""'}],events:[{kind:"event",name:"toggleClick",description:"emitted on toggle button click, returns isOpen"}]}],exports:[{kind:"js",name:"ZToggleButton",declaration:{name:"ZToggleButton",module:"src/components/z-toggle-button/index.tsx"}},{kind:"custom-element-definition",name:"z-toggle-button",declaration:{name:"ZToggleButton",module:"src/components/z-toggle-button/index.tsx"}}]}]};i({...e()||{},...o,modules:[...(e()||{}).modules||[],...o.modules]}); diff --git a/assets/index-nN4tEb3g.js b/assets/index-BE1WFwKx.js similarity index 86% rename from assets/index-nN4tEb3g.js rename to assets/index-BE1WFwKx.js index 41362c4ce..059f670fe 100644 --- a/assets/index-nN4tEb3g.js +++ b/assets/index-BE1WFwKx.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as a,g as n}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as l,H as c,c as s,h as e,a as d}from"./index-8h8udRzn.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)}',h=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:"694131e8682080401c47d0808236a7dfa0536312",role:"menu",open:this.open},e("button",{key:"6baaa1a3d191722ddc432fc4d3cb7f1f63df57ff",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},e("slot",{key:"baae8696d5e340d280940c0287f8baf307ea2dc8",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&e("z-icon",{key:"648302d1389b00021c561d3bda54a6e1c086014c",name:this.open?"chevron-up":"chevron-down"})),this.open&&e("div",{key:"6c3f1d583cfcd17233174f33db31f210f8ae110f",class:"items"},e("slot",{key:"aa98c35345b97e49e12379a8b34c201f59164ee0",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return this}static get style(){return r}};l(h,[1,"z-menu-section",{active:[516],open:[32],hasContent:[32]},[[4,"click","handleClick"]]]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMenuSection",tagName:"z-menu-section",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:"ZMenuSection",declaration:{name:"ZMenuSection",module:"src/components/z-menu-section/index.tsx"}},{kind:"custom-element-definition",name:"z-menu-section",declaration:{name:"ZMenuSection",module:"src/components/z-menu-section/index.tsx"}}]}]};a({...n()||{},...i,modules:[...(n()||{}).modules||[],...i.modules]}); +import"./index-BEj-2O7q.js";import{s as a,g as n}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as l,H as c,c as s,h as e,a as d}from"./index-8h8udRzn.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)}',h=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:"bbd9082ed58911f3be346f1d5390e60978bcf0c4",role:"menu",open:this.open},e("button",{key:"b6d67a5cf6aa2e41052a205df2809572819f93a1",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},e("slot",{key:"23eef4940db47cc4caa5ba326fbfd84cd7163c84",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&e("z-icon",{key:"8dd6d6af743534575885e9e59a02a1de3863bc88",name:this.open?"chevron-up":"chevron-down"})),this.open&&e("div",{key:"c2bc4bbda8afb57f251f589058bde176c2224e97",class:"items"},e("slot",{key:"a4863e0768a54eb7bd285ba9f6bd1ace2ad1196c",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return this}static get style(){return r}};l(h,[1,"z-menu-section",{active:[516],open:[32],hasContent:[32]},[[4,"click","handleClick"]]]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMenuSection",tagName:"z-menu-section",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:"ZMenuSection",declaration:{name:"ZMenuSection",module:"src/components/z-menu-section/index.tsx"}},{kind:"custom-element-definition",name:"z-menu-section",declaration:{name:"ZMenuSection",module:"src/components/z-menu-section/index.tsx"}}]}]};a({...n()||{},...i,modules:[...(n()||{}).modules||[],...i.modules]}); diff --git a/assets/index-BsCeyr6p.js b/assets/index-BImOh47f.js similarity index 97% rename from assets/index-BsCeyr6p.js rename to assets/index-BImOh47f.js index 9b85b4a6e..bcca2f8e9 100644 --- a/assets/index-BsCeyr6p.js +++ b/assets/index-BImOh47f.js @@ -1 +1 @@ -import"./index-BBieR392.js";import"./index-BthCA59f.js";import"./index-Br9s0Xfc.js";import"./index-BEj-2O7q.js";import"./index-RXeQJHrP.js";import"./index-BJJOCqId.js";import{s as I,g as h}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as v,H as y,c as m,h as l}from"./index-8h8udRzn.js";import{C as d,K as r,L as a,b as u}from"./index-CcuDdGyi.js";import{r as w,b as p,c as S,d as L,a as x}from"./utils-B_2tKo6T.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;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-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"},e.icon&&l("z-icon",{name:e.icon}),l("span",{class:{selected:!!e.selected,"list-element-content":!0},innerHTML:e.name})))}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:"2bc248255a00780f81e60006820d90f1dfb8559b",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-CZKsUp18.js";import"./index-Dp0_qmCs.js";import"./index-ZQTVAH4d.js";import"./index-BEj-2O7q.js";import"./index-CjxfHefg.js";import"./index-Tj1sX8NM.js";import{s as I,g as h}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as v,H as y,c as m,h as l}from"./index-8h8udRzn.js";import{C as d,K as r,L as a,b as u}from"./index-CcuDdGyi.js";import{r as w,b as p,c as S,d as L,a as x}from"./utils-B_2tKo6T.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;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-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"},e.icon&&l("z-icon",{name:e.icon}),l("span",{class:{selected:!!e.selected,"list-element-content":!0},innerHTML:e.name})))}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:"7deb7c8476b182e10d699590e40c8f6d7f7f2e9f",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-C8OjqDgU.js b/assets/index-Bc4jC-RU.js similarity index 81% rename from assets/index-C8OjqDgU.js rename to assets/index-Bc4jC-RU.js index 5f7dbf134..2766f1df3 100644 --- a/assets/index-C8OjqDgU.js +++ b/assets/index-Bc4jC-RU.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s,g as t}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as l,H as p,h as e,a as d}from"./index-8h8udRzn.js";import{n as f,C as c}from"./index-CcuDdGyi.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=f.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(d,{key:"d50d0257d687a29ab7f0a623d4077b174bf8f90a",open:this.open},e("button",{key:"380882c9a1ac4a89eab5603c55dcfac34bec709f",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:"55365ab22eaa06f56c8be44653155496d29d7c16",name:this.icon}),this.label&&e("span",{key:"5046edf44c776ebb665ab30f576a7d46e309f822",class:"z-info-reveal-label"},this.label)),e("div",{key:"62e01238feb12e9a58b338b74125b181dbc1645a",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:i=>this.panel=i,hidden:!this.open},e("slot",{key:"faa47ad515239e0d2d2bb450b1d431f2afae43f8"}),e("button",{key:"ff06375017ef773bf5a6238a141f5c9896248e4d",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},e("z-icon",{key:"99d80fb888626fdb487be7672a2c381e1fcf2f11",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-BEj-2O7q.js";import{s,g as t}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as l,H as c,h as e,a as f}from"./index-8h8udRzn.js";import{n as p,C as d}from"./index-CcuDdGyi.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=p.BOTTOM_RIGHT,this.label=void 0,this.ariaLabel="Apri pannello informazioni",this.size=d.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:"42663654b68d76960dd1787213c0f7d953bf0306",open:this.open},e("button",{key:"be08ddb74cc44106af94de5c258642ac641c1039",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:"5e4819ccc5f978c2f73efbd6cf295863a58757ca",name:this.icon}),this.label&&e("span",{key:"f45cc13cf7df2b242c91ffff29b4446abc7affbe",class:"z-info-reveal-label"},this.label)),e("div",{key:"19cba69d74033c0fd4cf7a70614fb817b0198e4c",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:i=>this.panel=i,hidden:!this.open},e("slot",{key:"e1e3409f172943f0e8d962aff29d8ef21284b4be"}),e("button",{key:"2f6dbd84fd2f398221fb4de646100fe7d605de07",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},e("z-icon",{key:"d41c3750c713e99844f305b2804500c7ca390768",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-Bds1j7mA.js b/assets/index-Bds1j7mA.js deleted file mode 100644 index fa690e0f0..000000000 --- a/assets/index-Bds1j7mA.js +++ /dev/null @@ -1,3 +0,0 @@ -import"./index-BEj-2O7q.js";import{s as d,g as a}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as h,H as m,c as i,h as e,a as u}from"./index-8h8udRzn.js";const f=':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-secondary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01);font-weight:var(--font-bd)}',p=class extends m{toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(n){!this.floating||!this.open||this.hostElement.contains(n.target)||(this.reflow(),this.open=!1,this.closed.emit())}onOpenChanged(){this.open?this.reflow(!0):cancelAnimationFrame(this.raf)}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.opened=i(this,"opened",7),this.closed=i(this,"closed",7),this.active=void 0,this.floating=!1,this.open=!1,this.verticalContext=!1,this.hasHeader=void 0,this.hasContent=void 0,this.toggle=this.toggle.bind(this),this.checkContent=this.checkContent.bind(this),this.onLabelSlotChange=this.onLabelSlotChange.bind(this),this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(n){const t=n.target.assignedElements()[0];t.dataset.text=t==null?void 0:t.textContent}reflow(n=!1){if(this.content){const{style:t}=this.content,{left:l}=this.hostElement.getBoundingClientRect(),o=getComputedStyle(this.content).width,r=o?parseFloat(o.replace("px","")):375,c=30;t.left=`${Math.min(window.innerWidth-l-r-c,0)}px`}n&&(this.raf=requestAnimationFrame(this.reflow.bind(this,n)))}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length,this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent(),this.hostElement.querySelectorAll("[slot=item]").forEach(t=>{t.setAttribute("role","menuitem"),t.dataset.text=t.textContent})}renderMenuLabel(){return this.hasContent?e("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},e("div",{class:"menu-label-content"},e("slot",{onSlotchange:this.onLabelSlotChange}),e("z-icon",{name:this.open?"chevron-up":"chevron-down"}))):e("div",{class:"menu-label"},e("div",{class:"menu-label-content"},e("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return e(u,{key:"50b534a705a5b830df87fdb0bc8c6247cb0f19df"},this.renderMenuLabel(),this.hasContent&&e("div",{key:"812572645a5fc8139c393ec88ed564a2c1c2269e",class:"content",ref:n=>this.content=n},this.hasHeader&&e("header",{key:"ccb72cb81643228c1360277c9e86615bc9fab958",class:"header"},e("slot",{key:"a7a523177433ddf9d25ad8d168db2383b2e312fa",name:"header",onSlotchange:this.checkContent})),e("div",{key:"6512978e447df5491c12635453cbecab91b301d5",class:"items",role:"menu"},e("slot",{key:"5a1f4a0ab684ced609d8031575c87c77306fac80",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return this}static get watchers(){return{open:["onOpenChanged"]}}static get style(){return f}};h(p,[1,"z-menu",{active:[516],floating:[516],open:[1540],verticalContext:[516,"vertical-context"],hasHeader:[32],hasContent:[32]},[[4,"click","handleClick"]],{open:["onOpenChanged"]}]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMenu",tagName:"z-menu",customElement:!0,members:[{kind:"field",name:"active",type:"boolean",description:"Flag to set the active status of the menu."},{kind:"field",name:"floating",type:"boolean",description:`Flag to set the display mode of the list. -If true, the list will be absolutely positioned under the menu label, -stacked beneath it otherwise.`,default:"false"},{kind:"field",name:"open",type:"boolean",description:"The opening state of the menu.",default:"false"},{kind:"field",name:"verticalContext",type:"boolean",description:"Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\nA small border is placed under it as a separator from other elements.",default:"false"}],events:[{kind:"event",name:"opened",description:"The menu has been opened."},{kind:"event",name:"closed",description:"The menu has been closed."}],cssProperties:[{name:"--z-menu-label-color",description:"Color of the label's text."}],slots:[{name:"-",description:"Menu label"},{name:"header",description:"Header to display as the first entry of the open menu."},{name:"item",description:"Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus."}]}],exports:[{kind:"js",name:"ZMenu",declaration:{name:"ZMenu",module:"src/components/z-menu/index.tsx"}},{kind:"custom-element-definition",name:"z-menu",declaration:{name:"ZMenu",module:"src/components/z-menu/index.tsx"}}]}]};d({...a()||{},...s,modules:[...(a()||{}).modules||[],...s.modules]}); diff --git a/assets/index-DyF7TqHx.js b/assets/index-BhaMvf-y.js similarity index 53% rename from assets/index-DyF7TqHx.js rename to assets/index-BhaMvf-y.js index 532759eca..016a26cfc 100644 --- a/assets/index-DyF7TqHx.js +++ b/assets/index-BhaMvf-y.js @@ -1 +1 @@ -import{M,u as a}from"./index-B3sOkjo_.js";import"./index-oCfS0by4.js";import"./iframe-6NHl8rp_.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";export{M as MDXProvider,a as useMDXComponents}; +import{M,u as a}from"./index-DXSXYuhY.js";import"./index-DMccHVng.js";import"./iframe-Cj0vuvo1.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";export{M as MDXProvider,a as useMDXComponents}; diff --git a/assets/index-iGRnS4Qs.js b/assets/index-BmzYkF8X.js similarity index 99% rename from assets/index-iGRnS4Qs.js rename to assets/index-BmzYkF8X.js index 1adf04721..746a6a90f 100644 --- a/assets/index-iGRnS4Qs.js +++ b/assets/index-BmzYkF8X.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import"./index-Bl332Q6e.js";import{s as l,g as o}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as c,c as p,h as i}from"./index-8h8udRzn.js";import{P as h}from"./index-CcuDdGyi.js";import{a as f}from"./utils-B_2tKo6T.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:"75304e108278c0d2ea117c5726ec8e33fb2e1a0b"},this.renderCloseIcon(),i("div",{key:"d22253eb6e98b3a31cec42c30b1fbe3e49612d6c",class:"content-wrapper",ref:e=>this.contentWrapper=e},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),i("div",{key:"c0635b3ce10330bc8654c1f2efa2ecaa939ea743",class:"cta-wrapper"},i("slot",{key:"122b78701ef0854d4658c61ba32a1cf976d7cff4"})))}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-BEj-2O7q.js";import"./index-D7ybjOoV.js";import{s as l,g as o}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as c,c as p,h as i}from"./index-8h8udRzn.js";import{P as h}from"./index-CcuDdGyi.js";import{a as f}from"./utils-B_2tKo6T.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:"75304e108278c0d2ea117c5726ec8e33fb2e1a0b"},this.renderCloseIcon(),i("div",{key:"d22253eb6e98b3a31cec42c30b1fbe3e49612d6c",class:"content-wrapper",ref:e=>this.contentWrapper=e},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),i("div",{key:"c0635b3ce10330bc8654c1f2efa2ecaa939ea743",class:"cta-wrapper"},i("slot",{key:"122b78701ef0854d4658c61ba32a1cf976d7cff4"})))}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-BaacvMGM.js b/assets/index-CGBfektC.js similarity index 93% rename from assets/index-BaacvMGM.js rename to assets/index-CGBfektC.js index 2b7780dab..95125fda2 100644 --- a/assets/index-BaacvMGM.js +++ b/assets/index-CGBfektC.js @@ -1 +1 @@ -import{s as d,g as i}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as r,H as t,h as s,a as o}from"./index-8h8udRzn.js";import{D as a,f as n}from"./index-CcuDdGyi.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:"c01864ddb304a69922c849386b9d3da235ff40b2",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-GKNNPQCW-BkHQSocK.js";import{d as r,H as t,h as s,a as o}from"./index-8h8udRzn.js";import{D as a,f as n}from"./index-CcuDdGyi.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:"55e0fa34d52156dfd850db23eec0f8bb618615b2",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-Dmi-EQxD.js b/assets/index-CJ60FC1p.js similarity index 93% rename from assets/index-Dmi-EQxD.js rename to assets/index-CJ60FC1p.js index 7e958c8c7..24caef349 100644 --- a/assets/index-Dmi-EQxD.js +++ b/assets/index-CJ60FC1p.js @@ -1 +1 @@ -import{s as l,g as n}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as c,h as a}from"./index-8h8udRzn.js";const m='ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}',u=class extends c{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.listdata=void 0,this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,e){(t.keyCode==32||t.keyCode==13)&&(t.preventDefault(),window.open(e,"_blank"))}formatListContent(t){const{value:e,isLink:r,url:s}=t;return r?a("a",{role:"button",onKeyPress:o=>this.handleSpaceKeyPress(o,s),href:s,target:"_blank"},e):a("span",null,e)}renderList(t){return t.map(e=>a("li",null,this.formatListContent(e)))}render(){return a("ul",{key:"125bd94f717cb16314bf300e4baf21156e2bba33"},this.renderList(JSON.parse(this.listdata)))}static get style(){return m}};d(u,[1,"z-myz-card-list",{listdata:[1]}]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMyzCardList",tagName:"z-myz-card-list",customElement:!0,members:[{kind:"field",name:"listdata",type:"string",description:"list data stringified array"}],events:[]}],exports:[{kind:"js",name:"ZMyzCardList",declaration:{name:"ZMyzCardList",module:"src/snowflakes/myz/card/z-myz-card-list/index.tsx"}},{kind:"custom-element-definition",name:"z-myz-card-list",declaration:{name:"ZMyzCardList",module:"src/snowflakes/myz/card/z-myz-card-list/index.tsx"}}]}]};l({...n()||{},...i,modules:[...(n()||{}).modules||[],...i.modules]}); +import{s as l,g as n}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as c,h as a}from"./index-8h8udRzn.js";const m='ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}',u=class extends c{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.listdata=void 0,this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,e){(t.keyCode==32||t.keyCode==13)&&(t.preventDefault(),window.open(e,"_blank"))}formatListContent(t){const{value:e,isLink:r,url:s}=t;return r?a("a",{role:"button",onKeyPress:o=>this.handleSpaceKeyPress(o,s),href:s,target:"_blank"},e):a("span",null,e)}renderList(t){return t.map(e=>a("li",null,this.formatListContent(e)))}render(){return a("ul",{key:"a9cf658a0b7d593aafbd2675af20a7ebaec5716b"},this.renderList(JSON.parse(this.listdata)))}static get style(){return m}};d(u,[1,"z-myz-card-list",{listdata:[1]}]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMyzCardList",tagName:"z-myz-card-list",customElement:!0,members:[{kind:"field",name:"listdata",type:"string",description:"list data stringified array"}],events:[]}],exports:[{kind:"js",name:"ZMyzCardList",declaration:{name:"ZMyzCardList",module:"src/snowflakes/myz/card/z-myz-card-list/index.tsx"}},{kind:"custom-element-definition",name:"z-myz-card-list",declaration:{name:"ZMyzCardList",module:"src/snowflakes/myz/card/z-myz-card-list/index.tsx"}}]}]};l({...n()||{},...i,modules:[...(n()||{}).modules||[],...i.modules]}); diff --git a/assets/index-jJCpT-2t.js b/assets/index-CJy7_5hy.js similarity index 93% rename from assets/index-jJCpT-2t.js rename to assets/index-CJy7_5hy.js index 6f1d754c0..d1cca8c45 100644 --- a/assets/index-jJCpT-2t.js +++ b/assets/index-CJy7_5hy.js @@ -1 +1 @@ -import{s as t,g as e}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as i,h as d}from"./index-8h8udRzn.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 i{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return d("slot",{key:"716e9305bfa51629a376f498238d34d43e8c3176"})}static get style(){return a}};n(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-GKNNPQCW-BkHQSocK.js";import{d as n,H as i,h as d}from"./index-8h8udRzn.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 i{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return d("slot",{key:"506043d707c58567a3a7b8c48ed41a903c8222c3"})}static get style(){return a}};n(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-Chvsfxua.js b/assets/index-CS_M42rG.js similarity index 92% rename from assets/index-Chvsfxua.js rename to assets/index-CS_M42rG.js index 9407281e8..bbfc9417a 100644 --- a/assets/index-Chvsfxua.js +++ b/assets/index-CS_M42rG.js @@ -1,3 +1,3 @@ import{s as o,g as t}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as i,H as c,c as r,h as a,a as f}from"./index-8h8udRzn.js";import{O as n,m as v}from"./index-CcuDdGyi.js";const d=`.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;min-width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01)}[variant="pushcontent"].sc-z-offcanvas-h{display:none}[open].sc-z-offcanvas-h{display:flex;visibility:visible}.sc-z-offcanvas-h:not([open]){visibility:hidden}[variant="overlay"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;display:flex;height:calc(100% - var(--z-offcanvas--top-space))}[variant="overlay"][transitiondirection="left"].sc-z-offcanvas-h{justify-content:end}[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant="overlay"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow: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;overflow-x:hidden}[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (max-width: 767px){[open][transitiondirection="left"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection="right"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}.sc-z-offcanvas-h:not([variant="overlay"])[open]:not(.skip-animation){width:auto;animation:grow 0.4s ease-out}}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open][variant="overlay"][transitiondirection="left"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection="right"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{transform:translateX(-100%);transition:visibility 0.4s ease-out, transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="left"]>.canvas-container.sc-z-offcanvas{transform:translateX(100%);transition:visibility 0.4s ease-out, - transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"] .canvas-background.sc-z-offcanvas{transition:visibility 0.4s ease-out;visibility:hidden}`,l=class extends c{constructor(){super(),this.__registerHost(),this.canvasOpenStatusChanged=r(this,"canvasOpenStatusChanged",7),this.variant=n.PUSHCONTENT,this.open=!1,this.transitiondirection=v.LEFT,this.skipLoadAnimation=!1}onOpenChanged(){!this.open&&this.skipLoadAnimation&&(this.skipLoadAnimation=!1),this.handlePageOverflow(),this.canvasOpenStatusChanged.emit(this.open)}handlePageOverflow(){const s=this.variant===n.OVERLAY?"overflow-y":"overflow-x";document.body.style[s]=this.open?"hidden":""}disconnectedCallback(){this.open=!1}render(){return a(f,{key:"a3585f080a36bbfb7abd6b1407e67271954bebfc",class:{"skip-animation":this.skipLoadAnimation}},a("div",{key:"631b843b0217e2d64b459c461145f07f6246bac2",role:"presentation",class:"canvas-container",onTransitionEnd:()=>this.handlePageOverflow()},a("div",{key:"9b58aa99124115e66215aa619a251a4630cfd69e",role:"presentation",class:"canvas-content"},a("slot",{key:"abcb57d266ad6d39eaa75c0145cd9792ed24e4d2",name:"canvasContent"}))),this.variant==n.OVERLAY&&a("div",{key:"d1d231c0d4cf88860d58d4024444b0b1f0bbd956",class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1}))}static get watchers(){return{open:["onOpenChanged"]}}static get style(){return d}};i(l,[6,"z-offcanvas",{variant:[520],open:[1540],transitiondirection:[520],skipLoadAnimation:[1028,"skip-load-animation"]},void 0,{open:["onOpenChanged"]}]);const e={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.\nCan be one `overlay` or `pushcontent`.\nDefault variant: pushcontent",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 content transitioning in a specified direction left | right. Default: left",default:"TransitionDirection.LEFT"},{kind:"field",name:"skipLoadAnimation",type:"boolean",description:"Whether to skip the initial animation.\nUseful when the initial value of the `open` prop is set to `true`.",default:"false"}],events:[{kind:"event",name:"canvasOpenStatusChanged",description:"emitted when `open` prop changes"}],slots:[{name:"canvasContent",description:"Slot for the main 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"}}]}]};o({...t()||{},...e,modules:[...(t()||{}).modules||[],...e.modules]}); + transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"] .canvas-background.sc-z-offcanvas{transition:visibility 0.4s ease-out;visibility:hidden}`,l=class extends c{constructor(){super(),this.__registerHost(),this.canvasOpenStatusChanged=r(this,"canvasOpenStatusChanged",7),this.variant=n.PUSHCONTENT,this.open=!1,this.transitiondirection=v.LEFT,this.skipLoadAnimation=!1}onOpenChanged(){!this.open&&this.skipLoadAnimation&&(this.skipLoadAnimation=!1),this.handlePageOverflow(),this.canvasOpenStatusChanged.emit(this.open)}handlePageOverflow(){const s=this.variant===n.OVERLAY?"overflow-y":"overflow-x";document.body.style[s]=this.open?"hidden":""}disconnectedCallback(){this.open=!1}render(){return a(f,{key:"1db599c7f5c74915787c95ebf3177206e1b51ab3",class:{"skip-animation":this.skipLoadAnimation}},a("div",{key:"157d60122f8af393ad32bafbb2cee903acd2e0db",role:"presentation",class:"canvas-container",onTransitionEnd:()=>this.handlePageOverflow()},a("div",{key:"dd6d97a659618c2913570835c79c3c3685dec20e",role:"presentation",class:"canvas-content"},a("slot",{key:"4667e825e8a054440e897709372f86afe5f102a8",name:"canvasContent"}))),this.variant==n.OVERLAY&&a("div",{key:"5a51ac29006dc681fd87eb81905c45a100d7076c",class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1}))}static get watchers(){return{open:["onOpenChanged"]}}static get style(){return d}};i(l,[6,"z-offcanvas",{variant:[520],open:[1540],transitiondirection:[520],skipLoadAnimation:[1028,"skip-load-animation"]},void 0,{open:["onOpenChanged"]}]);const e={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.\nCan be one `overlay` or `pushcontent`.\nDefault variant: pushcontent",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 content transitioning in a specified direction left | right. Default: left",default:"TransitionDirection.LEFT"},{kind:"field",name:"skipLoadAnimation",type:"boolean",description:"Whether to skip the initial animation.\nUseful when the initial value of the `open` prop is set to `true`.",default:"false"}],events:[{kind:"event",name:"canvasOpenStatusChanged",description:"emitted when `open` prop changes"}],slots:[{name:"canvasContent",description:"Slot for the main 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"}}]}]};o({...t()||{},...e,modules:[...(t()||{}).modules||[],...e.modules]}); diff --git a/assets/index-BBieR392.js b/assets/index-CZKsUp18.js similarity index 99% rename from assets/index-BBieR392.js rename to assets/index-CZKsUp18.js index caae15ecf..5f8ef79e2 100644 --- a/assets/index-BBieR392.js +++ b/assets/index-CZKsUp18.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import"./index-BJJOCqId.js";import{s as u,g as c}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as h,c as a,h as e,a as b}from"./index-8h8udRzn.js";import{h as r,C as z,g as i}from"./index-CcuDdGyi.js";import{r as m,b as l}from"./utils-B_2tKo6T.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,[readonly="false"].sc-z-input-h .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>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,.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);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)}',k=class extends h{constructor(){super(),this.__registerHost(),this.inputChange=a(this,"inputChange",7),this.startTyping=a(this,"startTyping",7),this.stopTyping=a(this,"stopTyping",7),this.inputCheck=a(this,"inputCheck",7),this.inputFocus=a(this,"inputFocus",7),this.inputBlur=a(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}:{},n=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{},o=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},t),s),n),o)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(t=i.TEXT){const s=this.ariaLabel?{"aria-label":this.ariaLabel}:{},n=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(n.class,{"has-icon":!0}),this.hasclearicon&&t!=i.NUMBER&&Object.assign(n.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},n,{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(l(this.message)!==!1)return e("z-input-message",{message:l(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:"8855abf9b138c62087065298243fde92da1d281d"},t)}get hostElement(){return this}static get style(){return f+(v+(x+g))}};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 p={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()||{},...p,modules:[...(c()||{}).modules||[],...p.modules]}); +import"./index-BEj-2O7q.js";import"./index-Tj1sX8NM.js";import{s as u,g as c}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as h,c as a,h as e,a as b}from"./index-8h8udRzn.js";import{h as r,C as z,g as i}from"./index-CcuDdGyi.js";import{r as m,b as l}from"./utils-B_2tKo6T.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,[readonly="false"].sc-z-input-h .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>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,.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);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)}',k=class extends h{constructor(){super(),this.__registerHost(),this.inputChange=a(this,"inputChange",7),this.startTyping=a(this,"startTyping",7),this.stopTyping=a(this,"stopTyping",7),this.inputCheck=a(this,"inputCheck",7),this.inputFocus=a(this,"inputFocus",7),this.inputBlur=a(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}:{},n=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{},o=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},t),s),n),o)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(t=i.TEXT){const s=this.ariaLabel?{"aria-label":this.ariaLabel}:{},n=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(n.class,{"has-icon":!0}),this.hasclearicon&&t!=i.NUMBER&&Object.assign(n.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},n,{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(l(this.message)!==!1)return e("z-input-message",{message:l(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:"9ab82dcab738ea80eff89e0a77c550ce0c450285"},t)}get hostElement(){return this}static get style(){return f+(v+(x+g))}};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 p={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()||{},...p,modules:[...(c()||{}).modules||[],...p.modules]}); diff --git a/assets/index-Doo_rrKm.js b/assets/index-CegvAjOS.js similarity index 99% rename from assets/index-Doo_rrKm.js rename to assets/index-CegvAjOS.js index 95a07b585..942b9a460 100644 --- a/assets/index-Doo_rrKm.js +++ b/assets/index-CegvAjOS.js @@ -1,4 +1,4 @@ -import"./index-BBieR392.js";import{s as R,g as I}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as H,H as Z,c as W,h as y}from"./index-8h8udRzn.js";import{f as q,s as U,c as M,i as K,a as L,b as V,v as B}from"./style-KFmYbXyj.js";import{c as G,g as X}from"./_commonjsHelpers-Cpj98o6Y.js";import{Z as m,s as J,g as Q}from"./index-CcuDdGyi.js";var F={exports:{}};(function(a,s){(function(c,u){a.exports=u()})(G,function(){/*! ***************************************************************************** +import"./index-CZKsUp18.js";import{s as R,g as I}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as H,H as Z,c as W,h as y}from"./index-8h8udRzn.js";import{f as q,s as U,c as M,i as K,a as L,b as V,v as B}from"./style-KFmYbXyj.js";import{c as G,g as X}from"./_commonjsHelpers-Cpj98o6Y.js";import{Z as m,s as J,g as Q}from"./index-CcuDdGyi.js";var F={exports:{}};(function(a,s){(function(c,u){a.exports=u()})(G,function(){/*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any @@ -11,4 +11,4 @@ import"./index-BBieR392.js";import{s as R,g as I}from"./chunk-GKNNPQCW-BkHQSocK. 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 c=function(){return c=Object.assign||function(n){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(i){i.dateObj.setFullYear(t.currentYear),t.config.minDate&&i.dateObjt.config.maxDate?i.classList.add("flatpickr-disabled"):i.classList.remove("flatpickr-disabled")})}k()}function C(e){e.preventDefault(),e.stopPropagation();var r=v(e);if(r instanceof Element&&!r.classList.contains("flatpickr-disabled")&&!r.classList.contains("notAllowed")&&(_(r.dateObj),t.config.closeOnSelect)){var i=t.config.mode==="single",p=t.config.mode==="range"&&t.selectedDates.length===2;(i||p)&&t.close()}}function _(e){var r=new Date(t.currentYear,e.getMonth(),e.getDate()),i=[];switch(t.config.mode){case"single":i=[r];break;case"multiple":i.push(r);break;case"range":t.selectedDates.length===2?i=[r]:(i=t.selectedDates.concat([r]),i.sort(function(p,S){return p.getTime()-S.getTime()}));break}t.setDate(i,!0),k()}var P={37:-1,39:1,40:3,38:-3};function O(e,r,i,p){var S=P[p.keyCode]!==void 0;if(!(!S&&p.keyCode!==13)&&!(!t.rContainer||!o.monthsContainer)){var $=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),E=Array.prototype.indexOf.call(o.monthsContainer.children,document.activeElement);if(E===-1){var T=$||o.monthsContainer.firstElementChild;T.focus(),E=T.$i}S?o.monthsContainer.children[(12+E+P[p.keyCode])%12].focus():p.keyCode===13&&o.monthsContainer.contains(document.activeElement)&&_(document.activeElement.dateObj)}}function Y(){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 A(){n._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(n._stubbedCurrentMonth),t.currentMonth=n._stubbedCurrentMonth}function j(){n._stubbedCurrentMonth&&(t._initialDate.setMonth(n._stubbedCurrentMonth),t.currentMonth=n._stubbedCurrentMonth,delete n._stubbedCurrentMonth)}function N(){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 Z{constructor(){super(),this.__registerHost(),this.dateSelect=W(this,"dateSelect",7),this.datePickerId=void 0,this.ariaLabel="",this.label=void 0,this.mode=m.DATE,this.flatpickrPosition=J.BOTTOM,this.inputError=!1}emitDateSelect(a){this.dateSelect.emit(a)}handleKeyDown(a){var s,c,u,f,v,D,w;if(a.key==="Escape"&&((s=this.picker)===null||s===void 0||s.close()),a.key==="Enter"||a.key===" "){!this.hasChildren&&((c=this.picker)===null||c===void 0||c.open()),document.activeElement.classList.contains("reset-icon")&&(this.inputError=!1,(u=this.picker)===null||u===void 0||u.setDate([]),this.dateSelect.emit(null)),document.activeElement.classList.contains("flatpickr-day");const n=document.activeElement.classList.contains("flatpickr-prev-month"),t=document.activeElement.classList.contains("flatpickr-next-month"),o=n||t;if(o&&a.key===" "&&a.preventDefault(),this.mode===m.MONTHS){if(n&&((f=this.picker)===null||f===void 0||f.changeYear(this.picker.currentYear-1)),t&&((v=this.picker)===null||v===void 0||v.changeYear(this.picker.currentYear+1)),o){const g=this.element.getElementsByClassName("flatpickr-calendar")[0],d=g==null?void 0:g.querySelectorAll(".flatpickr-monthSelect-month");d==null||d.forEach(h=>{var b;h.setAttribute("aria-label",`${h.innerHTML} ${(b=this.picker)===null||b===void 0?void 0:b.currentYear}`)}),d&&Array.from(d).forEach((h,b)=>{var k;const x=new Date().getMonth(),C=new Date().getFullYear();b===x&&(((k=this.picker)===null||k===void 0?void 0:k.currentYear)===C?h.setAttribute("class","flatpickr-monthSelect-month today"):h.setAttribute("class","flatpickr-monthSelect-month"))})}}else n&&((D=this.picker)===null||D===void 0||D.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===m.DATE_TIME,locale:K.Italian,allowInput:!0,dateFormat:this.mode===m.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===m.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:!0,onChange:(s,c)=>{this.emitDateSelect(c)},onOpen:()=>{L(this.element,this.mode),this.flatpickrPosition=V(this.element,this.mode)},onKeyDown:()=>{L(this.element,this.mode)},wrap:!0,plugins:this.mode===m.MONTHS&&[et({dateFormat:"m-Y",altFormat:"m-Y"})]}),this.element.querySelectorAll(".flatpickr-weekday").forEach(s=>{s.innerHTML=s.innerHTML.trim().charAt(0)})}formatDate(a){return this.mode===m.DATE?`${M.formatDate(a,"d-m-Y")}`:this.mode===m.MONTHS?`${M.formatDate(a,"m-Y")}`:`${M.formatDate(a,"d-m-Y - H:i")}`}onStopTyping(a){let s=a.detail.value;this.mode===m.MONTHS&&(s="01-".concat(a.detail.value));const c=s.split("-"),u=this.mode===m.DATE_TIME?`T${c[3]}:00`:"",f=`${c[2]}-${c[1]}-${c[0]}${u}`.split(" ").join(""),v=B(f,this.mode===m.DATE_TIME);s===""?(this.inputError=!1,this.picker.setDate([]),this.dateSelect.emit(null)):v?v&&(this.inputError=!1,this.picker.setDate([a.detail.value]),this.dateSelect.emit(this.formatDate(new Date(f)))):(this.inputError=!0,this.dateSelect.emit(null))}renderSlottedContent(){return y("div",{class:`${this.datePickerId}-hidden`},y("input",{class:"hidden-input","data-input":!0}),y("slot",{name:"toggle"}))}renderZInput(){return y("div",{class:`${this.datePickerId}-container`},y("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:Q.TEXT,icon:"event",message:!1,tabindex:"0",value:"",onStopTyping:a=>{this.onStopTyping(a)},onStartTyping:()=>{this.inputError=!1}}))}render(){return y("div",{key:"5fdc5dae4d132620e8a5354a838f8525f4e14313",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}};H(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 z={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"}}]}]};R({...I()||{},...z,modules:[...(I()||{}).modules||[],...z.modules]}); + ***************************************************************************** */var c=function(){return c=Object.assign||function(n){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(i){i.dateObj.setFullYear(t.currentYear),t.config.minDate&&i.dateObjt.config.maxDate?i.classList.add("flatpickr-disabled"):i.classList.remove("flatpickr-disabled")})}k()}function C(e){e.preventDefault(),e.stopPropagation();var r=v(e);if(r instanceof Element&&!r.classList.contains("flatpickr-disabled")&&!r.classList.contains("notAllowed")&&(_(r.dateObj),t.config.closeOnSelect)){var i=t.config.mode==="single",p=t.config.mode==="range"&&t.selectedDates.length===2;(i||p)&&t.close()}}function _(e){var r=new Date(t.currentYear,e.getMonth(),e.getDate()),i=[];switch(t.config.mode){case"single":i=[r];break;case"multiple":i.push(r);break;case"range":t.selectedDates.length===2?i=[r]:(i=t.selectedDates.concat([r]),i.sort(function(p,S){return p.getTime()-S.getTime()}));break}t.setDate(i,!0),k()}var P={37:-1,39:1,40:3,38:-3};function O(e,r,i,p){var S=P[p.keyCode]!==void 0;if(!(!S&&p.keyCode!==13)&&!(!t.rContainer||!o.monthsContainer)){var $=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),E=Array.prototype.indexOf.call(o.monthsContainer.children,document.activeElement);if(E===-1){var T=$||o.monthsContainer.firstElementChild;T.focus(),E=T.$i}S?o.monthsContainer.children[(12+E+P[p.keyCode])%12].focus():p.keyCode===13&&o.monthsContainer.contains(document.activeElement)&&_(document.activeElement.dateObj)}}function Y(){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 A(){n._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(n._stubbedCurrentMonth),t.currentMonth=n._stubbedCurrentMonth}function j(){n._stubbedCurrentMonth&&(t._initialDate.setMonth(n._stubbedCurrentMonth),t.currentMonth=n._stubbedCurrentMonth,delete n._stubbedCurrentMonth)}function N(){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 Z{constructor(){super(),this.__registerHost(),this.dateSelect=W(this,"dateSelect",7),this.datePickerId=void 0,this.ariaLabel="",this.label=void 0,this.mode=m.DATE,this.flatpickrPosition=J.BOTTOM,this.inputError=!1}emitDateSelect(a){this.dateSelect.emit(a)}handleKeyDown(a){var s,c,u,f,v,D,w;if(a.key==="Escape"&&((s=this.picker)===null||s===void 0||s.close()),a.key==="Enter"||a.key===" "){!this.hasChildren&&((c=this.picker)===null||c===void 0||c.open()),document.activeElement.classList.contains("reset-icon")&&(this.inputError=!1,(u=this.picker)===null||u===void 0||u.setDate([]),this.dateSelect.emit(null)),document.activeElement.classList.contains("flatpickr-day");const n=document.activeElement.classList.contains("flatpickr-prev-month"),t=document.activeElement.classList.contains("flatpickr-next-month"),o=n||t;if(o&&a.key===" "&&a.preventDefault(),this.mode===m.MONTHS){if(n&&((f=this.picker)===null||f===void 0||f.changeYear(this.picker.currentYear-1)),t&&((v=this.picker)===null||v===void 0||v.changeYear(this.picker.currentYear+1)),o){const g=this.element.getElementsByClassName("flatpickr-calendar")[0],d=g==null?void 0:g.querySelectorAll(".flatpickr-monthSelect-month");d==null||d.forEach(h=>{var b;h.setAttribute("aria-label",`${h.innerHTML} ${(b=this.picker)===null||b===void 0?void 0:b.currentYear}`)}),d&&Array.from(d).forEach((h,b)=>{var k;const x=new Date().getMonth(),C=new Date().getFullYear();b===x&&(((k=this.picker)===null||k===void 0?void 0:k.currentYear)===C?h.setAttribute("class","flatpickr-monthSelect-month today"):h.setAttribute("class","flatpickr-monthSelect-month"))})}}else n&&((D=this.picker)===null||D===void 0||D.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===m.DATE_TIME,locale:K.Italian,allowInput:!0,dateFormat:this.mode===m.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===m.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:!0,onChange:(s,c)=>{this.emitDateSelect(c)},onOpen:()=>{L(this.element,this.mode),this.flatpickrPosition=V(this.element,this.mode)},onKeyDown:()=>{L(this.element,this.mode)},wrap:!0,plugins:this.mode===m.MONTHS&&[et({dateFormat:"m-Y",altFormat:"m-Y"})]}),this.element.querySelectorAll(".flatpickr-weekday").forEach(s=>{s.innerHTML=s.innerHTML.trim().charAt(0)})}formatDate(a){return this.mode===m.DATE?`${M.formatDate(a,"d-m-Y")}`:this.mode===m.MONTHS?`${M.formatDate(a,"m-Y")}`:`${M.formatDate(a,"d-m-Y - H:i")}`}onStopTyping(a){let s=a.detail.value;this.mode===m.MONTHS&&(s="01-".concat(a.detail.value));const c=s.split("-"),u=this.mode===m.DATE_TIME?`T${c[3]}:00`:"",f=`${c[2]}-${c[1]}-${c[0]}${u}`.split(" ").join(""),v=B(f,this.mode===m.DATE_TIME);s===""?(this.inputError=!1,this.picker.setDate([]),this.dateSelect.emit(null)):v?v&&(this.inputError=!1,this.picker.setDate([a.detail.value]),this.dateSelect.emit(this.formatDate(new Date(f)))):(this.inputError=!0,this.dateSelect.emit(null))}renderSlottedContent(){return y("div",{class:`${this.datePickerId}-hidden`},y("input",{class:"hidden-input","data-input":!0}),y("slot",{name:"toggle"}))}renderZInput(){return y("div",{class:`${this.datePickerId}-container`},y("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:Q.TEXT,icon:"event",message:!1,tabindex:"0",value:"",onStopTyping:a=>{this.onStopTyping(a)},onStartTyping:()=>{this.inputError=!1}}))}render(){return y("div",{key:"8c4d44a8edaf36d1ece9bc5a11e03782444ea396",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}};H(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 z={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"}}]}]};R({...I()||{},...z,modules:[...(I()||{}).modules||[],...z.modules]}); diff --git a/assets/index-CjxfHefg.js b/assets/index-CjxfHefg.js new file mode 100644 index 000000000..00b2e4651 --- /dev/null +++ b/assets/index-CjxfHefg.js @@ -0,0 +1 @@ +import"./index-CGBfektC.js";import{s as o,g as s}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as a,h as t,a as l}from"./index-8h8udRzn.js";import{b as p,L as r,D as h,c}from"./index-CcuDdGyi.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 a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.size=p.MEDIUM,this.dividerType=r.NONE,this.dividerSize=h.SMALL,this.dividerColor="gray200",this.listType=c.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:"0179d05bd1a0c088b456ebbe878c7e8a21e1d01a",role:"group"},t("div",{key:"6d9594f1a22b9605dffd8f7b7bd43429e2c73772",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},t("slot",{key:"f6fb70971ce9f1acd3662298482868e9b89e10c6",name:"header-title"}),this.dividerType===r.HEADER&&t("z-divider",{key:"9dc74b096eabff5e9c6896d97697d6bbb532c1d1",color:this.dividerColor,size:this.dividerSize})),t("slot",{key:"109b353d83710c6d5d6fe759915eabc2448b63c1"}))}get host(){return this}static get style(){return m}};n(u,[1,"z-list-group",{size:[520],dividerType:[520,"divider-type"],dividerSize:[520,"divider-size"],dividerColor:[513,"divider-color"],listType:[520,"list-type"]}]);const d={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"}}]}]};o({...s()||{},...d,modules:[...(s()||{}).modules||[],...d.modules]}); diff --git a/assets/index-CBN7tuZc.js b/assets/index-CmUeszjN.js similarity index 97% rename from assets/index-CBN7tuZc.js rename to assets/index-CmUeszjN.js index 6c8cb1916..081ca9d20 100644 --- a/assets/index-CBN7tuZc.js +++ b/assets/index-CmUeszjN.js @@ -1 +1 @@ -import"./index-BBieR392.js";import"./index-yOVBEWgS.js";import"./index-BthCA59f.js";import"./index-RXeQJHrP.js";import"./index-Br9s0Xfc.js";import"./index-BEj-2O7q.js";import"./index-CPdUOJpP.js";import{s as y,g as d}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as z,H as S,c,h as t,a as k}from"./index-8h8udRzn.js";import{C as w,B as C,e as m,L as u}from"./index-CcuDdGyi.js";import{r as x,g as p,h as I}from"./utils-B_2tKo6T.js";const R=':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);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}.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{display:block}.results z-list-element>.list-element{display:flex;justify-content:space-between}.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-3)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.has-category{padding-left:calc(var(--space-unit) * 3)}.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}}@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"])::part(list-item-container){min-height:calc(var(--space-unit) * 4.5);padding:0}:host([size="x-small"])::part(list-item-container){min-height:calc(var(--space-unit) * 4);padding:0}',L=class extends S{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.searchSubmit=c(this,"searchSubmit",7),this.searchTyping=c(this,"searchTyping",7),this.searchItemClick=c(this,"searchItemClick",7),this.resultsItemsList=null,this.htmlid=`searchbar-${x()}`,this.preventSubmit=!1,this.value=void 0,this.placeholder=void 0,this.autocomplete=!1,this.autocompleteMinChars=3,this.resultsCount=void 0,this.resultsEllipsis=!0,this.searchHelperLabel="Cerca {searchString}",this.resultsItems=void 0,this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=w.BIG,this.variant=C.PRIMARY,this.searchString=this.value,this.currResultsCount=0,this.showResults=!1,this.isMobile=!1}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(e){this.searchTyping.emit(e)}emitSearchItemClick(e){this.searchItemClick.emit(e)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString),this.searchString||(this.currResultsCount=this.resultsCount)}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver(()=>{p()===m.MOBILE&&!this.isMobile&&(this.isMobile=!0),p()!==m.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 s={};return e.forEach(i=>{var r;const a=`${i==null?void 0:i.category}${i==null?void 0:i.subcategory}`;s[a]=(r=s[a])!==null&&r!==void 0?r:{category:i==null?void 0:i.category,subcategory:i==null?void 0:i.subcategory,items:[]},s[a].items.push(i)}),this.sortResultsItems?Object.keys(s).sort().reduce((i,r)=>(i[r]=Object.assign(Object.assign({},s[r]),{items:s[r].items.sort((a,o)=>{const n=a.label.toUpperCase(),l=o.label.toUpperCase();return nl?1:0})}),i),{}):s}checkResultsCount(e){return!this.currResultsCount||er.nodeName==="Z-SEARCHBAR");if(!i||i.htmlid!==this.htmlid){this.showResults=!1;return}if(s.find(r=>{var a;return(r==null?void 0:r.nodeName)==="Z-INPUT"||((a=r==null?void 0:r.classList)===null||a===void 0?void 0:a.contains("results"))})){this.showResults=!0;return}this.showResults=!1}renderInput(){return t("z-input",{ref:e=>{this.inputRef=e},message:!1,placeholder:this.placeholder,onStopTyping:e=>this.handleStopTyping(e),onKeyUp:e=>I(e,()=>this.handleSubmit()),value:this.value,ariaLabel:this.placeholder,size:this.size})}renderButton(){if(!this.showSearchButton)return null;const e=this.searchButtonIconOnly?{icon:"search"}:null,s=this.searchButtonIconOnly?"":"CERCA",i=Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},e);return t("z-button",Object.assign({},i),s)}renderResults(){return!this.showResults||!this.autocomplete||!this.searchString||this.searchString.length{if(this.checkResultsCount(r)){const l=[];a.items.forEach((b,h,f)=>{if(this.checkResultsCount(r)){const v=o===n.length-1&&h===f.length-1;l.push(this.renderItem(b,h,!v))}r++}),l.length&&i.push(t("z-list-group",{"divider-type":u.ELEMENT},this.renderItemCategory(a),l))}}),i}renderItem(e,s,i){return t("z-list-element",{id:`list-item-${this.htmlid}-${s}`,role:"option",tabindex:0,dividerType:i?u.ELEMENT:void 0,clickable:!0,onClickItem:()=>this.emitSearchItemClick(e)},t("div",{class:"list-element"},t("span",{class:{item:!0,ellipsis:this.resultsEllipsis,"has-category":!!e.category}},(e==null?void 0:e.icon)&&t("z-icon",{class:"item-icon",name:e.icon}),t("span",{class:"item-label",title:e.label,innerHTML:this.renderItemLabel(e.label)})),(e==null?void 0:e.tag)&&t("z-tag",{icon:e.tag.icon},this.isMobile?"":e.tag.text)))}renderItemLabel(e){return this.searchString?e.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),s=>`${s}`):e}renderItemCategory(e){return e!=null&&e.category?t("span",{class:"category-heading",slot:"header-title"},t("span",{class:"category"},e.category),(e==null?void 0:e.subcategory)&&t("span",{class:"subcategory"},e.subcategory)):null}renderSearchHelper(e=!0){return!this.autocomplete||this.preventSubmit||!this.searchString?null:t("z-list-element",{role:"option",tabindex:0,dividerType:e?u.ELEMENT:void 0,clickable:!0,id:`list-item-${this.htmlid}-search`,onClickItem:()=>this.emitSearchSubmit()},t("span",{class:"item item-search"},t("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),t("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`${this.searchString}`)})))}renderShowAllResults(){var e,s;return!this.currResultsCount||!this.searchString||!(!((e=this.resultsItemsList)===null||e===void 0)&&e.length)||this.currResultsCount>=((s=this.resultsItemsList)===null||s===void 0?void 0:s.length)?null:t("z-list-element",{role:"option",tabindex:0,clickable:!0,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},t("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return t(k,{key:"c29fdee62c99bbd8e60449e646df5c9b31b850f9",onFocus:()=>this.showResults=!0,onClick:e=>this.handleOutsideClick(e),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},t("div",{key:"d23e421706db0d46bfbf3877a472e38b34e0a476",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"]}}static get style(){return R}};z(L,[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],resultsEllipsis:[4,"results-ellipsis"],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]},[[4,"click","handleOutsideClick"]],{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"]}]);const g={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:"resultsEllipsis",type:"boolean",description:"Truncate results to single row",default:"true"},{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"}}]}]};y({...d()||{},...g,modules:[...(d()||{}).modules||[],...g.modules]}); +import"./index-CZKsUp18.js";import"./index-yOVBEWgS.js";import"./index-Dp0_qmCs.js";import"./index-CjxfHefg.js";import"./index-ZQTVAH4d.js";import"./index-BEj-2O7q.js";import"./index-CPdUOJpP.js";import{s as y,g as d}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as z,H as S,c,h as t,a as k}from"./index-8h8udRzn.js";import{C as w,B as C,e as m,L as u}from"./index-CcuDdGyi.js";import{r as x,g as p,h as I}from"./utils-B_2tKo6T.js";const R=':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);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}.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{display:block}.results z-list-element>.list-element{display:flex;justify-content:space-between}.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-3)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.has-category{padding-left:calc(var(--space-unit) * 3)}.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}}@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"])::part(list-item-container){min-height:calc(var(--space-unit) * 4.5);padding:0}:host([size="x-small"])::part(list-item-container){min-height:calc(var(--space-unit) * 4);padding:0}',L=class extends S{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.searchSubmit=c(this,"searchSubmit",7),this.searchTyping=c(this,"searchTyping",7),this.searchItemClick=c(this,"searchItemClick",7),this.resultsItemsList=null,this.htmlid=`searchbar-${x()}`,this.preventSubmit=!1,this.value=void 0,this.placeholder=void 0,this.autocomplete=!1,this.autocompleteMinChars=3,this.resultsCount=void 0,this.resultsEllipsis=!0,this.searchHelperLabel="Cerca {searchString}",this.resultsItems=void 0,this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=w.BIG,this.variant=C.PRIMARY,this.searchString=this.value,this.currResultsCount=0,this.showResults=!1,this.isMobile=!1}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(e){this.searchTyping.emit(e)}emitSearchItemClick(e){this.searchItemClick.emit(e)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString),this.searchString||(this.currResultsCount=this.resultsCount)}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver(()=>{p()===m.MOBILE&&!this.isMobile&&(this.isMobile=!0),p()!==m.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 s={};return e.forEach(i=>{var r;const a=`${i==null?void 0:i.category}${i==null?void 0:i.subcategory}`;s[a]=(r=s[a])!==null&&r!==void 0?r:{category:i==null?void 0:i.category,subcategory:i==null?void 0:i.subcategory,items:[]},s[a].items.push(i)}),this.sortResultsItems?Object.keys(s).sort().reduce((i,r)=>(i[r]=Object.assign(Object.assign({},s[r]),{items:s[r].items.sort((a,o)=>{const n=a.label.toUpperCase(),l=o.label.toUpperCase();return nl?1:0})}),i),{}):s}checkResultsCount(e){return!this.currResultsCount||er.nodeName==="Z-SEARCHBAR");if(!i||i.htmlid!==this.htmlid){this.showResults=!1;return}if(s.find(r=>{var a;return(r==null?void 0:r.nodeName)==="Z-INPUT"||((a=r==null?void 0:r.classList)===null||a===void 0?void 0:a.contains("results"))})){this.showResults=!0;return}this.showResults=!1}renderInput(){return t("z-input",{ref:e=>{this.inputRef=e},message:!1,placeholder:this.placeholder,onStopTyping:e=>this.handleStopTyping(e),onKeyUp:e=>I(e,()=>this.handleSubmit()),value:this.value,ariaLabel:this.placeholder,size:this.size})}renderButton(){if(!this.showSearchButton)return null;const e=this.searchButtonIconOnly?{icon:"search"}:null,s=this.searchButtonIconOnly?"":"CERCA",i=Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},e);return t("z-button",Object.assign({},i),s)}renderResults(){return!this.showResults||!this.autocomplete||!this.searchString||this.searchString.length{if(this.checkResultsCount(r)){const l=[];a.items.forEach((b,h,f)=>{if(this.checkResultsCount(r)){const v=o===n.length-1&&h===f.length-1;l.push(this.renderItem(b,h,!v))}r++}),l.length&&i.push(t("z-list-group",{"divider-type":u.ELEMENT},this.renderItemCategory(a),l))}}),i}renderItem(e,s,i){return t("z-list-element",{id:`list-item-${this.htmlid}-${s}`,role:"option",tabindex:0,dividerType:i?u.ELEMENT:void 0,clickable:!0,onClickItem:()=>this.emitSearchItemClick(e)},t("div",{class:"list-element"},t("span",{class:{item:!0,ellipsis:this.resultsEllipsis,"has-category":!!e.category}},(e==null?void 0:e.icon)&&t("z-icon",{class:"item-icon",name:e.icon}),t("span",{class:"item-label",title:e.label,innerHTML:this.renderItemLabel(e.label)})),(e==null?void 0:e.tag)&&t("z-tag",{icon:e.tag.icon},this.isMobile?"":e.tag.text)))}renderItemLabel(e){return this.searchString?e.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),s=>`${s}`):e}renderItemCategory(e){return e!=null&&e.category?t("span",{class:"category-heading",slot:"header-title"},t("span",{class:"category"},e.category),(e==null?void 0:e.subcategory)&&t("span",{class:"subcategory"},e.subcategory)):null}renderSearchHelper(e=!0){return!this.autocomplete||this.preventSubmit||!this.searchString?null:t("z-list-element",{role:"option",tabindex:0,dividerType:e?u.ELEMENT:void 0,clickable:!0,id:`list-item-${this.htmlid}-search`,onClickItem:()=>this.emitSearchSubmit()},t("span",{class:"item item-search"},t("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),t("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`${this.searchString}`)})))}renderShowAllResults(){var e,s;return!this.currResultsCount||!this.searchString||!(!((e=this.resultsItemsList)===null||e===void 0)&&e.length)||this.currResultsCount>=((s=this.resultsItemsList)===null||s===void 0?void 0:s.length)?null:t("z-list-element",{role:"option",tabindex:0,clickable:!0,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},t("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return t(k,{key:"a1c999d7b052da5d812d8ed13a939dec9d7f708e",onFocus:()=>this.showResults=!0,onClick:e=>this.handleOutsideClick(e),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},t("div",{key:"4c5cf81349aa2ede809b992859ab66f37b25bd79",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"]}}static get style(){return R}};z(L,[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],resultsEllipsis:[4,"results-ellipsis"],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]},[[4,"click","handleOutsideClick"]],{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"]}]);const g={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:"resultsEllipsis",type:"boolean",description:"Truncate results to single row",default:"true"},{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"}}]}]};y({...d()||{},...g,modules:[...(d()||{}).modules||[],...g.modules]}); diff --git a/assets/index-CnNHv-mC.js b/assets/index-CnNHv-mC.js new file mode 100644 index 000000000..3334a2759 --- /dev/null +++ b/assets/index-CnNHv-mC.js @@ -0,0 +1,3 @@ +import"./index-BEj-2O7q.js";import{s as h,g as a}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as m,c as i,h as e,a as u}from"./index-8h8udRzn.js";const f=':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-secondary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01);font-weight:var(--font-bd)}',b=class extends m{toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(n){!this.floating||!this.open||this.hostElement.contains(n.target)||(this.reflow(),this.open=!1,this.closed.emit())}onOpenChanged(){this.open?this.reflow(!0):cancelAnimationFrame(this.raf)}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.opened=i(this,"opened",7),this.closed=i(this,"closed",7),this.active=void 0,this.floating=!1,this.open=!1,this.verticalContext=!1,this.hasHeader=void 0,this.hasContent=void 0,this.toggle=this.toggle.bind(this),this.checkContent=this.checkContent.bind(this),this.onLabelSlotChange=this.onLabelSlotChange.bind(this),this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(n){const t=n.target.assignedElements()[0];t.dataset.text=t==null?void 0:t.textContent}reflow(n=!1){if(this.content){const{style:t}=this.content,{left:l}=this.hostElement.getBoundingClientRect(),o=getComputedStyle(this.content).width,r=o?parseFloat(o.replace("px","")):375,c=30;t.left=`${Math.min(window.innerWidth-l-r-c,0)}px`}n&&(this.raf=requestAnimationFrame(this.reflow.bind(this,n)))}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length,this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent(),this.hostElement.querySelectorAll("[slot=item]").forEach(t=>{t.setAttribute("role","menuitem"),t.dataset.text=t.textContent})}renderMenuLabel(){return this.hasContent?e("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},e("div",{class:"menu-label-content"},e("slot",{onSlotchange:this.onLabelSlotChange}),e("z-icon",{name:this.open?"chevron-up":"chevron-down"}))):e("div",{class:"menu-label"},e("div",{class:"menu-label-content"},e("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return e(u,{key:"1c58b092cd0aa1e93a490ee32962b4222cc1f98a"},this.renderMenuLabel(),this.hasContent&&e("div",{key:"aa7ec683c6dc1304b4a78ce963024cb67af59a6e",class:"content",ref:n=>this.content=n},this.hasHeader&&e("header",{key:"6742ae34065916129f6fc7e08b5ea3e29e7681c5",class:"header"},e("slot",{key:"d4a619a29ba05d714269c96cf897abb6a292962b",name:"header",onSlotchange:this.checkContent})),e("div",{key:"36b9b9ece80cc93b300384f23c6f7bcd18a2bc81",class:"items",role:"menu"},e("slot",{key:"f86e5cbef1471dfca68bedda1b8ba58dc69f48ea",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return this}static get watchers(){return{open:["onOpenChanged"]}}static get style(){return f}};d(b,[1,"z-menu",{active:[516],floating:[516],open:[1540],verticalContext:[516,"vertical-context"],hasHeader:[32],hasContent:[32]},[[4,"click","handleClick"]],{open:["onOpenChanged"]}]);const s={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMenu",tagName:"z-menu",customElement:!0,members:[{kind:"field",name:"active",type:"boolean",description:"Flag to set the active status of the menu."},{kind:"field",name:"floating",type:"boolean",description:`Flag to set the display mode of the list. +If true, the list will be absolutely positioned under the menu label, +stacked beneath it otherwise.`,default:"false"},{kind:"field",name:"open",type:"boolean",description:"The opening state of the menu.",default:"false"},{kind:"field",name:"verticalContext",type:"boolean",description:"Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\nA small border is placed under it as a separator from other elements.",default:"false"}],events:[{kind:"event",name:"opened",description:"The menu has been opened."},{kind:"event",name:"closed",description:"The menu has been closed."}],cssProperties:[{name:"--z-menu-label-color",description:"Color of the label's text."}],slots:[{name:"-",description:"Menu label"},{name:"header",description:"Header to display as the first entry of the open menu."},{name:"item",description:"Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus."}]}],exports:[{kind:"js",name:"ZMenu",declaration:{name:"ZMenu",module:"src/components/z-menu/index.tsx"}},{kind:"custom-element-definition",name:"z-menu",declaration:{name:"ZMenu",module:"src/components/z-menu/index.tsx"}}]}]};h({...a()||{},...s,modules:[...(a()||{}).modules||[],...s.modules]}); diff --git a/assets/index-BnAYU8cA.js b/assets/index-CpdPJCVO.js similarity index 90% rename from assets/index-BnAYU8cA.js rename to assets/index-CpdPJCVO.js index daef2565f..13a58c321 100644 --- a/assets/index-BnAYU8cA.js +++ b/assets/index-CpdPJCVO.js @@ -3,4 +3,4 @@ import{s as t,g as e}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as o,H as a,h a 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:"9bce4310ebd498e63a6b6611a615baab6584ca16"})}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:"e2efa24dd277d66fe661ffc9e0afd9b1f6b63c31"})}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-Bl332Q6e.js b/assets/index-D7ybjOoV.js similarity index 98% rename from assets/index-Bl332Q6e.js rename to assets/index-D7ybjOoV.js index 7fc7cd94b..a38c7bc75 100644 --- a/assets/index-Bl332Q6e.js +++ b/assets/index-D7ybjOoV.js @@ -1,2 +1,2 @@ -import{s as B,g as _}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as A,H as z,c as H,h as I}from"./index-8h8udRzn.js";import{P as r,K as L}from"./index-CcuDdGyi.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.host?e.parentNode.host:e.parentNode}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 N=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:"41483346de64f7fcb1560313d2ba3af2823e246d"})}get host(){return this}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}static get style(){return F}};A(N,[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-GKNNPQCW-BkHQSocK.js";import{d as A,H as z,c as H,h as I}from"./index-8h8udRzn.js";import{P as r,K as L}from"./index-CcuDdGyi.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.host?e.parentNode.host:e.parentNode}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 N=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:"ec5f9db88ae7fc5007af8eccaad5d50d5a218968"})}get host(){return this}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}static get style(){return F}};A(N,[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-oCfS0by4.js b/assets/index-DMccHVng.js similarity index 99% rename from assets/index-oCfS0by4.js rename to assets/index-DMccHVng.js index d92e4ecf2..e72b4a61f 100644 --- a/assets/index-oCfS0by4.js +++ b/assets/index-DMccHVng.js @@ -1,5 +1,5 @@ -const __vite__fileDeps=["./syntaxhighlighter-BP7B2CQK-CHiyxEQm.js","./iframe-6NHl8rp_.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DvzDrELh.js","./index-DrFu-skq.js","./formatter-2WMMO6ZP-CwhHViqo.js","./WithTooltip-KJL26V4Q-BmU9Kcsj.js","./Color-PRSJMWNM-Ca3Re-kT.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as Fr}from"./iframe-6NHl8rp_.js";import{g as Xo}from"./_commonjsHelpers-Cpj98o6Y.js";import{c as ir,d as _h,f as Y0,g as Rh,h as g3,j as kh,k as X0,l as v3,m as y3,n as xs,o as Z0,i as yl,b as Ih,p as w3,q as b3,r as E3,s as x3,t as S3,u as C3,v as Ah,w as _3,x as R3,_ as k3,y as I3,z as A3,A as $h,B as Oh,a as df,S as dc}from"./index-DvzDrELh.js";import{d as $3}from"./index-DrFu-skq.js";function O3(e,t){for(var n=0;nr[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Th={exports:{}},X={};/** +const __vite__fileDeps=["./syntaxhighlighter-BP7B2CQK-DB0qLAqB.js","./iframe-Cj0vuvo1.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DvzDrELh.js","./index-DrFu-skq.js","./formatter-2WMMO6ZP-CyO8fon-.js","./WithTooltip-KJL26V4Q-B5-jKScU.js","./Color-PRSJMWNM-DHk4Kbc7.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as Fr}from"./iframe-Cj0vuvo1.js";import{g as Xo}from"./_commonjsHelpers-Cpj98o6Y.js";import{c as ir,d as _h,f as Y0,g as Rh,h as g3,j as kh,k as X0,l as v3,m as y3,n as xs,o as Z0,i as yl,b as Ih,p as w3,q as b3,r as E3,s as x3,t as S3,u as C3,v as Ah,w as _3,x as R3,_ as k3,y as I3,z as A3,A as $h,B as Oh,a as df,S as dc}from"./index-DvzDrELh.js";import{d as $3}from"./index-DrFu-skq.js";function O3(e,t){for(var n=0;nr[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Th={exports:{}},X={};/** * @license React * react.production.min.js * @@ -436,9 +436,9 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function sA(){for(var e=arguments.length,t=new Array(e),n=0;n1?o-1:0),l=1;l=0&&o<1?(s=a,c=l):o>=1&&o<2?(s=l,c=a):o>=2&&o<3?(c=a,u=l):o>=3&&o<4?(c=l,u=a):o>=4&&o<5?(s=l,u=a):o>=5&&o<6&&(s=a,u=l);var d=n-a/2,p=s+d,h=c+d,f=u+d;return r(p,h,f)}var b5={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function uA(e){if(typeof e!="string")return e;var t=e.toLowerCase();return b5[t]?"#"+b5[t]:e}var dA=/^#[a-fA-F0-9]{6}$/,fA=/^#[a-fA-F0-9]{8}$/,pA=/^#[a-fA-F0-9]{3}$/,hA=/^#[a-fA-F0-9]{4}$/,au=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,mA=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,gA=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,vA=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function C1(e){if(typeof e!="string")throw new cn(3);var t=uA(e);if(t.match(dA))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(fA)){var n=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:n}}if(t.match(pA))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(hA)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var o=au.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=mA.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var l=gA.exec(t);if(l){var s=parseInt(""+l[1],10),c=parseInt(""+l[2],10)/100,u=parseInt(""+l[3],10)/100,d="rgb("+hl(s,c,u)+")",p=au.exec(d);if(!p)throw new cn(4,t,d);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var h=vA.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),y=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,S="rgb("+hl(f,y,g)+")",b=au.exec(S);if(!b)throw new cn(4,t,S);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new cn(5)}function yA(e){var t=e.red/255,n=e.green/255,r=e.blue/255,o=Math.max(t,n,r),a=Math.min(t,n,r),l=(o+a)/2;if(o===a)return e.alpha!==void 0?{hue:0,saturation:0,lightness:l,alpha:e.alpha}:{hue:0,saturation:0,lightness:l};var s,c=o-a,u=l>.5?c/(2-o-a):c/(o+a);switch(o){case t:s=(n-r)/c+(n=1?ms(e,t,n):"rgba("+hl(e,t,n)+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?ms(e.hue,e.saturation,e.lightness):"rgba("+hl(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new cn(2)}function P0(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return L0("#"+Cr(e)+Cr(t)+Cr(n));if(typeof e=="object"&&t===void 0&&n===void 0)return L0("#"+Cr(e.red)+Cr(e.green)+Cr(e.blue));throw new cn(6)}function gs(e,t,n,r){if(typeof e=="string"&&typeof t=="number"){var o=C1(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof n=="number"&&typeof r=="number")return r>=1?P0(e,t,n):"rgba("+e+","+t+","+n+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?P0(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new cn(7)}var SA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},CA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},_A=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},RA=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function J2(e){if(typeof e!="object")throw new cn(8);if(CA(e))return gs(e);if(SA(e))return P0(e);if(RA(e))return xA(e);if(_A(e))return EA(e);throw new cn(8)}function e4(e,t,n){return function(){var r=n.concat(Array.prototype.slice.call(arguments));return r.length>=t?e.apply(this,r):e4(e,t,r)}}function _1(e){return e4(e,e.length,[])}function R1(e,t,n){return Math.max(e,Math.min(t,n))}function kA(e,t){if(t==="transparent")return t;var n=Q2(t);return J2(te({},n,{lightness:R1(0,1,n.lightness-parseFloat(e))}))}var IA=_1(kA),xo=IA;function AA(e,t){if(t==="transparent")return t;var n=Q2(t);return J2(te({},n,{lightness:R1(0,1,n.lightness+parseFloat(e))}))}var $A=_1(AA),E5=$A;function OA(e,t){if(t==="transparent")return t;var n=C1(t),r=typeof n.alpha=="number"?n.alpha:1,o=te({},n,{alpha:R1(0,1,+(r*100-parseFloat(e)*100).toFixed(2)/100)});return gs(o)}var TA=_1(OA),bt=TA,na=({theme:e})=>({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"},"& tt, & code":{fontSize:"inherit"}}),Mn=({theme:e})=>({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"?bt(.1,e.color.defaultText):bt(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),ve=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),Zr={margin:"16px 0"},MA=({href:e,...t})=>{let n=/^\//.test(e)?`./?path=${e}`:e,r=/^#.*/.test(e)?"_self":"_top";return m.createElement("a",{href:n,target:r,...t})},t4=k(MA)(ve,({theme:e})=>({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}})),n4=k.blockquote(ve,Zr,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),LA=e=>typeof e=="string",PA=/[\n\r]/g,zA=k.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),Mn),NA=k(p1)(({theme:e})=>({fontFamily:e.typography.fonts.mono,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"}})),k1=({className:e,children:t,...n})=>{let r=(e||"").match(/lang-(\S+)/),o=i.Children.toArray(t);return o.filter(LA).some(a=>a.match(PA))?m.createElement(NA,{bordered:!0,copyable:!0,language:(r==null?void 0:r[1])??"text",format:!1,...n},t):m.createElement(zA,{...n,className:e},o)},r4=k.div(ve),o4=k.dl(ve,Zr,{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}}),a4=k.h1(ve,na,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),I1=k.h2(ve,na,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),A1=k.h3(ve,na,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),l4=k.h4(ve,na,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),i4=k.h5(ve,na,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),s4=k.h6(ve,na,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),c4=k.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),u4=k.img({maxWidth:"100%"}),d4=k.li(ve,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":Mn({theme:e})})),BA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},f4=k.ol(ve,Zr,BA,{listStyle:"decimal"}),p4=k.p(ve,Zr,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":Mn({theme:e})})),h4=k.pre(ve,Zr,({theme:e})=>({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"}})),m4=k.span(ve,({theme:e})=>({"&.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"}}})),g4=k.table(ve,Zr,({theme:e})=>({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}})),v4=k.title(Mn),FA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},y4=k.ul(ve,Zr,FA,{listStyle:"disc"}),$1=k.div(ve),w4={h1:e=>m.createElement(a4,{...fe(e,"h1")}),h2:e=>m.createElement(I1,{...fe(e,"h2")}),h3:e=>m.createElement(A1,{...fe(e,"h3")}),h4:e=>m.createElement(l4,{...fe(e,"h4")}),h5:e=>m.createElement(i4,{...fe(e,"h5")}),h6:e=>m.createElement(s4,{...fe(e,"h6")}),pre:e=>m.createElement(h4,{...fe(e,"pre")}),a:e=>m.createElement(t4,{...fe(e,"a")}),hr:e=>m.createElement(c4,{...fe(e,"hr")}),dl:e=>m.createElement(o4,{...fe(e,"dl")}),blockquote:e=>m.createElement(n4,{...fe(e,"blockquote")}),table:e=>m.createElement(g4,{...fe(e,"table")}),img:e=>m.createElement(u4,{...fe(e,"img")}),div:e=>m.createElement(r4,{...fe(e,"div")}),span:e=>m.createElement(m4,{...fe(e,"span")}),li:e=>m.createElement(d4,{...fe(e,"li")}),ul:e=>m.createElement(y4,{...fe(e,"ul")}),ol:e=>m.createElement(f4,{...fe(e,"ol")}),p:e=>m.createElement(p4,{...fe(e,"p")}),code:e=>m.createElement(k1,{...fe(e,"code")}),tt:e=>m.createElement(v4,{...fe(e,"tt")}),resetwrapper:e=>m.createElement($1,{...fe(e,"resetwrapper")})},DA=k.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.positiveText)}`:"none"};default:return{}}}),HA=({...e})=>m.createElement(DA,{...e}),jA=0,UA=e=>e.button===jA&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,VA=(e,t)=>{UA(e)&&(e.preventDefault(),t(e))},WA=k.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),GA=k.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:xo(.07,e.color.secondary),"svg path:not([fill])":{fill:xo(.07,e.color.secondary)}},"&:active":{color:xo(.1,e.color.secondary),"svg path:not([fill])":{fill:xo(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:n})=>{let r;return t&&(r=[e.textMutedColor,e.color.dark,e.color.darker]),n&&(r=[e.color.dark,e.color.darkest,e.textMutedColor]),r?{color:r[0],"svg path:not([fill])":{fill:r[0]},"&:hover":{color:r[1],"svg path:not([fill])":{fill:r[1]}},"&:active":{color:r[2],"svg path:not([fill])":{fill:r[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Nr=({cancel:e=!0,children:t,onClick:n=void 0,withArrow:r=!1,containsIcon:o=!1,className:a=void 0,style:l=void 0,...s})=>m.createElement(GA,{...s,onClick:n&&e?c=>VA(c,n):n,className:a},m.createElement(WA,{withArrow:r,containsIcon:o},t,r&&m.createElement(E1,null))),qA=k.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${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"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Br=[],qo=null,KA=i.lazy(async()=>{let{SyntaxHighlighter:e}=await Fr(()=>import("./syntaxhighlighter-BP7B2CQK-CHiyxEQm.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);return Br.length>0&&(Br.forEach(t=>{e.registerLanguage(...t)}),Br=[]),qo===null&&(qo=e),{default:t=>m.createElement(e,{...t})}}),YA=i.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([Fr(()=>import("./syntaxhighlighter-BP7B2CQK-CHiyxEQm.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url),Fr(()=>import("./formatter-2WMMO6ZP-CwhHViqo.js"),__vite__mapDeps([5,1,2,3,4]),import.meta.url)]);return Br.length>0&&(Br.forEach(n=>{e.registerLanguage(...n)}),Br=[]),qo===null&&(qo=e),{default:n=>m.createElement(e,{...n,formatter:t})}}),ec=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},e.format!==!1?m.createElement(YA,{...e}):m.createElement(KA,{...e}));ec.registerLanguage=(...e)=>{if(qo!==null){qo.registerLanguage(...e);return}Br.push(e)};var b4={};x6(b4,{Actions:()=>r$,CloseButton:()=>C4,Col:()=>R4,Container:()=>S4,Content:()=>JA,Description:()=>n$,Error:()=>o$,ErrorWrapper:()=>k4,Header:()=>e$,Overlay:()=>x4,Row:()=>_4,Title:()=>t$});var pr=i.forwardRef(({asChild:e=!1,animation:t="none",size:n="small",variant:r="outline",padding:o="medium",disabled:a=!1,active:l=!1,onClick:s,...c},u)=>{let d="button";c.isLink&&(d="a"),e&&(d=kl);let p=r,h=n,[f,y]=i.useState(!1),g=S=>{s&&s(S),t!=="none"&&y(!0)};if(i.useEffect(()=>{let S=setTimeout(()=>{f&&y(!1)},1e3);return()=>clearTimeout(S)},[f]),c.primary&&(p="solid",h="medium"),(c.secondary||c.tertiary||c.gray||c.outline||c.inForm)&&(p="outline",h="medium"),c.small||c.isLink||c.primary||c.secondary||c.tertiary||c.gray||c.outline||c.inForm||c.containsIcon){let S=m.Children.toArray(c.children).filter(b=>typeof b=="string"&&b!=="");X2(`Use of deprecated props in the button ${S.length>0?`"${S.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return m.createElement(XA,{as:d,ref:u,variant:p,size:h,padding:o,disabled:a,active:l,animating:f,animation:t,onClick:g,...c})});pr.displayName="Button";var XA=k("button",{shouldForwardProp:e=>od(e)})(({theme:e,variant:t,size:n,disabled:r,active:o,animating:a,animation:l,padding:s})=>({border:0,cursor:r?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:s==="small"&&n==="small"?"0 7px":s==="small"&&n==="medium"?"0 9px":n==="small"?"0 10px":n==="medium"?"0 12px":0,height:n==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:r?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&o?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:o?bt(.9,e.barTextColor):"transparent",color:o?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:bt(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:bt(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${gs(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&o?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?bt(.86,e.color.secondary):e.base==="light"?xo(.02,c):E5(.03,c)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?xo(.02,c):E5(.03,c)})()},"&:focus":{boxShadow:`${gs(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:a&&l!=="none"?`${e.animation[l]} 1000ms ease-out`:""}})),nr=i.forwardRef(({padding:e="small",variant:t="ghost",...n},r)=>m.createElement(pr,{padding:e,variant:t,ref:r,...n}));nr.displayName="IconButton";var E4=$n({from:{opacity:0},to:{opacity:1}}),ZA=$n({from:{maxHeight:0},to:{}}),QA=$n({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),x4=k.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${E4} 200ms`}),S4=k.div(({theme:e,width:t,height:n})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:n??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${QA} 200ms`,"&:focus-visible":{outline:"none"}})),C4=e=>m.createElement(G2,{asChild:!0},m.createElement(nr,{...e},m.createElement(s2,null))),JA=k.div({display:"flex",flexDirection:"column",margin:16,gap:16}),_4=k.div({display:"flex",justifyContent:"space-between",gap:16}),R4=k.div({display:"flex",flexDirection:"column",gap:4}),e$=e=>m.createElement(_4,null,m.createElement(R4,{...e}),m.createElement(C4,null)),t$=k(V2)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),n$=k(W2)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),r$=k.div({display:"flex",flexDirection:"row-reverse",gap:8}),k4=k.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${ZA} 300ms, ${E4} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),o$=({children:e,...t})=>m.createElement(k4,{...t},m.createElement("div",null,e));function a$({children:e,width:t,height:n,onEscapeKeyDown:r,onInteractOutside:o=c=>c.preventDefault(),className:a,container:l,...s}){return m.createElement(D2,{...s},m.createElement(H2,{container:l},m.createElement(j2,{asChild:!0},m.createElement(x4,null)),m.createElement(U2,{asChild:!0,onInteractOutside:o,onEscapeKeyDown:r},m.createElement(S4,{className:a,width:t,height:n},e))))}var l$=Object.assign(a$,b4,{Dialog:UI}),i$=e=>typeof e=="number"?e:Number(e),s$=k.div(({theme:e,col:t,row:n=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Au}`]:{marginLeft:0}}:{"& > *":{marginTop:n*e.layoutMargin},[`& > *:first-child${Au}`]:{marginTop:0}},({theme:e,outer:t,col:n,row:r})=>{switch(!0){case!!(t&&n):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&r):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),c$=({col:e,row:t,outer:n,children:r,...o})=>{let a=i$(typeof n=="number"||!n?n:e||t);return m.createElement(s$,{col:e,row:t,outer:a,...o},r)},u$=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),d$=k.div(),f$=k.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),p$=({children:e,...t})=>{let[n,r]=i.Children.toArray(e);return m.createElement(f$,{...t},m.createElement(u$,null,n),r&&m.createElement(d$,null,r))};function h$(e,t){var n=i.useRef(null),r=i.useRef(null);r.current=t;var o=i.useRef(null);i.useEffect(function(){a()});var a=i.useCallback(function(){var l=o.current,s=r.current,c=l||(s?s instanceof Element?s:s.current:null);n.current&&n.current.element===c&&n.current.subscriber===e||(n.current&&n.current.cleanup&&n.current.cleanup(),n.current={element:c,subscriber:e,cleanup:c?e(c):void 0})},[e]);return i.useEffect(function(){return function(){n.current&&n.current.cleanup&&(n.current.cleanup(),n.current=null)}},[]),i.useCallback(function(l){o.current=l,a()},[a])}function x5(e,t,n){return e[t]?e[t][0]?e[t][0][n]:e[t][n]:t==="contentBoxSize"?e.contentRect[n==="inlineSize"?"width":"height"]:void 0}function I4(e){e===void 0&&(e={});var t=e.onResize,n=i.useRef(void 0);n.current=t;var r=e.round||Math.round,o=i.useRef(),a=i.useState({width:void 0,height:void 0}),l=a[0],s=a[1],c=i.useRef(!1);i.useEffect(function(){return c.current=!1,function(){c.current=!0}},[]);var u=i.useRef({width:void 0,height:void 0}),d=h$(i.useCallback(function(p){return(!o.current||o.current.box!==e.box||o.current.round!==r)&&(o.current={box:e.box,round:r,instance:new ResizeObserver(function(h){var f=h[0],y=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=x5(f,y,"inlineSize"),S=x5(f,y,"blockSize"),b=g?r(g):void 0,v=S?r(S):void 0;if(u.current.width!==b||u.current.height!==v){var w={width:b,height:v};u.current.width=b,u.current.height=v,n.current?n.current(w):c.current||s(w)}})}),o.current.instance.observe(p,{box:e.box}),function(){o.current&&o.current.instance.unobserve(p)}},[e.box,r]),e.ref);return i.useMemo(function(){return{ref:d,width:l.width,height:l.height}},[d,l.width,l.height])}var m$=k.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function g$({scale:e,children:t}){let n=i.useRef(null),[r,o]=i.useState(0),a=i.useCallback(({height:l})=>{l&&o(l/e)},[e]);return i.useEffect(()=>{n.current&&o(n.current.getBoundingClientRect().height)},[e]),I4({ref:n,onResize:a}),m.createElement(m$,{scale:e,elementHeight:r},m.createElement("div",{ref:n,className:"innerZoomElementWrapper"},t))}var v$=class extends i.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:n}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),n!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return m.createElement(m.Fragment,null,e)}},A4={Element:g$,IFrame:v$},{document:y$}=nA,w$=k.strong(({theme:e})=>({color:e.color.orange})),b$=k.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),S5=k.em(({theme:e})=>({color:e.textMutedColor})),E$=/(Error): (.*)\n/,x$=/at (?:(.*) )?\(?(.+)\)?/,S$=/([^@]+)?(?:\/<)?@(.+)?/,C$=/([^@]+)?@(.+)?/,$4=({error:e})=>{if(!e)return m.createElement(i.Fragment,null,"This error has no stack or message");if(!e.stack)return m.createElement(i.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`};function sA(){for(var e=arguments.length,t=new Array(e),n=0;n1?o-1:0),l=1;l=0&&o<1?(s=a,c=l):o>=1&&o<2?(s=l,c=a):o>=2&&o<3?(c=a,u=l):o>=3&&o<4?(c=l,u=a):o>=4&&o<5?(s=l,u=a):o>=5&&o<6&&(s=a,u=l);var d=n-a/2,p=s+d,h=c+d,f=u+d;return r(p,h,f)}var b5={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function uA(e){if(typeof e!="string")return e;var t=e.toLowerCase();return b5[t]?"#"+b5[t]:e}var dA=/^#[a-fA-F0-9]{6}$/,fA=/^#[a-fA-F0-9]{8}$/,pA=/^#[a-fA-F0-9]{3}$/,hA=/^#[a-fA-F0-9]{4}$/,au=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,mA=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,gA=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,vA=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function C1(e){if(typeof e!="string")throw new cn(3);var t=uA(e);if(t.match(dA))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(fA)){var n=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:n}}if(t.match(pA))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(hA)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var o=au.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=mA.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var l=gA.exec(t);if(l){var s=parseInt(""+l[1],10),c=parseInt(""+l[2],10)/100,u=parseInt(""+l[3],10)/100,d="rgb("+hl(s,c,u)+")",p=au.exec(d);if(!p)throw new cn(4,t,d);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var h=vA.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),y=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,S="rgb("+hl(f,y,g)+")",b=au.exec(S);if(!b)throw new cn(4,t,S);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new cn(5)}function yA(e){var t=e.red/255,n=e.green/255,r=e.blue/255,o=Math.max(t,n,r),a=Math.min(t,n,r),l=(o+a)/2;if(o===a)return e.alpha!==void 0?{hue:0,saturation:0,lightness:l,alpha:e.alpha}:{hue:0,saturation:0,lightness:l};var s,c=o-a,u=l>.5?c/(2-o-a):c/(o+a);switch(o){case t:s=(n-r)/c+(n=1?ms(e,t,n):"rgba("+hl(e,t,n)+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?ms(e.hue,e.saturation,e.lightness):"rgba("+hl(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new cn(2)}function P0(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return L0("#"+Cr(e)+Cr(t)+Cr(n));if(typeof e=="object"&&t===void 0&&n===void 0)return L0("#"+Cr(e.red)+Cr(e.green)+Cr(e.blue));throw new cn(6)}function gs(e,t,n,r){if(typeof e=="string"&&typeof t=="number"){var o=C1(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof n=="number"&&typeof r=="number")return r>=1?P0(e,t,n):"rgba("+e+","+t+","+n+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?P0(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new cn(7)}var SA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},CA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},_A=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},RA=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function J2(e){if(typeof e!="object")throw new cn(8);if(CA(e))return gs(e);if(SA(e))return P0(e);if(RA(e))return xA(e);if(_A(e))return EA(e);throw new cn(8)}function e4(e,t,n){return function(){var r=n.concat(Array.prototype.slice.call(arguments));return r.length>=t?e.apply(this,r):e4(e,t,r)}}function _1(e){return e4(e,e.length,[])}function R1(e,t,n){return Math.max(e,Math.min(t,n))}function kA(e,t){if(t==="transparent")return t;var n=Q2(t);return J2(te({},n,{lightness:R1(0,1,n.lightness-parseFloat(e))}))}var IA=_1(kA),xo=IA;function AA(e,t){if(t==="transparent")return t;var n=Q2(t);return J2(te({},n,{lightness:R1(0,1,n.lightness+parseFloat(e))}))}var $A=_1(AA),E5=$A;function OA(e,t){if(t==="transparent")return t;var n=C1(t),r=typeof n.alpha=="number"?n.alpha:1,o=te({},n,{alpha:R1(0,1,+(r*100-parseFloat(e)*100).toFixed(2)/100)});return gs(o)}var TA=_1(OA),bt=TA,na=({theme:e})=>({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"},"& tt, & code":{fontSize:"inherit"}}),Mn=({theme:e})=>({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"?bt(.1,e.color.defaultText):bt(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),ve=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),Zr={margin:"16px 0"},MA=({href:e,...t})=>{let n=/^\//.test(e)?`./?path=${e}`:e,r=/^#.*/.test(e)?"_self":"_top";return m.createElement("a",{href:n,target:r,...t})},t4=k(MA)(ve,({theme:e})=>({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}})),n4=k.blockquote(ve,Zr,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),LA=e=>typeof e=="string",PA=/[\n\r]/g,zA=k.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),Mn),NA=k(p1)(({theme:e})=>({fontFamily:e.typography.fonts.mono,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"}})),k1=({className:e,children:t,...n})=>{let r=(e||"").match(/lang-(\S+)/),o=i.Children.toArray(t);return o.filter(LA).some(a=>a.match(PA))?m.createElement(NA,{bordered:!0,copyable:!0,language:(r==null?void 0:r[1])??"text",format:!1,...n},t):m.createElement(zA,{...n,className:e},o)},r4=k.div(ve),o4=k.dl(ve,Zr,{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}}),a4=k.h1(ve,na,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),I1=k.h2(ve,na,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),A1=k.h3(ve,na,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),l4=k.h4(ve,na,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),i4=k.h5(ve,na,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),s4=k.h6(ve,na,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),c4=k.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),u4=k.img({maxWidth:"100%"}),d4=k.li(ve,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":Mn({theme:e})})),BA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},f4=k.ol(ve,Zr,BA,{listStyle:"decimal"}),p4=k.p(ve,Zr,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":Mn({theme:e})})),h4=k.pre(ve,Zr,({theme:e})=>({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"}})),m4=k.span(ve,({theme:e})=>({"&.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"}}})),g4=k.table(ve,Zr,({theme:e})=>({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}})),v4=k.title(Mn),FA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},y4=k.ul(ve,Zr,FA,{listStyle:"disc"}),$1=k.div(ve),w4={h1:e=>m.createElement(a4,{...fe(e,"h1")}),h2:e=>m.createElement(I1,{...fe(e,"h2")}),h3:e=>m.createElement(A1,{...fe(e,"h3")}),h4:e=>m.createElement(l4,{...fe(e,"h4")}),h5:e=>m.createElement(i4,{...fe(e,"h5")}),h6:e=>m.createElement(s4,{...fe(e,"h6")}),pre:e=>m.createElement(h4,{...fe(e,"pre")}),a:e=>m.createElement(t4,{...fe(e,"a")}),hr:e=>m.createElement(c4,{...fe(e,"hr")}),dl:e=>m.createElement(o4,{...fe(e,"dl")}),blockquote:e=>m.createElement(n4,{...fe(e,"blockquote")}),table:e=>m.createElement(g4,{...fe(e,"table")}),img:e=>m.createElement(u4,{...fe(e,"img")}),div:e=>m.createElement(r4,{...fe(e,"div")}),span:e=>m.createElement(m4,{...fe(e,"span")}),li:e=>m.createElement(d4,{...fe(e,"li")}),ul:e=>m.createElement(y4,{...fe(e,"ul")}),ol:e=>m.createElement(f4,{...fe(e,"ol")}),p:e=>m.createElement(p4,{...fe(e,"p")}),code:e=>m.createElement(k1,{...fe(e,"code")}),tt:e=>m.createElement(v4,{...fe(e,"tt")}),resetwrapper:e=>m.createElement($1,{...fe(e,"resetwrapper")})},DA=k.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.positiveText)}`:"none"};default:return{}}}),HA=({...e})=>m.createElement(DA,{...e}),jA=0,UA=e=>e.button===jA&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,VA=(e,t)=>{UA(e)&&(e.preventDefault(),t(e))},WA=k.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),GA=k.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:xo(.07,e.color.secondary),"svg path:not([fill])":{fill:xo(.07,e.color.secondary)}},"&:active":{color:xo(.1,e.color.secondary),"svg path:not([fill])":{fill:xo(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:n})=>{let r;return t&&(r=[e.textMutedColor,e.color.dark,e.color.darker]),n&&(r=[e.color.dark,e.color.darkest,e.textMutedColor]),r?{color:r[0],"svg path:not([fill])":{fill:r[0]},"&:hover":{color:r[1],"svg path:not([fill])":{fill:r[1]}},"&:active":{color:r[2],"svg path:not([fill])":{fill:r[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Nr=({cancel:e=!0,children:t,onClick:n=void 0,withArrow:r=!1,containsIcon:o=!1,className:a=void 0,style:l=void 0,...s})=>m.createElement(GA,{...s,onClick:n&&e?c=>VA(c,n):n,className:a},m.createElement(WA,{withArrow:r,containsIcon:o},t,r&&m.createElement(E1,null))),qA=k.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${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"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Br=[],qo=null,KA=i.lazy(async()=>{let{SyntaxHighlighter:e}=await Fr(()=>import("./syntaxhighlighter-BP7B2CQK-DB0qLAqB.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);return Br.length>0&&(Br.forEach(t=>{e.registerLanguage(...t)}),Br=[]),qo===null&&(qo=e),{default:t=>m.createElement(e,{...t})}}),YA=i.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([Fr(()=>import("./syntaxhighlighter-BP7B2CQK-DB0qLAqB.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url),Fr(()=>import("./formatter-2WMMO6ZP-CyO8fon-.js"),__vite__mapDeps([5,1,2,3,4]),import.meta.url)]);return Br.length>0&&(Br.forEach(n=>{e.registerLanguage(...n)}),Br=[]),qo===null&&(qo=e),{default:n=>m.createElement(e,{...n,formatter:t})}}),ec=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},e.format!==!1?m.createElement(YA,{...e}):m.createElement(KA,{...e}));ec.registerLanguage=(...e)=>{if(qo!==null){qo.registerLanguage(...e);return}Br.push(e)};var b4={};x6(b4,{Actions:()=>r$,CloseButton:()=>C4,Col:()=>R4,Container:()=>S4,Content:()=>JA,Description:()=>n$,Error:()=>o$,ErrorWrapper:()=>k4,Header:()=>e$,Overlay:()=>x4,Row:()=>_4,Title:()=>t$});var pr=i.forwardRef(({asChild:e=!1,animation:t="none",size:n="small",variant:r="outline",padding:o="medium",disabled:a=!1,active:l=!1,onClick:s,...c},u)=>{let d="button";c.isLink&&(d="a"),e&&(d=kl);let p=r,h=n,[f,y]=i.useState(!1),g=S=>{s&&s(S),t!=="none"&&y(!0)};if(i.useEffect(()=>{let S=setTimeout(()=>{f&&y(!1)},1e3);return()=>clearTimeout(S)},[f]),c.primary&&(p="solid",h="medium"),(c.secondary||c.tertiary||c.gray||c.outline||c.inForm)&&(p="outline",h="medium"),c.small||c.isLink||c.primary||c.secondary||c.tertiary||c.gray||c.outline||c.inForm||c.containsIcon){let S=m.Children.toArray(c.children).filter(b=>typeof b=="string"&&b!=="");X2(`Use of deprecated props in the button ${S.length>0?`"${S.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return m.createElement(XA,{as:d,ref:u,variant:p,size:h,padding:o,disabled:a,active:l,animating:f,animation:t,onClick:g,...c})});pr.displayName="Button";var XA=k("button",{shouldForwardProp:e=>od(e)})(({theme:e,variant:t,size:n,disabled:r,active:o,animating:a,animation:l,padding:s})=>({border:0,cursor:r?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:s==="small"&&n==="small"?"0 7px":s==="small"&&n==="medium"?"0 9px":n==="small"?"0 10px":n==="medium"?"0 12px":0,height:n==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:r?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&o?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:o?bt(.9,e.barTextColor):"transparent",color:o?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:bt(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:bt(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${gs(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&o?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?bt(.86,e.color.secondary):e.base==="light"?xo(.02,c):E5(.03,c)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?xo(.02,c):E5(.03,c)})()},"&:focus":{boxShadow:`${gs(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:a&&l!=="none"?`${e.animation[l]} 1000ms ease-out`:""}})),nr=i.forwardRef(({padding:e="small",variant:t="ghost",...n},r)=>m.createElement(pr,{padding:e,variant:t,ref:r,...n}));nr.displayName="IconButton";var E4=$n({from:{opacity:0},to:{opacity:1}}),ZA=$n({from:{maxHeight:0},to:{}}),QA=$n({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),x4=k.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${E4} 200ms`}),S4=k.div(({theme:e,width:t,height:n})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:n??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${QA} 200ms`,"&:focus-visible":{outline:"none"}})),C4=e=>m.createElement(G2,{asChild:!0},m.createElement(nr,{...e},m.createElement(s2,null))),JA=k.div({display:"flex",flexDirection:"column",margin:16,gap:16}),_4=k.div({display:"flex",justifyContent:"space-between",gap:16}),R4=k.div({display:"flex",flexDirection:"column",gap:4}),e$=e=>m.createElement(_4,null,m.createElement(R4,{...e}),m.createElement(C4,null)),t$=k(V2)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),n$=k(W2)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),r$=k.div({display:"flex",flexDirection:"row-reverse",gap:8}),k4=k.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${ZA} 300ms, ${E4} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),o$=({children:e,...t})=>m.createElement(k4,{...t},m.createElement("div",null,e));function a$({children:e,width:t,height:n,onEscapeKeyDown:r,onInteractOutside:o=c=>c.preventDefault(),className:a,container:l,...s}){return m.createElement(D2,{...s},m.createElement(H2,{container:l},m.createElement(j2,{asChild:!0},m.createElement(x4,null)),m.createElement(U2,{asChild:!0,onInteractOutside:o,onEscapeKeyDown:r},m.createElement(S4,{className:a,width:t,height:n},e))))}var l$=Object.assign(a$,b4,{Dialog:UI}),i$=e=>typeof e=="number"?e:Number(e),s$=k.div(({theme:e,col:t,row:n=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Au}`]:{marginLeft:0}}:{"& > *":{marginTop:n*e.layoutMargin},[`& > *:first-child${Au}`]:{marginTop:0}},({theme:e,outer:t,col:n,row:r})=>{switch(!0){case!!(t&&n):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&r):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),c$=({col:e,row:t,outer:n,children:r,...o})=>{let a=i$(typeof n=="number"||!n?n:e||t);return m.createElement(s$,{col:e,row:t,outer:a,...o},r)},u$=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),d$=k.div(),f$=k.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),p$=({children:e,...t})=>{let[n,r]=i.Children.toArray(e);return m.createElement(f$,{...t},m.createElement(u$,null,n),r&&m.createElement(d$,null,r))};function h$(e,t){var n=i.useRef(null),r=i.useRef(null);r.current=t;var o=i.useRef(null);i.useEffect(function(){a()});var a=i.useCallback(function(){var l=o.current,s=r.current,c=l||(s?s instanceof Element?s:s.current:null);n.current&&n.current.element===c&&n.current.subscriber===e||(n.current&&n.current.cleanup&&n.current.cleanup(),n.current={element:c,subscriber:e,cleanup:c?e(c):void 0})},[e]);return i.useEffect(function(){return function(){n.current&&n.current.cleanup&&(n.current.cleanup(),n.current=null)}},[]),i.useCallback(function(l){o.current=l,a()},[a])}function x5(e,t,n){return e[t]?e[t][0]?e[t][0][n]:e[t][n]:t==="contentBoxSize"?e.contentRect[n==="inlineSize"?"width":"height"]:void 0}function I4(e){e===void 0&&(e={});var t=e.onResize,n=i.useRef(void 0);n.current=t;var r=e.round||Math.round,o=i.useRef(),a=i.useState({width:void 0,height:void 0}),l=a[0],s=a[1],c=i.useRef(!1);i.useEffect(function(){return c.current=!1,function(){c.current=!0}},[]);var u=i.useRef({width:void 0,height:void 0}),d=h$(i.useCallback(function(p){return(!o.current||o.current.box!==e.box||o.current.round!==r)&&(o.current={box:e.box,round:r,instance:new ResizeObserver(function(h){var f=h[0],y=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=x5(f,y,"inlineSize"),S=x5(f,y,"blockSize"),b=g?r(g):void 0,v=S?r(S):void 0;if(u.current.width!==b||u.current.height!==v){var w={width:b,height:v};u.current.width=b,u.current.height=v,n.current?n.current(w):c.current||s(w)}})}),o.current.instance.observe(p,{box:e.box}),function(){o.current&&o.current.instance.unobserve(p)}},[e.box,r]),e.ref);return i.useMemo(function(){return{ref:d,width:l.width,height:l.height}},[d,l.width,l.height])}var m$=k.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function g$({scale:e,children:t}){let n=i.useRef(null),[r,o]=i.useState(0),a=i.useCallback(({height:l})=>{l&&o(l/e)},[e]);return i.useEffect(()=>{n.current&&o(n.current.getBoundingClientRect().height)},[e]),I4({ref:n,onResize:a}),m.createElement(m$,{scale:e,elementHeight:r},m.createElement("div",{ref:n,className:"innerZoomElementWrapper"},t))}var v$=class extends i.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:n}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),n!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return m.createElement(m.Fragment,null,e)}},A4={Element:g$,IFrame:v$},{document:y$}=nA,w$=k.strong(({theme:e})=>({color:e.color.orange})),b$=k.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),S5=k.em(({theme:e})=>({color:e.textMutedColor})),E$=/(Error): (.*)\n/,x$=/at (?:(.*) )?\(?(.+)\)?/,S$=/([^@]+)?(?:\/<)?@(.+)?/,C$=/([^@]+)?@(.+)?/,$4=({error:e})=>{if(!e)return m.createElement(i.Fragment,null,"This error has no stack or message");if(!e.stack)return m.createElement(i.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let n=t.match(E$);if(!n)return m.createElement(i.Fragment,null,t);let[,r,o]=n,a=t.split(/\n/).slice(1),[,...l]=a.map(s=>{let c=s.match(x$)||s.match(S$)||s.match(C$);return c?{name:(c[1]||"").replace("/<",""),location:c[2].replace(y$.location.origin,"")}:null}).filter(Boolean);return m.createElement(i.Fragment,null,m.createElement("span",null,r),": ",m.createElement(w$,null,o),m.createElement("br",null),l.map((s,c)=>s.name?m.createElement(i.Fragment,{key:c}," ","at ",m.createElement(b$,null,s.name)," (",m.createElement(S5,null,s.location),")",m.createElement("br",null)):m.createElement(i.Fragment,{key:c}," ","at ",m.createElement(S5,null,s.location),m.createElement("br",null))))},_$=k.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),R$=k.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),k$=({label:e,children:t,...n})=>m.createElement(_$,{...n},e?m.createElement(R$,null,m.createElement("span",null,e)):null,t),I$=i.useLayoutEffect,A$=I$,$$=function(e){var t=i.useRef(e);return A$(function(){t.current=e}),t},C5=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},O$=function(e,t){var n=i.useRef();return i.useCallback(function(r){e.current=r,n.current&&C5(n.current,null),n.current=t,t&&C5(t,r)},[t])},T$=O$,_5={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},M$=function(e){Object.keys(_5).forEach(function(t){e.style.setProperty(t,_5[t],"important")})},R5=M$,Ge=null,k5=function(e,t){var n=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?n+t.borderSize:n-t.paddingSize};function L$(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=1/0),Ge||(Ge=document.createElement("textarea"),Ge.setAttribute("tabindex","-1"),Ge.setAttribute("aria-hidden","true"),R5(Ge)),Ge.parentNode===null&&document.body.appendChild(Ge);var o=e.paddingSize,a=e.borderSize,l=e.sizingStyle,s=l.boxSizing;Object.keys(l).forEach(function(h){var f=h;Ge.style[f]=l[f]}),R5(Ge),Ge.value=t;var c=k5(Ge,e);Ge.value=t,c=k5(Ge,e),Ge.value="x";var u=Ge.scrollHeight-o,d=u*n;s==="border-box"&&(d=d+o+a),c=Math.max(d,c);var p=u*r;return s==="border-box"&&(p=p+o+a),c=Math.min(p,c),[c,u]}var I5=function(){},P$=function(e,t){return e.reduce(function(n,r){return n[r]=t[r],n},{})},z$=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],N$=!!document.documentElement.currentStyle,B$=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var n=P$(z$,t),r=n.boxSizing;if(r==="")return null;N$&&r==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var o=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),a=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:o,borderSize:a}},F$=B$;function O4(e,t,n){var r=$$(n);i.useLayoutEffect(function(){var o=function(a){return r.current(a)};if(e)return e.addEventListener(t,o),function(){return e.removeEventListener(t,o)}},[])}var D$=function(e){O4(window,"resize",e)},H$=function(e){O4(document.fonts,"loadingdone",e)},j$=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],U$=function(e,t){var n=e.cacheMeasurements,r=e.maxRows,o=e.minRows,a=e.onChange,l=a===void 0?I5:a,s=e.onHeightChange,c=s===void 0?I5:s,u=pd(e,j$),d=u.value!==void 0,p=i.useRef(null),h=T$(p,t),f=i.useRef(0),y=i.useRef(),g=function(){var b=p.current,v=n&&y.current?y.current:F$(b);if(v){y.current=v;var w=L$(v,b.value||b.placeholder||"x",o,r),E=w[0],x=w[1];f.current!==E&&(f.current=E,b.style.setProperty("height",E+"px","important"),c(E,{rowHeight:x}))}},S=function(b){d||g(),l(b)};return i.useLayoutEffect(g),D$(g),H$(g),i.createElement("textarea",te({},u,{onChange:S,ref:h}))},V$=i.forwardRef(U$),W$={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},O1=({theme:e})=>({...W$,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),T1=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},T4=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},M1=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},G$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("input",{...r,ref:o})}))(O1,T1,T4,M1,{minHeight:32}),{displayName:"Input"}),q$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("select",{...r,ref:o})}))(O1,T1,M1,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),K$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement(V$,{...r,ref:o})}))(O1,T1,T4,M1,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),ra=Object.assign(k.form({boxSizing:"border-box",width:"100%"}),{Field:k$,Input:G$,Select:q$,Textarea:K$,Button:pr}),Y$=i.lazy(()=>Fr(()=>import("./WithTooltip-KJL26V4Q-BmU9Kcsj.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltip}))),X$=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(Y$,{...e})),Z$=i.lazy(()=>Fr(()=>import("./WithTooltip-KJL26V4Q-BmU9Kcsj.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),M4=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(Z$,{...e})),Q$=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),J$=k.span(),eO=k.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),tO=k.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),nO=k.div({padding:15,width:280,boxSizing:"border-box"}),rO=({title:e,desc:t,links:n})=>m.createElement(nO,null,m.createElement(tO,null,e&&m.createElement(Q$,null,e),t&&m.createElement(J$,null,t)),n&&m.createElement(eO,null,n.map(({title:r,...o})=>m.createElement(Nr,{...o,key:r},r)))),oO=k.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),aO=({note:e,...t})=>m.createElement(oO,{...t},e),lO=k(({active:e,loading:t,disabled:n,...r})=>m.createElement("span",{...r}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:bt(.7,t.color.defaultText)}:{}),iO=k.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),sO=k.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),cO=k.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),uO=k.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),dO=k.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),fO=qr(100)((e,t,n)=>{let r={};return e&&Object.assign(r,{onClick:e}),t&&Object.assign(r,{href:t}),n&&t&&Object.assign(r,{to:t,as:n}),r}),pO=({loading:e=!1,title:t=m.createElement("span",null,"Loading state"),center:n=null,right:r=null,active:o=!1,disabled:a=!1,isIndented:l,href:s=null,onClick:c=null,icon:u,LinkWrapper:d=null,...p})=>{let h=fO(c,s,d),f={active:o,disabled:a};return m.createElement(dO,{...f,...p,...h},u&&m.createElement(uO,{...f},u),t||n?m.createElement(sO,{isIndented:!u&&l},t&&m.createElement(lO,{...f,loading:e},t),n&&m.createElement(cO,{...f},n)):null,r&&m.createElement(iO,{...f},r))},L4=pO,hO=k.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),mO=e=>{let{LinkWrapper:t,onClick:n,id:r,isIndented:o,...a}=e,{title:l,href:s,active:c}=a,u=i.useCallback(p=>{n(p,a)},[n]),d=!!n;return m.createElement(L4,{title:l,active:c,href:s,id:`list-item-${r}`,LinkWrapper:t,isIndented:o,...a,...d?{onClick:u}:{}})},P4=({links:e,LinkWrapper:t=null})=>{let n=e.some(r=>r.icon);return m.createElement(hO,null,e.map(({isGatsby:r,...o})=>m.createElement(mO,{key:o.id,LinkWrapper:r?t:null,isIndented:n,...o})))},gO=e=>typeof e.props.href=="string",vO=e=>typeof e.props.href!="string";function yO({children:e,...t},n){let r={props:t,ref:n};if(gO(r))return m.createElement("a",{ref:r.ref,...r.props},e);if(vO(r))return m.createElement("button",{ref:r.ref,type:"button",...r.props},e);throw new Error("invalid props")}var z4=i.forwardRef(yO);z4.displayName="ButtonOrLink";var Tl=k(z4,{shouldForwardProp:od})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:n})=>e?{color:t||n.barSelectedColor,borderBottomColor:n.barSelectedColor}:{color:t||n.barTextColor,borderBottomColor:"transparent","&:hover":{color:n.barHoverColor}});Tl.displayName="TabButton";var wO=k.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),bO=k.div(()=>({marginTop:6,padding:7,height:28})),EO=()=>m.createElement(bO,null,m.createElement(wO,null)),z0=k.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});z0.displayName="Side";var xO=({children:e,className:t,scrollable:n})=>n?m.createElement(Xs,{vertical:!1,className:t},e):m.createElement("div",{className:t},e),L1=k(xO)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});L1.displayName="Bar";var SO=k.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),tc=({children:e,backgroundColor:t,className:n,...r})=>{let[o,a]=i.Children.toArray(e);return m.createElement(L1,{className:`sb-bar ${n}`,...r},m.createElement(SO,{bgColor:t},m.createElement(z0,{scrollable:r.scrollable,left:!0},o),a?m.createElement(z0,{right:!0},a):null))};tc.displayName="FlexBar";var N4=k.div(({active:e})=>e?{display:"block"}:{display:"none"}),CO=e=>i.Children.toArray(e).map(({props:{title:t,id:n,color:r,children:o}})=>{let a=Array.isArray(o)?o[0]:o;return{title:t,id:n,...r?{color:r}:{},render:typeof a=="function"?a:({active:l})=>m.createElement(N4,{active:l,role:"tabpanel"},a)}}),_O=k.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),RO=k(Tl)(({active:e,theme:t,preActive:n})=>` +${t}`);let n=t.match(E$);if(!n)return m.createElement(i.Fragment,null,t);let[,r,o]=n,a=t.split(/\n/).slice(1),[,...l]=a.map(s=>{let c=s.match(x$)||s.match(S$)||s.match(C$);return c?{name:(c[1]||"").replace("/<",""),location:c[2].replace(y$.location.origin,"")}:null}).filter(Boolean);return m.createElement(i.Fragment,null,m.createElement("span",null,r),": ",m.createElement(w$,null,o),m.createElement("br",null),l.map((s,c)=>s.name?m.createElement(i.Fragment,{key:c}," ","at ",m.createElement(b$,null,s.name)," (",m.createElement(S5,null,s.location),")",m.createElement("br",null)):m.createElement(i.Fragment,{key:c}," ","at ",m.createElement(S5,null,s.location),m.createElement("br",null))))},_$=k.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),R$=k.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),k$=({label:e,children:t,...n})=>m.createElement(_$,{...n},e?m.createElement(R$,null,m.createElement("span",null,e)):null,t),I$=i.useLayoutEffect,A$=I$,$$=function(e){var t=i.useRef(e);return A$(function(){t.current=e}),t},C5=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},O$=function(e,t){var n=i.useRef();return i.useCallback(function(r){e.current=r,n.current&&C5(n.current,null),n.current=t,t&&C5(t,r)},[t])},T$=O$,_5={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},M$=function(e){Object.keys(_5).forEach(function(t){e.style.setProperty(t,_5[t],"important")})},R5=M$,Ge=null,k5=function(e,t){var n=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?n+t.borderSize:n-t.paddingSize};function L$(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=1/0),Ge||(Ge=document.createElement("textarea"),Ge.setAttribute("tabindex","-1"),Ge.setAttribute("aria-hidden","true"),R5(Ge)),Ge.parentNode===null&&document.body.appendChild(Ge);var o=e.paddingSize,a=e.borderSize,l=e.sizingStyle,s=l.boxSizing;Object.keys(l).forEach(function(h){var f=h;Ge.style[f]=l[f]}),R5(Ge),Ge.value=t;var c=k5(Ge,e);Ge.value=t,c=k5(Ge,e),Ge.value="x";var u=Ge.scrollHeight-o,d=u*n;s==="border-box"&&(d=d+o+a),c=Math.max(d,c);var p=u*r;return s==="border-box"&&(p=p+o+a),c=Math.min(p,c),[c,u]}var I5=function(){},P$=function(e,t){return e.reduce(function(n,r){return n[r]=t[r],n},{})},z$=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],N$=!!document.documentElement.currentStyle,B$=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var n=P$(z$,t),r=n.boxSizing;if(r==="")return null;N$&&r==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var o=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),a=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:o,borderSize:a}},F$=B$;function O4(e,t,n){var r=$$(n);i.useLayoutEffect(function(){var o=function(a){return r.current(a)};if(e)return e.addEventListener(t,o),function(){return e.removeEventListener(t,o)}},[])}var D$=function(e){O4(window,"resize",e)},H$=function(e){O4(document.fonts,"loadingdone",e)},j$=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],U$=function(e,t){var n=e.cacheMeasurements,r=e.maxRows,o=e.minRows,a=e.onChange,l=a===void 0?I5:a,s=e.onHeightChange,c=s===void 0?I5:s,u=pd(e,j$),d=u.value!==void 0,p=i.useRef(null),h=T$(p,t),f=i.useRef(0),y=i.useRef(),g=function(){var b=p.current,v=n&&y.current?y.current:F$(b);if(v){y.current=v;var w=L$(v,b.value||b.placeholder||"x",o,r),E=w[0],x=w[1];f.current!==E&&(f.current=E,b.style.setProperty("height",E+"px","important"),c(E,{rowHeight:x}))}},S=function(b){d||g(),l(b)};return i.useLayoutEffect(g),D$(g),H$(g),i.createElement("textarea",te({},u,{onChange:S,ref:h}))},V$=i.forwardRef(U$),W$={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},O1=({theme:e})=>({...W$,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),T1=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},T4=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},M1=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},G$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("input",{...r,ref:o})}))(O1,T1,T4,M1,{minHeight:32}),{displayName:"Input"}),q$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("select",{...r,ref:o})}))(O1,T1,M1,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),K$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement(V$,{...r,ref:o})}))(O1,T1,T4,M1,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),ra=Object.assign(k.form({boxSizing:"border-box",width:"100%"}),{Field:k$,Input:G$,Select:q$,Textarea:K$,Button:pr}),Y$=i.lazy(()=>Fr(()=>import("./WithTooltip-KJL26V4Q-B5-jKScU.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltip}))),X$=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(Y$,{...e})),Z$=i.lazy(()=>Fr(()=>import("./WithTooltip-KJL26V4Q-B5-jKScU.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),M4=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(Z$,{...e})),Q$=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),J$=k.span(),eO=k.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),tO=k.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),nO=k.div({padding:15,width:280,boxSizing:"border-box"}),rO=({title:e,desc:t,links:n})=>m.createElement(nO,null,m.createElement(tO,null,e&&m.createElement(Q$,null,e),t&&m.createElement(J$,null,t)),n&&m.createElement(eO,null,n.map(({title:r,...o})=>m.createElement(Nr,{...o,key:r},r)))),oO=k.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),aO=({note:e,...t})=>m.createElement(oO,{...t},e),lO=k(({active:e,loading:t,disabled:n,...r})=>m.createElement("span",{...r}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:bt(.7,t.color.defaultText)}:{}),iO=k.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),sO=k.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),cO=k.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),uO=k.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),dO=k.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),fO=qr(100)((e,t,n)=>{let r={};return e&&Object.assign(r,{onClick:e}),t&&Object.assign(r,{href:t}),n&&t&&Object.assign(r,{to:t,as:n}),r}),pO=({loading:e=!1,title:t=m.createElement("span",null,"Loading state"),center:n=null,right:r=null,active:o=!1,disabled:a=!1,isIndented:l,href:s=null,onClick:c=null,icon:u,LinkWrapper:d=null,...p})=>{let h=fO(c,s,d),f={active:o,disabled:a};return m.createElement(dO,{...f,...p,...h},u&&m.createElement(uO,{...f},u),t||n?m.createElement(sO,{isIndented:!u&&l},t&&m.createElement(lO,{...f,loading:e},t),n&&m.createElement(cO,{...f},n)):null,r&&m.createElement(iO,{...f},r))},L4=pO,hO=k.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),mO=e=>{let{LinkWrapper:t,onClick:n,id:r,isIndented:o,...a}=e,{title:l,href:s,active:c}=a,u=i.useCallback(p=>{n(p,a)},[n]),d=!!n;return m.createElement(L4,{title:l,active:c,href:s,id:`list-item-${r}`,LinkWrapper:t,isIndented:o,...a,...d?{onClick:u}:{}})},P4=({links:e,LinkWrapper:t=null})=>{let n=e.some(r=>r.icon);return m.createElement(hO,null,e.map(({isGatsby:r,...o})=>m.createElement(mO,{key:o.id,LinkWrapper:r?t:null,isIndented:n,...o})))},gO=e=>typeof e.props.href=="string",vO=e=>typeof e.props.href!="string";function yO({children:e,...t},n){let r={props:t,ref:n};if(gO(r))return m.createElement("a",{ref:r.ref,...r.props},e);if(vO(r))return m.createElement("button",{ref:r.ref,type:"button",...r.props},e);throw new Error("invalid props")}var z4=i.forwardRef(yO);z4.displayName="ButtonOrLink";var Tl=k(z4,{shouldForwardProp:od})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:n})=>e?{color:t||n.barSelectedColor,borderBottomColor:n.barSelectedColor}:{color:t||n.barTextColor,borderBottomColor:"transparent","&:hover":{color:n.barHoverColor}});Tl.displayName="TabButton";var wO=k.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),bO=k.div(()=>({marginTop:6,padding:7,height:28})),EO=()=>m.createElement(bO,null,m.createElement(wO,null)),z0=k.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});z0.displayName="Side";var xO=({children:e,className:t,scrollable:n})=>n?m.createElement(Xs,{vertical:!1,className:t},e):m.createElement("div",{className:t},e),L1=k(xO)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});L1.displayName="Bar";var SO=k.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),tc=({children:e,backgroundColor:t,className:n,...r})=>{let[o,a]=i.Children.toArray(e);return m.createElement(L1,{className:`sb-bar ${n}`,...r},m.createElement(SO,{bgColor:t},m.createElement(z0,{scrollable:r.scrollable,left:!0},o),a?m.createElement(z0,{right:!0},a):null))};tc.displayName="FlexBar";var N4=k.div(({active:e})=>e?{display:"block"}:{display:"none"}),CO=e=>i.Children.toArray(e).map(({props:{title:t,id:n,color:r,children:o}})=>{let a=Array.isArray(o)?o[0]:o;return{title:t,id:n,...r?{color:r}:{},render:typeof a=="function"?a:({active:l})=>m.createElement(N4,{active:l,role:"tabpanel"},a)}}),_O=k.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),RO=k(Tl)(({active:e,theme:t,preActive:n})=>` color: ${n||e?t.barSelectedColor:t.barTextColor}; .addon-collapsible-icon { color: ${n||e?t.barSelectedColor:t.barTextColor}; @@ -529,7 +529,7 @@ ${t}`);let n=t.match(E$);if(!n)return m.createElement(i.Fragment,null,t);let[,r, ${Qt(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(r-t)/(n-t)*100}%, ${Rr(.02,e.input.background)} ${(r-t)/(n-t)*100}%, - ${Rr(.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 ${nn(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),o3=k.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),sW=k(o3)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),cW=k.div({display:"flex",alignItems:"center",width:"100%"});function uW(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 dW=({name:e,value:t,onChange:n,min:r=0,max:o=100,step:a=1,onBlur:l,onFocus:s,argType:c})=>{var f;let u=y=>{n(EV(y.target.value))},d=t!==void 0,p=i.useMemo(()=>uW(a),[a]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return m.createElement(cW,{"aria-readonly":h},m.createElement(o3,null,r),m.createElement(iW,{id:Ft(e),type:"range",disabled:h,onChange:u,name:e,value:t,min:r,max:o,step:a,onFocus:s,onBlur:l}),m.createElement(sW,{numberOFDecimalsPlaces:p,max:o},d?t.toFixed(p):"--"," / ",o))},fW=k.label({display:"flex"}),pW=k.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),hW=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,maxLength:a,argType:l})=>{var f;let s=y=>{n(y.target.value)},c=!!((f=l==null?void 0:l.table)!=null&&f.readonly),[u,d]=i.useState(!1),p=i.useCallback(()=>{n(""),d(!0)},[d]);if(t===void 0)return m.createElement(pr,{variant:"outline",size:"medium",disabled:c,id:Ss(e),onClick:p},"Set string");let h=typeof t=="string";return m.createElement(fW,null,m.createElement(ra.Textarea,{id:Ft(e),maxLength:a,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:h?null:"error",name:e,value:h?t:"",onFocus:r,onBlur:o}),a&&m.createElement(pW,{isMaxed:(t==null?void 0:t.length)===a},(t==null?void 0:t.length)??0," / ",a))},mW=k(ra.Input)({padding:10});function gW(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var vW=({onChange:e,name:t,accept:n="image/*",value:r,argType:o})=>{var c;let a=i.useRef(null),l=(c=o==null?void 0:o.control)==null?void 0:c.readOnly;function s(u){if(!u.target.files)return;let d=Array.from(u.target.files).map(p=>URL.createObjectURL(p));e(d),gW(r)}return i.useEffect(()=>{r==null&&a.current&&(a.current.value=null)},[r,t]),m.createElement(mW,{ref:a,id:Ft(t),type:"file",name:t,multiple:!0,disabled:l,onChange:s,accept:n,size:"flex"})},yW=i.lazy(()=>Fr(()=>import("./Color-PRSJMWNM-Ca3Re-kT.js"),__vite__mapDeps([7,2,3,1,4]),import.meta.url)),wW=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(yW,{...e})),bW={array:xh,object:xh,boolean:pV,color:wW,date:wV,number:SV,check:io,"inline-check":io,radio:io,"inline-radio":io,select:io,"multi-select":io,range:dW,text:hW,file:vW},Sh=()=>m.createElement(m.Fragment,null,"-"),EW=({row:e,arg:t,updateArgs:n,isHovered:r})=>{var g;let{key:o,control:a}=e,[l,s]=i.useState(!1),[c,u]=i.useState({value:t});i.useEffect(()=>{l||u({value:t})},[l,t]);let d=i.useCallback(S=>(u({value:S}),n({[o]:S}),S),[n,o]),p=i.useCallback(()=>s(!1),[]),h=i.useCallback(()=>s(!0),[]);if(!a||a.disable){let S=(a==null?void 0:a.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return r&&S?m.createElement(Nr,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):m.createElement(Sh,null)}let f={name:o,argType:e,value:c.value,onChange:d,onBlur:p,onFocus:h},y=bW[a.type]||Sh;return m.createElement(y,{...f,...a,controlType:a.type})},xW=k.span({fontWeight:"bold"}),SW=k.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),CW=k.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Mn({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),_W=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?4:0})),RW=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),kW=k.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),IW=e=>e&&{summary:typeof e=="string"?e:e.name},pi=e=>{var g;let[t,n]=i.useState(!1),{row:r,updateArgs:o,compact:a,expandable:l,initialExpandedArgs:s}=e,{name:c,description:u}=r,d=r.table||{},p=d.type||IW(r.type),h=d.defaultValue||r.defaultValue,f=(g=r.type)==null?void 0:g.required,y=u!=null&&u!=="";return m.createElement("tr",{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)},m.createElement(kW,{expandable:l},m.createElement(xW,null,c),f?m.createElement(SW,{title:"Required"},"*"):null),a?null:m.createElement("td",null,y&&m.createElement(CW,null,m.createElement(_y,null,u)),d.jsDocTags!=null?m.createElement(m.Fragment,null,m.createElement(RW,{hasDescription:y},m.createElement(yu,{value:p,initialExpandedArgs:s})),m.createElement(eV,{tags:d.jsDocTags})):m.createElement(_W,{hasDescription:y},m.createElement(yu,{value:p,initialExpandedArgs:s}))),a?null:m.createElement("td",null,m.createElement(yu,{value:h,initialExpandedArgs:s})),o?m.createElement("td",null,m.createElement(EW,{...e,isHovered:t})):null)},AW=k(f2)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),$W=k(E1)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),OW=k.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),TW=k.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"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),MW=k.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),LW=k.td(()=>({position:"relative"})),PW=k.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Rr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Ch=k.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"})),bu=({level:e="section",label:t,children:n,initialExpanded:r=!0,colSpan:o=3})=>{let[a,l]=i.useState(r),s=e==="subsection"?MW:TW,c=(n==null?void 0:n.length)||0,u=e==="subsection"?`${c} item${c!==1?"s":""}`:"",d=`${a?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return m.createElement(m.Fragment,null,m.createElement(PW,{title:d},m.createElement(s,{colSpan:1},m.createElement(Ch,{onClick:p=>l(!a),tabIndex:0},d),m.createElement(OW,null,a?m.createElement(AW,null):m.createElement($W,null),t)),m.createElement(LW,{colSpan:o-1},m.createElement(Ch,{onClick:p=>l(!a),tabIndex:-1,style:{outline:"none"}},d),a?null:u)),a?n:null)},hi=k.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Fe=k.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Ce=k.div(({theme:e,width:t,height:n})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:n||16,borderRadius:3})),De=[2,4,2,2],zW=()=>m.createElement(m.Fragment,null,m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"})))),NW=k.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"})),BW=k.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),FW=k.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),DW=({inAddonPanel:e})=>{let[t,n]=i.useState(!0);return i.useEffect(()=>{let r=setTimeout(()=>{n(!1)},100);return()=>clearTimeout(r)},[]),t?null:m.createElement(NW,{inAddonPanel:e},m.createElement(P1,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:m.createElement(m.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:m.createElement(BW,null,e&&m.createElement(m.Fragment,null,m.createElement(Nr,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},m.createElement(i2,null)," Watch 5m video"),m.createElement(FW,null),m.createElement(Nr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(hs,null)," Read docs")),!e&&m.createElement(Nr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(hs,null)," Learn how to set that up"))}))},HW=k.table(({theme:e,compact:t,inAddonPanel:n})=>({"&&":{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:n?0:25,marginBottom:n?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"?de(.25,e.color.defaultText):de(.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:n?0:1,marginRight:n?0:1,tbody:{...n?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}`},...n?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}}}}})),jW=k(nr)(({theme:e})=>({margin:"-4px -12px -4px 0"})),UW=k.span({display:"flex",justifyContent:"space-between"}),VW={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var n,r;return+!!((n=t.type)!=null&&n.required)-+!!((r=e.type)!=null&&r.required)||e.name.localeCompare(t.name)},none:void 0},WW=(e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([a,l])=>{let{category:s,subcategory:c}=(l==null?void 0:l.table)||{};if(s){let u=n.sections[s]||{ungrouped:[],subsections:{}};if(!c)u.ungrouped.push({key:a,...l});else{let d=u.subsections[c]||[];d.push({key:a,...l}),u.subsections[c]=d}n.sections[s]=u}else if(c){let u=n.ungroupedSubsections[c]||[];u.push({key:a,...l}),n.ungroupedSubsections[c]=u}else n.ungrouped.push({key:a,...l})});let r=VW[t],o=a=>r?Object.keys(a).reduce((l,s)=>({...l,[s]:a[s].sort(r)}),{}):a;return{ungrouped:n.ungrouped.sort(r),ungroupedSubsections:o(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((a,l)=>({...a,[l]:{ungrouped:n.sections[l].ungrouped.sort(r),subsections:o(n.sections[l].subsections)}}),{})}},GW=(e,t,n)=>{try{return eA(e,t,n)}catch(r){return SU.warn(r.message),!1}},Es=e=>{let{updateArgs:t,resetArgs:n,compact:r,inAddonPanel:o,initialExpandedArgs:a,sort:l="none",isLoading:s}=e;if("error"in e){let{error:v}=e;return m.createElement(Hy,null,v," ",m.createElement(Nr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},m.createElement(hs,null)," Read the docs"))}if(s)return m.createElement(zW,null);let{rows:c,args:u,globals:d}="rows"in e&&e,p=WW(Sz(c,v=>{var w;return!((w=v==null?void 0:v.table)!=null&&w.disable)&&GW(v,u||{},d||{})}),l),h=p.ungrouped.length===0,f=Object.entries(p.sections).length===0,y=Object.entries(p.ungroupedSubsections).length===0;if(h&&f&&y)return m.createElement(DW,{inAddonPanel:o});let g=1;t&&(g+=1),r||(g+=2);let S=Object.keys(p.sections).length>0,b={updateArgs:t,compact:r,inAddonPanel:o,initialExpandedArgs:a};return m.createElement($1,null,m.createElement(HW,{compact:r,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},m.createElement("thead",{className:"docblock-argstable-head"},m.createElement("tr",null,m.createElement("th",null,m.createElement("span",null,"Name")),r?null:m.createElement("th",null,m.createElement("span",null,"Description")),r?null:m.createElement("th",null,m.createElement("span",null,"Default")),t?m.createElement("th",null,m.createElement(UW,null,"Control"," ",!s&&n&&m.createElement(jW,{onClick:()=>n(),title:"Reset controls"},m.createElement(h2,{"aria-hidden":!0})))):null)),m.createElement("tbody",{className:"docblock-argstable-body"},p.ungrouped.map(v=>m.createElement(pi,{key:v.key,row:v,arg:u&&u[v.key],...b})),Object.entries(p.ungroupedSubsections).map(([v,w])=>m.createElement(bu,{key:v,label:v,level:"subsection",colSpan:g},w.map(E=>m.createElement(pi,{key:E.key,row:E,arg:u&&u[E.key],expandable:S,...b})))),Object.entries(p.sections).map(([v,w])=>m.createElement(bu,{key:v,label:v,level:"section",colSpan:g},w.ungrouped.map(E=>m.createElement(pi,{key:E.key,row:E,arg:u&&u[E.key],...b})),Object.entries(w.subsections).map(([E,x])=>m.createElement(bu,{key:E,label:E,level:"subsection",colSpan:g},x.map(C=>m.createElement(pi,{key:C.key,row:C,arg:u&&u[C.key],expandable:S,...b})))))))))},a3=({tabs:e,...t})=>{let n=Object.entries(e);return n.length===1?m.createElement(Es,{...n[0][1],...t}):m.createElement(B1,null,n.map((r,o)=>{let[a,l]=r,s=`prop_table_div_${a}`,c="div",u=o===0?t:{sort:t.sort};return m.createElement(c,{key:s,id:s,title:a},({active:d})=>d?m.createElement(Es,{key:`prop_table_${a}`,...l,...u}):null)}))};k.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});k.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});k.div(ve,({theme:e})=>({...ic(e),margin:"25px 0 40px",padding:"30px 20px"}));k.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));k.div(({theme:e})=>({color:e.base==="light"?de(.2,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});k.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"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));k.div({display:"flex",flexDirection:"row"});k.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));k.div(({theme:e})=>({...ic(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"}));k.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});k.div({flex:1,display:"flex",flexDirection:"row"});k.div({display:"flex",alignItems:"flex-start"});k.div({flex:"0 0 30%"});k.div({flex:1});k.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));k.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));k.div(({theme:e})=>({...ic(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));k.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});k.div({display:"flex",flexFlow:"row wrap"});var qW=e=>`anchor--${e}`,l3=({storyId:e,children:t})=>m.createElement("div",{id:qW(e),className:"sb-anchor"},t);Et&&Et.__DOCS_CONTEXT__===void 0&&(Et.__DOCS_CONTEXT__=i.createContext(null),Et.__DOCS_CONTEXT__.displayName="DocsContext");var Ht=Et?Et.__DOCS_CONTEXT__:i.createContext(null),gr=(e,t)=>i.useContext(Ht).resolveOf(e,t),KW=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),i3=e=>{if(e)return typeof e=="string"?e.includes("-")?KW(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function YW(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function s3(e,t){let{extractArgTypes:n}=t.docs||{};if(!n)throw new Error("Args unsupported. See Args documentation for your framework.");return n(e)}function XW(e){if(e.type==="component"){let{component:a,projectAnnotations:{parameters:l}}=e;return{argTypes:s3(a,l),parameters:l,component:a}}if(e.type==="meta"){let{preparedMeta:{argTypes:a,parameters:l,component:s,subcomponents:c}}=e;return{argTypes:a,parameters:l,component:s,subcomponents:c}}let{story:{argTypes:t,parameters:n,component:r,subcomponents:o}}=e;return{argTypes:t,parameters:n,component:r,subcomponents:o}}var QG=e=>{var g;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 n=gr(t||"meta"),{argTypes:r,parameters:o,component:a,subcomponents:l}=XW(n),s=((g=o.docs)==null?void 0:g.argTypes)||{},c=e.include??s.include,u=e.exclude??s.exclude,d=e.sort??s.sort,p=bs(r,c,u);if(!(l&&Object.keys(l).length>0))return m.createElement(Es,{rows:p,sort:d});let h=i3(a),f=Object.fromEntries(Object.entries(l).map(([S,b])=>[S,{rows:bs(s3(b,o),c,u),sort:d}])),y={[h]:{rows:p,sort:d},...f};return m.createElement(a3,{tabs:y,sort:d})};function c3(e){return dU(e,{allowFunction:!1})}var u3=i.createContext({sources:{}}),d3="--unknown--",ZW=({children:e,channel:t})=>{let[n,r]=i.useState({});return i.useEffect(()=>{let o=(a,l=null,s=!1)=>{let{id:c,args:u=void 0,source:d,format:p}=typeof a=="string"?{id:a,source:l,format:s}:a,h=u?c3(u):d3;r(f=>({...f,[c]:{...f[c],[h]:{code:d,format:p}}}))};return t.on(df,o),()=>t.off(df,o)},[]),m.createElement(u3.Provider,{value:{sources:n}},e)},QW=(e,t,n)=>{let{sources:r}=n,o=r==null?void 0:r[e];return(o==null?void 0:o[c3(t)])||(o==null?void 0:o[d3])||{code:""}},JW=({snippet:e,storyContext:t,typeFromProps:n,transformFromProps:r})=>{var c,u;let{__isArgsStory:o}=t.parameters,a=((c=t.parameters.docs)==null?void 0:c.source)||{},l=n||a.type||dc.AUTO;if(a.code!==void 0)return a.code;let s=l===dc.DYNAMIC||l===dc.AUTO&&e&&o?e:a.originalSource||"";return((u=r??a.transform)==null?void 0:u(s,t))||s},eG=(e,t,n)=>{var f,y,g,S;let r,{of:o}=e;if("of"in e&&o===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(o)r=t.resolveOf(o,["story"]).story;else try{r=t.storyById()}catch{}let a=((y=(f=r==null?void 0:r.parameters)==null?void 0:f.docs)==null?void 0:y.source)||{},{code:l}=e,s=e.format??a.format,c=e.language??a.language??"jsx",u=e.dark??a.dark??!1;if(!l&&!r)return{error:"Oh no! The source is not available."};if(l)return{code:l,format:s,language:c,dark:u};let d=t.getStoryContext(r),p=e.__forceInitialArgs?d.initialArgs:d.unmappedArgs,h=QW(r.id,p,n);return s=h.format??((S=(g=r.parameters.docs)==null?void 0:g.source)==null?void 0:S.format)??!1,{code:JW({snippet:h.code,storyContext:{...d,args:p},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:u}};function tG(e,t){let n=nG([e],t);return n&&n[0]}function nG(e,t){let[n,r]=i.useState({});return i.useEffect(()=>{Promise.all(e.map(async o=>{let a=await t.loadStory(o);r(l=>l[o]===a?l:{...l,[o]:a})}))}),e.map(o=>{if(n[o])return n[o];try{return t.storyById(o)}catch{return null}})}var rG=(e,t)=>{let{of:n,meta:r}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return r&&t.referenceMeta(r,!1),t.resolveOf(n||"story",["story"]).story.id},oG=(e,t,n)=>{let{parameters:r={}}=t||{},{docs:o={}}=r,a=o.story||{};if(o.disable)return null;if(e.inline??a.inline??!1){let s=e.height??a.height,c=e.autoplay??a.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:n.renderStoryToElement}}let l=e.height??a.height??a.iframeHeight??"100px";return{story:t,inline:!1,height:l,primary:!!e.__primary}},aG=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=i.useContext(Ht),n=rG(e,t),r=tG(n,t);if(!r)return m.createElement(Vy,null);let o=oG(e,r,t);return o?m.createElement(GU,{...o}):null},lG=e=>{var h,f,y,g,S,b,v,w,E,x;let t=i.useContext(Ht),n=i.useContext(u3),{of:r,source:o}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:a}=gr(r||"story",["story"]),l=eG({...o,...r&&{of:r}},t,n),s=e.layout??a.parameters.layout??((f=(h=a.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(y=a.parameters.docs)==null?void 0:y.canvas)==null?void 0:g.withToolbar)??!1,u=e.additionalActions??((b=(S=a.parameters.docs)==null?void 0:S.canvas)==null?void 0:b.additionalActions),d=e.sourceState??((w=(v=a.parameters.docs)==null?void 0:v.canvas)==null?void 0:w.sourceState)??"hidden",p=e.className??((x=(E=a.parameters.docs)==null?void 0:E.canvas)==null?void 0:x.className);return m.createElement(Wy,{withSource:d==="none"?void 0:l,isExpanded:d==="shown",withToolbar:c,additionalActions:u,className:p,layout:s},m.createElement(aG,{of:r||a.moduleExport,meta:e.meta,...e.story}))},iG=(e,t)=>{let n=t.getStoryContext(e),[r,o]=i.useState(n.globals);return i.useEffect(()=>{let a=l=>{o(l.globals)};return t.channel.on(dh,a),()=>t.channel.off(dh,a)},[t.channel]),[r]},sG=(e,t)=>{let n=cG(e,t);if(!n)throw new Error("No result when story was defined");return n},cG=(e,t)=>{let n=e?t.getStoryContext(e):{args:{}},{id:r}=e||{id:"none"},[o,a]=i.useState(n.args);i.useEffect(()=>{let c=u=>{u.storyId===r&&a(u.args)};return t.channel.on(fh,c),()=>t.channel.off(fh,c)},[r,t.channel]);let l=i.useCallback(c=>t.channel.emit(CU,{storyId:r,updatedArgs:c}),[r,t.channel]),s=i.useCallback(c=>t.channel.emit(_U,{storyId:r,argNames:c}),[r,t.channel]);return e&&[o,l,s]};function uG(e,t){let{extractArgTypes:n}=t.docs||{};if(!n)throw new Error("Args unsupported. See Args documentation for your framework.");return n(e)}var dG=e=>{var E;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 n=i.useContext(Ht),{story:r}=n.resolveOf(t||"story",["story"]),{parameters:o,argTypes:a,component:l,subcomponents:s}=r,c=((E=o.docs)==null?void 0:E.controls)||{},u=e.include??c.include,d=e.exclude??c.exclude,p=e.sort??c.sort,[h,f,y]=sG(r,n),[g]=iG(r,n),S=bs(a,u,d);if(!(s&&Object.keys(s).length>0))return Object.keys(S).length>0||Object.keys(h).length>0?m.createElement(Es,{rows:S,sort:p,args:h,globals:g,updateArgs:f,resetArgs:y}):null;let b=i3(l),v=Object.fromEntries(Object.entries(s).map(([x,C])=>[x,{rows:bs(uG(C,o),u,d),sort:p}])),w={[b]:{rows:S,sort:p},...v};return m.createElement(a3,{tabs:w,sort:p,args:h,globals:g,updateArgs:f,resetArgs:y})},{document:f3}=Et,fG=({className:e,children:t,...n})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return m.createElement(k1,null,t);let r=e&&e.split("-");return m.createElement(jy,{language:r&&r[1]||"text",format:!1,code:t,...n})};function of(e,t){e.channel.emit(RU,t)}var q0=D4.a,pG=({hash:e,children:t})=>{let n=i.useContext(Ht);return m.createElement(q0,{href:e,target:"_self",onClick:r=>{let o=e.substring(1);f3.getElementById(o)&&of(n,e)}},t)},hG=e=>{let{href:t,target:n,children:r,...o}=e,a=i.useContext(Ht);return!t||n==="_blank"||/^https?:\/\//.test(t)?m.createElement(q0,{...e}):t.startsWith("#")?m.createElement(pG,{hash:t},r):m.createElement(q0,{href:t,onClick:l=>{l.button===0&&!l.altKey&&!l.ctrlKey&&!l.metaKey&&!l.shiftKey&&(l.preventDefault(),of(a,l.currentTarget.getAttribute("href")))},target:n,...o},r)},p3=["h1","h2","h3","h4","h5","h6"],mG=p3.reduce((e,t)=>({...e,[t]:k(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),gG=k.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),vG=({as:e,id:t,children:n,...r})=>{let o=i.useContext(Ht),a=mG[e],l=`#${t}`;return m.createElement(a,{id:t,...r},m.createElement(gG,{"aria-hidden":"true",href:l,tabIndex:-1,target:"_self",onClick:s=>{f3.getElementById(t)&&of(o,l)}},m.createElement(d2,null)),n)},af=e=>{let{as:t,id:n,children:r,...o}=e;if(n)return m.createElement(vG,{as:t,id:n,...o},r);let a=t,{as:l,...s}=e;return m.createElement(a,{...fe(s,t)})},yG=p3.reduce((e,t)=>({...e,[t]:n=>m.createElement(af,{as:t,...n})}),{}),wG=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error($3`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${Rr(.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 ${nn(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),o3=k.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),sW=k(o3)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),cW=k.div({display:"flex",alignItems:"center",width:"100%"});function uW(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 dW=({name:e,value:t,onChange:n,min:r=0,max:o=100,step:a=1,onBlur:l,onFocus:s,argType:c})=>{var f;let u=y=>{n(EV(y.target.value))},d=t!==void 0,p=i.useMemo(()=>uW(a),[a]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return m.createElement(cW,{"aria-readonly":h},m.createElement(o3,null,r),m.createElement(iW,{id:Ft(e),type:"range",disabled:h,onChange:u,name:e,value:t,min:r,max:o,step:a,onFocus:s,onBlur:l}),m.createElement(sW,{numberOFDecimalsPlaces:p,max:o},d?t.toFixed(p):"--"," / ",o))},fW=k.label({display:"flex"}),pW=k.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),hW=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,maxLength:a,argType:l})=>{var f;let s=y=>{n(y.target.value)},c=!!((f=l==null?void 0:l.table)!=null&&f.readonly),[u,d]=i.useState(!1),p=i.useCallback(()=>{n(""),d(!0)},[d]);if(t===void 0)return m.createElement(pr,{variant:"outline",size:"medium",disabled:c,id:Ss(e),onClick:p},"Set string");let h=typeof t=="string";return m.createElement(fW,null,m.createElement(ra.Textarea,{id:Ft(e),maxLength:a,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:h?null:"error",name:e,value:h?t:"",onFocus:r,onBlur:o}),a&&m.createElement(pW,{isMaxed:(t==null?void 0:t.length)===a},(t==null?void 0:t.length)??0," / ",a))},mW=k(ra.Input)({padding:10});function gW(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var vW=({onChange:e,name:t,accept:n="image/*",value:r,argType:o})=>{var c;let a=i.useRef(null),l=(c=o==null?void 0:o.control)==null?void 0:c.readOnly;function s(u){if(!u.target.files)return;let d=Array.from(u.target.files).map(p=>URL.createObjectURL(p));e(d),gW(r)}return i.useEffect(()=>{r==null&&a.current&&(a.current.value=null)},[r,t]),m.createElement(mW,{ref:a,id:Ft(t),type:"file",name:t,multiple:!0,disabled:l,onChange:s,accept:n,size:"flex"})},yW=i.lazy(()=>Fr(()=>import("./Color-PRSJMWNM-DHk4Kbc7.js"),__vite__mapDeps([7,2,3,1,4]),import.meta.url)),wW=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(yW,{...e})),bW={array:xh,object:xh,boolean:pV,color:wW,date:wV,number:SV,check:io,"inline-check":io,radio:io,"inline-radio":io,select:io,"multi-select":io,range:dW,text:hW,file:vW},Sh=()=>m.createElement(m.Fragment,null,"-"),EW=({row:e,arg:t,updateArgs:n,isHovered:r})=>{var g;let{key:o,control:a}=e,[l,s]=i.useState(!1),[c,u]=i.useState({value:t});i.useEffect(()=>{l||u({value:t})},[l,t]);let d=i.useCallback(S=>(u({value:S}),n({[o]:S}),S),[n,o]),p=i.useCallback(()=>s(!1),[]),h=i.useCallback(()=>s(!0),[]);if(!a||a.disable){let S=(a==null?void 0:a.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return r&&S?m.createElement(Nr,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):m.createElement(Sh,null)}let f={name:o,argType:e,value:c.value,onChange:d,onBlur:p,onFocus:h},y=bW[a.type]||Sh;return m.createElement(y,{...f,...a,controlType:a.type})},xW=k.span({fontWeight:"bold"}),SW=k.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),CW=k.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Mn({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),_W=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?4:0})),RW=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),kW=k.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),IW=e=>e&&{summary:typeof e=="string"?e:e.name},pi=e=>{var g;let[t,n]=i.useState(!1),{row:r,updateArgs:o,compact:a,expandable:l,initialExpandedArgs:s}=e,{name:c,description:u}=r,d=r.table||{},p=d.type||IW(r.type),h=d.defaultValue||r.defaultValue,f=(g=r.type)==null?void 0:g.required,y=u!=null&&u!=="";return m.createElement("tr",{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)},m.createElement(kW,{expandable:l},m.createElement(xW,null,c),f?m.createElement(SW,{title:"Required"},"*"):null),a?null:m.createElement("td",null,y&&m.createElement(CW,null,m.createElement(_y,null,u)),d.jsDocTags!=null?m.createElement(m.Fragment,null,m.createElement(RW,{hasDescription:y},m.createElement(yu,{value:p,initialExpandedArgs:s})),m.createElement(eV,{tags:d.jsDocTags})):m.createElement(_W,{hasDescription:y},m.createElement(yu,{value:p,initialExpandedArgs:s}))),a?null:m.createElement("td",null,m.createElement(yu,{value:h,initialExpandedArgs:s})),o?m.createElement("td",null,m.createElement(EW,{...e,isHovered:t})):null)},AW=k(f2)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),$W=k(E1)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),OW=k.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),TW=k.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"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),MW=k.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),LW=k.td(()=>({position:"relative"})),PW=k.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Rr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Ch=k.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"})),bu=({level:e="section",label:t,children:n,initialExpanded:r=!0,colSpan:o=3})=>{let[a,l]=i.useState(r),s=e==="subsection"?MW:TW,c=(n==null?void 0:n.length)||0,u=e==="subsection"?`${c} item${c!==1?"s":""}`:"",d=`${a?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return m.createElement(m.Fragment,null,m.createElement(PW,{title:d},m.createElement(s,{colSpan:1},m.createElement(Ch,{onClick:p=>l(!a),tabIndex:0},d),m.createElement(OW,null,a?m.createElement(AW,null):m.createElement($W,null),t)),m.createElement(LW,{colSpan:o-1},m.createElement(Ch,{onClick:p=>l(!a),tabIndex:-1,style:{outline:"none"}},d),a?null:u)),a?n:null)},hi=k.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Fe=k.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Ce=k.div(({theme:e,width:t,height:n})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:n||16,borderRadius:3})),De=[2,4,2,2],zW=()=>m.createElement(m.Fragment,null,m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(hi,null,m.createElement(Fe,{numColumn:De[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:De[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:De[3]},m.createElement(Ce,{width:"60%"})))),NW=k.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"})),BW=k.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),FW=k.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),DW=({inAddonPanel:e})=>{let[t,n]=i.useState(!0);return i.useEffect(()=>{let r=setTimeout(()=>{n(!1)},100);return()=>clearTimeout(r)},[]),t?null:m.createElement(NW,{inAddonPanel:e},m.createElement(P1,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:m.createElement(m.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:m.createElement(BW,null,e&&m.createElement(m.Fragment,null,m.createElement(Nr,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},m.createElement(i2,null)," Watch 5m video"),m.createElement(FW,null),m.createElement(Nr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(hs,null)," Read docs")),!e&&m.createElement(Nr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(hs,null)," Learn how to set that up"))}))},HW=k.table(({theme:e,compact:t,inAddonPanel:n})=>({"&&":{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:n?0:25,marginBottom:n?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"?de(.25,e.color.defaultText):de(.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:n?0:1,marginRight:n?0:1,tbody:{...n?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}`},...n?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}}}}})),jW=k(nr)(({theme:e})=>({margin:"-4px -12px -4px 0"})),UW=k.span({display:"flex",justifyContent:"space-between"}),VW={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var n,r;return+!!((n=t.type)!=null&&n.required)-+!!((r=e.type)!=null&&r.required)||e.name.localeCompare(t.name)},none:void 0},WW=(e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([a,l])=>{let{category:s,subcategory:c}=(l==null?void 0:l.table)||{};if(s){let u=n.sections[s]||{ungrouped:[],subsections:{}};if(!c)u.ungrouped.push({key:a,...l});else{let d=u.subsections[c]||[];d.push({key:a,...l}),u.subsections[c]=d}n.sections[s]=u}else if(c){let u=n.ungroupedSubsections[c]||[];u.push({key:a,...l}),n.ungroupedSubsections[c]=u}else n.ungrouped.push({key:a,...l})});let r=VW[t],o=a=>r?Object.keys(a).reduce((l,s)=>({...l,[s]:a[s].sort(r)}),{}):a;return{ungrouped:n.ungrouped.sort(r),ungroupedSubsections:o(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((a,l)=>({...a,[l]:{ungrouped:n.sections[l].ungrouped.sort(r),subsections:o(n.sections[l].subsections)}}),{})}},GW=(e,t,n)=>{try{return eA(e,t,n)}catch(r){return SU.warn(r.message),!1}},Es=e=>{let{updateArgs:t,resetArgs:n,compact:r,inAddonPanel:o,initialExpandedArgs:a,sort:l="none",isLoading:s}=e;if("error"in e){let{error:v}=e;return m.createElement(Hy,null,v," ",m.createElement(Nr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},m.createElement(hs,null)," Read the docs"))}if(s)return m.createElement(zW,null);let{rows:c,args:u,globals:d}="rows"in e&&e,p=WW(Sz(c,v=>{var w;return!((w=v==null?void 0:v.table)!=null&&w.disable)&&GW(v,u||{},d||{})}),l),h=p.ungrouped.length===0,f=Object.entries(p.sections).length===0,y=Object.entries(p.ungroupedSubsections).length===0;if(h&&f&&y)return m.createElement(DW,{inAddonPanel:o});let g=1;t&&(g+=1),r||(g+=2);let S=Object.keys(p.sections).length>0,b={updateArgs:t,compact:r,inAddonPanel:o,initialExpandedArgs:a};return m.createElement($1,null,m.createElement(HW,{compact:r,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},m.createElement("thead",{className:"docblock-argstable-head"},m.createElement("tr",null,m.createElement("th",null,m.createElement("span",null,"Name")),r?null:m.createElement("th",null,m.createElement("span",null,"Description")),r?null:m.createElement("th",null,m.createElement("span",null,"Default")),t?m.createElement("th",null,m.createElement(UW,null,"Control"," ",!s&&n&&m.createElement(jW,{onClick:()=>n(),title:"Reset controls"},m.createElement(h2,{"aria-hidden":!0})))):null)),m.createElement("tbody",{className:"docblock-argstable-body"},p.ungrouped.map(v=>m.createElement(pi,{key:v.key,row:v,arg:u&&u[v.key],...b})),Object.entries(p.ungroupedSubsections).map(([v,w])=>m.createElement(bu,{key:v,label:v,level:"subsection",colSpan:g},w.map(E=>m.createElement(pi,{key:E.key,row:E,arg:u&&u[E.key],expandable:S,...b})))),Object.entries(p.sections).map(([v,w])=>m.createElement(bu,{key:v,label:v,level:"section",colSpan:g},w.ungrouped.map(E=>m.createElement(pi,{key:E.key,row:E,arg:u&&u[E.key],...b})),Object.entries(w.subsections).map(([E,x])=>m.createElement(bu,{key:E,label:E,level:"subsection",colSpan:g},x.map(C=>m.createElement(pi,{key:C.key,row:C,arg:u&&u[C.key],expandable:S,...b})))))))))},a3=({tabs:e,...t})=>{let n=Object.entries(e);return n.length===1?m.createElement(Es,{...n[0][1],...t}):m.createElement(B1,null,n.map((r,o)=>{let[a,l]=r,s=`prop_table_div_${a}`,c="div",u=o===0?t:{sort:t.sort};return m.createElement(c,{key:s,id:s,title:a},({active:d})=>d?m.createElement(Es,{key:`prop_table_${a}`,...l,...u}):null)}))};k.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});k.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});k.div(ve,({theme:e})=>({...ic(e),margin:"25px 0 40px",padding:"30px 20px"}));k.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));k.div(({theme:e})=>({color:e.base==="light"?de(.2,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});k.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"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));k.div({display:"flex",flexDirection:"row"});k.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));k.div(({theme:e})=>({...ic(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"}));k.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});k.div({flex:1,display:"flex",flexDirection:"row"});k.div({display:"flex",alignItems:"flex-start"});k.div({flex:"0 0 30%"});k.div({flex:1});k.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));k.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));k.div(({theme:e})=>({...ic(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));k.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});k.div({display:"flex",flexFlow:"row wrap"});var qW=e=>`anchor--${e}`,l3=({storyId:e,children:t})=>m.createElement("div",{id:qW(e),className:"sb-anchor"},t);Et&&Et.__DOCS_CONTEXT__===void 0&&(Et.__DOCS_CONTEXT__=i.createContext(null),Et.__DOCS_CONTEXT__.displayName="DocsContext");var Ht=Et?Et.__DOCS_CONTEXT__:i.createContext(null),gr=(e,t)=>i.useContext(Ht).resolveOf(e,t),KW=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),i3=e=>{if(e)return typeof e=="string"?e.includes("-")?KW(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function YW(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function s3(e,t){let{extractArgTypes:n}=t.docs||{};if(!n)throw new Error("Args unsupported. See Args documentation for your framework.");return n(e)}function XW(e){if(e.type==="component"){let{component:a,projectAnnotations:{parameters:l}}=e;return{argTypes:s3(a,l),parameters:l,component:a}}if(e.type==="meta"){let{preparedMeta:{argTypes:a,parameters:l,component:s,subcomponents:c}}=e;return{argTypes:a,parameters:l,component:s,subcomponents:c}}let{story:{argTypes:t,parameters:n,component:r,subcomponents:o}}=e;return{argTypes:t,parameters:n,component:r,subcomponents:o}}var QG=e=>{var g;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 n=gr(t||"meta"),{argTypes:r,parameters:o,component:a,subcomponents:l}=XW(n),s=((g=o.docs)==null?void 0:g.argTypes)||{},c=e.include??s.include,u=e.exclude??s.exclude,d=e.sort??s.sort,p=bs(r,c,u);if(!(l&&Object.keys(l).length>0))return m.createElement(Es,{rows:p,sort:d});let h=i3(a),f=Object.fromEntries(Object.entries(l).map(([S,b])=>[S,{rows:bs(s3(b,o),c,u),sort:d}])),y={[h]:{rows:p,sort:d},...f};return m.createElement(a3,{tabs:y,sort:d})};function c3(e){return dU(e,{allowFunction:!1})}var u3=i.createContext({sources:{}}),d3="--unknown--",ZW=({children:e,channel:t})=>{let[n,r]=i.useState({});return i.useEffect(()=>{let o=(a,l=null,s=!1)=>{let{id:c,args:u=void 0,source:d,format:p}=typeof a=="string"?{id:a,source:l,format:s}:a,h=u?c3(u):d3;r(f=>({...f,[c]:{...f[c],[h]:{code:d,format:p}}}))};return t.on(df,o),()=>t.off(df,o)},[]),m.createElement(u3.Provider,{value:{sources:n}},e)},QW=(e,t,n)=>{let{sources:r}=n,o=r==null?void 0:r[e];return(o==null?void 0:o[c3(t)])||(o==null?void 0:o[d3])||{code:""}},JW=({snippet:e,storyContext:t,typeFromProps:n,transformFromProps:r})=>{var c,u;let{__isArgsStory:o}=t.parameters,a=((c=t.parameters.docs)==null?void 0:c.source)||{},l=n||a.type||dc.AUTO;if(a.code!==void 0)return a.code;let s=l===dc.DYNAMIC||l===dc.AUTO&&e&&o?e:a.originalSource||"";return((u=r??a.transform)==null?void 0:u(s,t))||s},eG=(e,t,n)=>{var f,y,g,S;let r,{of:o}=e;if("of"in e&&o===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(o)r=t.resolveOf(o,["story"]).story;else try{r=t.storyById()}catch{}let a=((y=(f=r==null?void 0:r.parameters)==null?void 0:f.docs)==null?void 0:y.source)||{},{code:l}=e,s=e.format??a.format,c=e.language??a.language??"jsx",u=e.dark??a.dark??!1;if(!l&&!r)return{error:"Oh no! The source is not available."};if(l)return{code:l,format:s,language:c,dark:u};let d=t.getStoryContext(r),p=e.__forceInitialArgs?d.initialArgs:d.unmappedArgs,h=QW(r.id,p,n);return s=h.format??((S=(g=r.parameters.docs)==null?void 0:g.source)==null?void 0:S.format)??!1,{code:JW({snippet:h.code,storyContext:{...d,args:p},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:u}};function tG(e,t){let n=nG([e],t);return n&&n[0]}function nG(e,t){let[n,r]=i.useState({});return i.useEffect(()=>{Promise.all(e.map(async o=>{let a=await t.loadStory(o);r(l=>l[o]===a?l:{...l,[o]:a})}))}),e.map(o=>{if(n[o])return n[o];try{return t.storyById(o)}catch{return null}})}var rG=(e,t)=>{let{of:n,meta:r}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return r&&t.referenceMeta(r,!1),t.resolveOf(n||"story",["story"]).story.id},oG=(e,t,n)=>{let{parameters:r={}}=t||{},{docs:o={}}=r,a=o.story||{};if(o.disable)return null;if(e.inline??a.inline??!1){let s=e.height??a.height,c=e.autoplay??a.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:n.renderStoryToElement}}let l=e.height??a.height??a.iframeHeight??"100px";return{story:t,inline:!1,height:l,primary:!!e.__primary}},aG=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=i.useContext(Ht),n=rG(e,t),r=tG(n,t);if(!r)return m.createElement(Vy,null);let o=oG(e,r,t);return o?m.createElement(GU,{...o}):null},lG=e=>{var h,f,y,g,S,b,v,w,E,x;let t=i.useContext(Ht),n=i.useContext(u3),{of:r,source:o}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:a}=gr(r||"story",["story"]),l=eG({...o,...r&&{of:r}},t,n),s=e.layout??a.parameters.layout??((f=(h=a.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(y=a.parameters.docs)==null?void 0:y.canvas)==null?void 0:g.withToolbar)??!1,u=e.additionalActions??((b=(S=a.parameters.docs)==null?void 0:S.canvas)==null?void 0:b.additionalActions),d=e.sourceState??((w=(v=a.parameters.docs)==null?void 0:v.canvas)==null?void 0:w.sourceState)??"hidden",p=e.className??((x=(E=a.parameters.docs)==null?void 0:E.canvas)==null?void 0:x.className);return m.createElement(Wy,{withSource:d==="none"?void 0:l,isExpanded:d==="shown",withToolbar:c,additionalActions:u,className:p,layout:s},m.createElement(aG,{of:r||a.moduleExport,meta:e.meta,...e.story}))},iG=(e,t)=>{let n=t.getStoryContext(e),[r,o]=i.useState(n.globals);return i.useEffect(()=>{let a=l=>{o(l.globals)};return t.channel.on(dh,a),()=>t.channel.off(dh,a)},[t.channel]),[r]},sG=(e,t)=>{let n=cG(e,t);if(!n)throw new Error("No result when story was defined");return n},cG=(e,t)=>{let n=e?t.getStoryContext(e):{args:{}},{id:r}=e||{id:"none"},[o,a]=i.useState(n.args);i.useEffect(()=>{let c=u=>{u.storyId===r&&a(u.args)};return t.channel.on(fh,c),()=>t.channel.off(fh,c)},[r,t.channel]);let l=i.useCallback(c=>t.channel.emit(CU,{storyId:r,updatedArgs:c}),[r,t.channel]),s=i.useCallback(c=>t.channel.emit(_U,{storyId:r,argNames:c}),[r,t.channel]);return e&&[o,l,s]};function uG(e,t){let{extractArgTypes:n}=t.docs||{};if(!n)throw new Error("Args unsupported. See Args documentation for your framework.");return n(e)}var dG=e=>{var E;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 n=i.useContext(Ht),{story:r}=n.resolveOf(t||"story",["story"]),{parameters:o,argTypes:a,component:l,subcomponents:s}=r,c=((E=o.docs)==null?void 0:E.controls)||{},u=e.include??c.include,d=e.exclude??c.exclude,p=e.sort??c.sort,[h,f,y]=sG(r,n),[g]=iG(r,n),S=bs(a,u,d);if(!(s&&Object.keys(s).length>0))return Object.keys(S).length>0||Object.keys(h).length>0?m.createElement(Es,{rows:S,sort:p,args:h,globals:g,updateArgs:f,resetArgs:y}):null;let b=i3(l),v=Object.fromEntries(Object.entries(s).map(([x,C])=>[x,{rows:bs(uG(C,o),u,d),sort:p}])),w={[b]:{rows:S,sort:p},...v};return m.createElement(a3,{tabs:w,sort:p,args:h,globals:g,updateArgs:f,resetArgs:y})},{document:f3}=Et,fG=({className:e,children:t,...n})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return m.createElement(k1,null,t);let r=e&&e.split("-");return m.createElement(jy,{language:r&&r[1]||"text",format:!1,code:t,...n})};function of(e,t){e.channel.emit(RU,t)}var q0=D4.a,pG=({hash:e,children:t})=>{let n=i.useContext(Ht);return m.createElement(q0,{href:e,target:"_self",onClick:r=>{let o=e.substring(1);f3.getElementById(o)&&of(n,e)}},t)},hG=e=>{let{href:t,target:n,children:r,...o}=e,a=i.useContext(Ht);return!t||n==="_blank"||/^https?:\/\//.test(t)?m.createElement(q0,{...e}):t.startsWith("#")?m.createElement(pG,{hash:t},r):m.createElement(q0,{href:t,onClick:l=>{l.button===0&&!l.altKey&&!l.ctrlKey&&!l.metaKey&&!l.shiftKey&&(l.preventDefault(),of(a,l.currentTarget.getAttribute("href")))},target:n,...o},r)},p3=["h1","h2","h3","h4","h5","h6"],mG=p3.reduce((e,t)=>({...e,[t]:k(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),gG=k.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),vG=({as:e,id:t,children:n,...r})=>{let o=i.useContext(Ht),a=mG[e],l=`#${t}`;return m.createElement(a,{id:t,...r},m.createElement(gG,{"aria-hidden":"true",href:l,tabIndex:-1,target:"_self",onClick:s=>{f3.getElementById(t)&&of(o,l)}},m.createElement(d2,null)),n)},af=e=>{let{as:t,id:n,children:r,...o}=e;if(n)return m.createElement(vG,{as:t,id:n,...o},r);let a=t,{as:l,...s}=e;return m.createElement(a,{...fe(s,t)})},yG=p3.reduce((e,t)=>({...e,[t]:n=>m.createElement(af,{as:t,...n})}),{}),wG=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error($3`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-CrF3SZ5i.js b/assets/index-DNCx6AYQ.js similarity index 89% rename from assets/index-CrF3SZ5i.js rename to assets/index-DNCx6AYQ.js index 46e3dd840..7816e9cff 100644 --- a/assets/index-CrF3SZ5i.js +++ b/assets/index-DNCx6AYQ.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as c,g as i}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as d,h as e,a as l}from"./index-8h8udRzn.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:"8194b396fa21d8016ee209f24a7c98b975ee45cd",role:"listitem"},e("button",Object.assign({key:"d0372ef3ea1d70409458abe14e084a6437833fc7",class:"stepper-item",disabled:this.disabled},this.getAttributes()),e("div",{key:"76a18e11e71806166570644837a93d5e179ce154",class:"indicator"},this.checked?e("z-icon",{name:"checkmark"}):this.index),e("span",{key:"edafdc690c42d34d60fe32025ed90abad98d0459"},e("slot",{key:"83972eafdb673391efac213bcc5127990ad938c3"}))))}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-BEj-2O7q.js";import{s as c,g as i}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as d,h as e,a as l}from"./index-8h8udRzn.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:"82b9f36e29d65853c83eb744c8530532ab8da201",role:"listitem"},e("button",Object.assign({key:"a30f471e6d8ecf7a6d1979fab6d0561637fbae06",class:"stepper-item",disabled:this.disabled},this.getAttributes()),e("div",{key:"28ae00f4f694d1a71cbc7d59f8575a86b88127d2",class:"indicator"},this.checked?e("z-icon",{name:"checkmark"}):this.index),e("span",{key:"5287d2d4576416a62b706095f50474cebfe63874"},e("slot",{key:"be8f08617a7d4cc9359d9aca601b3ba74359e11c"}))))}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-DgEXFPjP.js b/assets/index-DTNOEGAH.js similarity index 90% rename from assets/index-DgEXFPjP.js rename to assets/index-DTNOEGAH.js index 7639a5859..3cb52f314 100644 --- a/assets/index-DgEXFPjP.js +++ b/assets/index-DTNOEGAH.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as o,g as a}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as s,H as n,h as e}from"./index-8h8udRzn.js";const t="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}",i=class extends n{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.icon=void 0,this.isdisabled=!1,this.ariaLabel=""}render(){return e("button",{key:"45ae99e9fa0a41484521e6ab66ff2cec33c85ce8",disabled:this.isdisabled,"aria-label":this.ariaLabel},e("span",{key:"e2815ae8e0c0d904326abf98bcb56e2bd974413b"},e("z-icon",{key:"74ba94cff8b7759efc86d6de7621d67564f04ce7",name:this.icon,width:16,height:16})))}static get style(){return t}};s(i,[1,"z-myz-card-icon",{icon:[1],isdisabled:[4],ariaLabel:[1,"aria-label"]}]);const r={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMyzCardIcon",tagName:"z-myz-card-icon",customElement:!0,members:[{kind:"field",name:"icon",type:"string",description:"icon name"},{kind:"field",name:"isdisabled",type:"boolean",description:"disabled status flag",default:"false"},{kind:"field",name:"ariaLabel",type:"string",description:"description of the icon",default:'""'}],events:[]}],exports:[{kind:"js",name:"ZMyzCardIcon",declaration:{name:"ZMyzCardIcon",module:"src/snowflakes/myz/card/z-myz-card-icon/index.tsx"}},{kind:"custom-element-definition",name:"z-myz-card-icon",declaration:{name:"ZMyzCardIcon",module:"src/snowflakes/myz/card/z-myz-card-icon/index.tsx"}}]}]};o({...a()||{},...r,modules:[...(a()||{}).modules||[],...r.modules]}); +import"./index-BEj-2O7q.js";import{s as o,g as a}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as s,H as n,h as e}from"./index-8h8udRzn.js";const t="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}",i=class extends n{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.icon=void 0,this.isdisabled=!1,this.ariaLabel=""}render(){return e("button",{key:"9ddb2e84df9b65af0709ce97c58c863a9a8c630e",disabled:this.isdisabled,"aria-label":this.ariaLabel},e("span",{key:"a136fb2d76f1c942fd63a4bf544223439ea380ec"},e("z-icon",{key:"2eef220bcdf843146f9dc4a3de9ee7bf63e44fad",name:this.icon,width:16,height:16})))}static get style(){return t}};s(i,[1,"z-myz-card-icon",{icon:[1],isdisabled:[4],ariaLabel:[1,"aria-label"]}]);const r={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZMyzCardIcon",tagName:"z-myz-card-icon",customElement:!0,members:[{kind:"field",name:"icon",type:"string",description:"icon name"},{kind:"field",name:"isdisabled",type:"boolean",description:"disabled status flag",default:"false"},{kind:"field",name:"ariaLabel",type:"string",description:"description of the icon",default:'""'}],events:[]}],exports:[{kind:"js",name:"ZMyzCardIcon",declaration:{name:"ZMyzCardIcon",module:"src/snowflakes/myz/card/z-myz-card-icon/index.tsx"}},{kind:"custom-element-definition",name:"z-myz-card-icon",declaration:{name:"ZMyzCardIcon",module:"src/snowflakes/myz/card/z-myz-card-icon/index.tsx"}}]}]};o({...a()||{},...r,modules:[...(a()||{}).modules||[],...r.modules]}); diff --git a/assets/index-rC1V8v3T.js b/assets/index-DWQ9dHDw.js similarity index 67% rename from assets/index-rC1V8v3T.js rename to assets/index-DWQ9dHDw.js index 83c26344f..67e1ad517 100644 --- a/assets/index-rC1V8v3T.js +++ b/assets/index-DWQ9dHDw.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as a,g as s}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as o,H as c,h as e}from"./index-8h8udRzn.js";const n=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{flex-direction:row;grid-column:2 / 3}}",r=class extends c{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return e("div",{key:"b3c4fe3fc1ef946aeb858fe621d3e65a46cb7145"},e("z-icon",{key:"eae9ec2266fbc6220b85e00a378b07c8b7e1e550",name:"exclamation-circle"}),e("div",{key:"9450cf0edfabf0b0592a05104ad98b43efc33eff",class:"content"},e("slot",{key:"76def14da22ed043d3b8cae0fe465dc7b5683302"})),e("div",{key:"e3d1dd4936ee1e93bb865a447f593895ba735e88",class:"cta-wrapper"},e("slot",{key:"662a48f363bf6472093af641ea1bfe5cf6b4abaf",name:"cta"})))}static get style(){return n}};o(r,[1,"z-pocket-message"]);const t={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZPocketMessage",tagName:"z-pocket-message",customElement:!0,members:[],events:[],slots:[{name:"-",description:"message body"},{name:"cta",description:"message CTAs"}]}],exports:[{kind:"js",name:"ZPocketMessage",declaration:{name:"ZPocketMessage",module:"src/snowflakes/myz/pocket/z-pocket-message/index.tsx"}},{kind:"custom-element-definition",name:"z-pocket-message",declaration:{name:"ZPocketMessage",module:"src/snowflakes/myz/pocket/z-pocket-message/index.tsx"}}]}]};a({...s()||{},...t,modules:[...(s()||{}).modules||[],...t.modules]}); +import"./index-BEj-2O7q.js";import{s as o,g as s}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as a,H as c,h as e}from"./index-8h8udRzn.js";const n=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{flex-direction:row;grid-column:2 / 3}}",r=class extends c{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return e("div",{key:"f84929845416a005c9da77f9f312c335cf4f729f"},e("z-icon",{key:"9e9e579ac0ec46804d69e02e7d1fd3ff1f2de526",name:"exclamation-circle"}),e("div",{key:"9111f49373b5fccc7dc6873eb78baa0df469c732",class:"content"},e("slot",{key:"7639f75080291fcb295fd315feb5e72159b2c616"})),e("div",{key:"bb5d4d1b275956014813849187ab7f94167de9f0",class:"cta-wrapper"},e("slot",{key:"d5367ba144c9d4b2ded9121184f491f3db4b7cd2",name:"cta"})))}static get style(){return n}};a(r,[1,"z-pocket-message"]);const t={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZPocketMessage",tagName:"z-pocket-message",customElement:!0,members:[],events:[],slots:[{name:"-",description:"message body"},{name:"cta",description:"message CTAs"}]}],exports:[{kind:"js",name:"ZPocketMessage",declaration:{name:"ZPocketMessage",module:"src/snowflakes/myz/pocket/z-pocket-message/index.tsx"}},{kind:"custom-element-definition",name:"z-pocket-message",declaration:{name:"ZPocketMessage",module:"src/snowflakes/myz/pocket/z-pocket-message/index.tsx"}}]}]};o({...s()||{},...t,modules:[...(s()||{}).modules||[],...t.modules]}); diff --git a/assets/index-B3sOkjo_.js b/assets/index-DXSXYuhY.js similarity index 83% rename from assets/index-B3sOkjo_.js rename to assets/index-DXSXYuhY.js index 050408209..72c02c4da 100644 --- a/assets/index-B3sOkjo_.js +++ b/assets/index-DXSXYuhY.js @@ -1 +1 @@ -import{R as e}from"./index-oCfS0by4.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 a(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{a as M,u}; +import{R as e}from"./index-DMccHVng.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 a(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{a as M,u}; diff --git a/assets/index-CFBdqn7c.js b/assets/index-DjGC5RW_.js similarity index 98% rename from assets/index-CFBdqn7c.js rename to assets/index-DjGC5RW_.js index 7ca19331c..a79c749c6 100644 --- a/assets/index-CFBdqn7c.js +++ b/assets/index-DjGC5RW_.js @@ -1,2 +1,2 @@ -import"./index-BaacvMGM.js";import{s as r,g as i}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as d,h as e,a}from"./index-8h8udRzn.js";import{i as t,D as o}from"./index-CcuDdGyi.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-CGBfektC.js";import{s as r,g as i}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as d,h as e,a}from"./index-8h8udRzn.js";import{i as t,D as o}from"./index-CcuDdGyi.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-BthCA59f.js b/assets/index-Dp0_qmCs.js similarity index 92% rename from assets/index-BthCA59f.js rename to assets/index-Dp0_qmCs.js index 9f7227d22..7c8436a11 100644 --- a/assets/index-BthCA59f.js +++ b/assets/index-Dp0_qmCs.js @@ -1 +1 @@ -import{s as o,g as s}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as l,H as a,h as i,a as r}from"./index-8h8udRzn.js";import{b as d,c as m}from"./index-CcuDdGyi.js";const c=":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}",f=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;e=0&&(e=this.dialog_),e||(e=E(this.dialog_)),_(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 x(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(),_(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&&k(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 v=document.createElement("form");if(v.setAttribute("method","dialog"),v.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=M(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 F=`:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}: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}.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) * 3 - 2px) calc(var(--space-unit) * 2) calc(var(--space-unit) + 4px) - 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 z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:center;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-rg)}.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);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}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 3 - 4px)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header .subtitle{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding-top:calc(var(--space-unit) * 3 - 2px)}}`,y=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])',P=class extends A{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(y)),...Array.from(this.host.querySelectorAll(y))].filter(e=>getComputedStyle(e).display!=="none")}handleKeyDown(e){if(e.code!==T.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:"611746bccb088e45be3bcf18002356f0d08c3b55",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:"9bc121be883b871a6012573eee6816ae76fab8a4",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},l("header",{key:"894a20c39355ea67874a3661e0044d3f6a7e1eac",onClick:this.emitModalHeaderActive.bind(this)},l("div",{key:"e37a484ba9e94cc7c5c15d10d44f32c323fe8e94"},this.modaltitle&&l("h1",{key:"a993d08ec9f9463c398e0f986617c7b35989ca81",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&l("div",{key:"3852714e94d36c46824576da6bbace135f544c35",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),l("div",{key:"dfe50b37be0d73757ca433b7f452eea4d0934698",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},l("slot",{key:"e227ca8ad905d21fe3e1438fd37900ea0be6dd6c",name:"modalContent"}))),l("div",{key:"2ea91f25d0cbf281d52579c56d5b366d0c25d1eb",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 F}};S(P,[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 w={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"}],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"}}]}]};C({...g()||{},...w,modules:[...(g()||{}).modules||[],...w.modules]}); diff --git a/assets/index-RXeQJHrP.js b/assets/index-RXeQJHrP.js deleted file mode 100644 index e52ccafac..000000000 --- a/assets/index-RXeQJHrP.js +++ /dev/null @@ -1 +0,0 @@ -import"./index-BaacvMGM.js";import{s as d,g as s}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as a,H as n,h as t,a as l}from"./index-8h8udRzn.js";import{b as p,L as r,D as c,c as h}from"./index-CcuDdGyi.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:"f2a96b600b31ea2f3c8c678bc6c9ce7adc1c9db2",role:"group"},t("div",{key:"3b3278c6052988235efc8320c0f2536f161f4889",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},t("slot",{key:"7023e05337d5b9873648aaf6cd229abbabb7b50c",name:"header-title"}),this.dividerType===r.HEADER&&t("z-divider",{key:"4b3faacc21e3943731aedd87640afe1d7b46d7c6",color:this.dividerColor,size:this.dividerSize})),t("slot",{key:"536606f5eaf4ba07fbcc89806a6d61a895a35837"}))}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-BJJOCqId.js b/assets/index-Tj1sX8NM.js similarity index 90% rename from assets/index-BJJOCqId.js rename to assets/index-Tj1sX8NM.js index f39de17fe..7997e4d9d 100644 --- a/assets/index-BJJOCqId.js +++ b/assets/index-Tj1sX8NM.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as a,g as e}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as i,h as s,a as o}from"./index-8h8udRzn.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:"e36fa39f9c8d833f054e8d67e43b24ef0b6fbffa"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"078042bc279b2361acce8a07c9a3e41b5583cd6d",name:this.statusIcons[this.status]}),s("span",{key:"cceb720d5f9cf8978255950896de6ea370c513dd",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-BEj-2O7q.js";import{s as a,g as e}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as n,H as i,h as s,a as o}from"./index-8h8udRzn.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:"3ff11fc0c2ba8ac27e44acdf059c0ed592fec28d"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"1ea72fce0e62f8c858de2b36e784973e5ed144b6",name:this.statusIcons[this.status]}),s("span",{key:"d747307c44619612acf999a14311b207b67d4942",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-Br9s0Xfc.js b/assets/index-ZQTVAH4d.js similarity index 94% rename from assets/index-Br9s0Xfc.js rename to assets/index-ZQTVAH4d.js index bc62f7307..a6f57cd19 100644 --- a/assets/index-Br9s0Xfc.js +++ b/assets/index-ZQTVAH4d.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import"./index-BaacvMGM.js";import{s as r,g as a}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as c,H as h,c as s,h as e,a as p}from"./index-8h8udRzn.js";import{E as m,L as o,D as u,a as f,b,c as i,K as n}from"./index-CcuDdGyi.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:"fc9831afc64fa137c0633f82b8b6e0ce3333a264","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:"8c54372a7cb55a0c3cd0d6e556ac0fb04897602b",class:"container",style:{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},e("div",{key:"e4578dce66028460569464c4045b6d4dc7618588",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===o.ELEMENT&&e("z-divider",{key:"25514f91ed473dd1942cdc23c78f613604b431f3",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-BEj-2O7q.js";import"./index-CGBfektC.js";import{s as r,g as a}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as c,H as h,c as s,h as e,a as p}from"./index-8h8udRzn.js";import{E as m,L as o,D as u,a as f,b,c as i,K as n}from"./index-CcuDdGyi.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:"67c438d4aae1416bd7151fe6f465379758306901","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:"2729000b11f0d36f95a65e927aff7de5ec429319",class:"container",style:{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},e("div",{key:"2b43b3c4efbe86474ee16984904606c2716b0534",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===o.ELEMENT&&e("z-divider",{key:"18537ce17873cb67ce0dc8badc22f3d092f6eef0",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-B547tCip.js b/assets/index-kHJDMcCE.js similarity index 98% rename from assets/index-B547tCip.js rename to assets/index-kHJDMcCE.js index f6c3008bb..806c403a4 100644 --- a/assets/index-B547tCip.js +++ b/assets/index-kHJDMcCE.js @@ -1 +1 @@ -import"./index-BEj-2O7q.js";import{s as c,g as r}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as h,c as m,h as e,a as u}from"./index-8h8udRzn.js";import{j as i}from"./index-CcuDdGyi.js";import{m as p}from"./breakpoints-C5kxgyOu.js";import{H as n}from"./hammer-BXna0XTc.js";const g=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#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)}: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}}",f=class extends h{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.toastClose=m(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(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(t){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(t),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=p,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 i.SLIDE_IN_DOWN:return i.SLIDE_OUT_UP;case i.SLIDE_IN_UP:return i.SLIDE_OUT_DOWN;case i.SLIDE_IN_LEFT:return i.SLIDE_OUT_RIGHT;case i.SLIDE_IN_RIGHT:return i.SLIDE_OUT_LEFT}}calculateDraggedPercentage(t){const a=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/a.width)}handleSlideOutDragAnimation(){this.sliderManager=new n(this.hostElement),this.sliderManager.get("pan").set({direction:n.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const a={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`,(t.eventType===n.DIRECTION_LEFT||t.eventType===n.DIRECTION_RIGHT)&&(this.hostElement.style.transform=a.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===n.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout(()=>this.emitToastClose(this.mapSlideOutClass()),t)}detectWrap(){const t=this.container.offsetWidth,a=this.container.children;let o=0;for(let s=0;st}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){if(this.closebutton)return e("div",{id:"icon"},e("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{(t.keyCode==32||t.keyCode==13)&&(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return e("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(u,{key:"5bc7afbe682ed216258b7f9cd998b03177637f4f",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:i.SLIDE_IN_DOWN,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.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 g}};d(f,[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 l={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"}}]}]};c({...r()||{},...l,modules:[...(r()||{}).modules||[],...l.modules]}); +import"./index-BEj-2O7q.js";import{s as c,g as r}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d,H as h,c as m,h as e,a as u}from"./index-8h8udRzn.js";import{j as i}from"./index-CcuDdGyi.js";import{m as p}from"./breakpoints-C5kxgyOu.js";import{H as n}from"./hammer-BXna0XTc.js";const g=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#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)}: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}}",f=class extends h{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.toastClose=m(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(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(t){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(t),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=p,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 i.SLIDE_IN_DOWN:return i.SLIDE_OUT_UP;case i.SLIDE_IN_UP:return i.SLIDE_OUT_DOWN;case i.SLIDE_IN_LEFT:return i.SLIDE_OUT_RIGHT;case i.SLIDE_IN_RIGHT:return i.SLIDE_OUT_LEFT}}calculateDraggedPercentage(t){const a=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/a.width)}handleSlideOutDragAnimation(){this.sliderManager=new n(this.hostElement),this.sliderManager.get("pan").set({direction:n.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const a={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`,(t.eventType===n.DIRECTION_LEFT||t.eventType===n.DIRECTION_RIGHT)&&(this.hostElement.style.transform=a.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===n.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout(()=>this.emitToastClose(this.mapSlideOutClass()),t)}detectWrap(){const t=this.container.offsetWidth,a=this.container.children;let o=0;for(let s=0;st}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){if(this.closebutton)return e("div",{id:"icon"},e("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{(t.keyCode==32||t.keyCode==13)&&(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return e("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(u,{key:"d0c0c8f8f785c64eb2b94bca9ea4ee4f3c11e9ba",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:i.SLIDE_IN_DOWN,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.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 g}};d(f,[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 l={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"}}]}]};c({...r()||{},...l,modules:[...(r()||{}).modules||[],...l.modules]}); diff --git a/assets/index-wiJQDjTb.js b/assets/index-wiJQDjTb.js new file mode 100644 index 000000000..13f69a909 --- /dev/null +++ b/assets/index-wiJQDjTb.js @@ -0,0 +1 @@ +import"./index-BEj-2O7q.js";import{s as C,g as b}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as S,H as A,c as m,h as l}from"./index-8h8udRzn.js";import{K as T}from"./index-CcuDdGyi.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 k(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){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=E(this.dialog_)),_(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 x(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(),_(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&&k(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 v=document.createElement("form");if(v.setAttribute("method","dialog"),v.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=M(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 F=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}: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}.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) * 2 - 2px) 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 z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:center;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-rg)}.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);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}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 3 - 2px) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 4 - 4px) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header .subtitle{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}',y=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])',P=class extends A{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(y)),...Array.from(this.host.querySelectorAll(y))].filter(e=>getComputedStyle(e).display!=="none")}handleKeyDown(e){if(e.code!==T.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:"402c48d9e0281c1b80b608a8ba652164843d8e7f",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:"413d8705667668c7dafb33237fe824d7de7a1058",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},l("header",{key:"04b8045f9ff70b5351bd0c5ac99bc209442a484f",onClick:this.emitModalHeaderActive.bind(this)},l("div",{key:"432beb6dc4b072cac29afa98181aa796f05eec02"},this.modaltitle&&l("h1",{key:"3f9ab03587e4963fcebc09390bf6469cb97b1b2a",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&l("div",{key:"f1ed48dde5239a7a4c61691bea80909f5e7e2eb7",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),l("div",{key:"0b3f221eeb409b95f2a4d9da202c234c366af7bd",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},l("slot",{key:"b94a0c66b90161bd0a78cd3426fdcb7386169c7f",name:"modalContent"}))),l("div",{key:"01a5898a4c8a7ffcd9cd2f64e434c7ebea8c3296",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 F}};S(P,[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 w={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"}],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"}}]}]};C({...b()||{},...w,modules:[...(b()||{}).modules||[],...w.modules]}); diff --git a/assets/index.stories-2TIzzbkU.js b/assets/index.stories-2TIzzbkU.js deleted file mode 100644 index f33c49402..000000000 --- a/assets/index.stories-2TIzzbkU.js +++ /dev/null @@ -1,31 +0,0 @@ -import{x as e}from"./lit-element-DGXdXVoE.js";import"./index-CrF3SZ5i.js";import"./index-BEj-2O7q.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";const C={title:"ZStepper/ZStepperItem",component:"z-stepper-item"},r={render:()=>e``},t={render:()=>e`First step`},s={render:()=>e`First step`},p={render:()=>e`First step`},i={render:()=>e`First step`};var n,d,m;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:'{\n render: () => html``\n}',...(m=(d=r.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var o,a,c;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:'{\n render: () => html`First step`\n}',...(c=(a=t.parameters)==null?void 0:a.docs)==null?void 0:c.source}}};var z,x,l;s.parameters={...s.parameters,docs:{...(z=s.parameters)==null?void 0:z.docs,source:{originalSource:`{ - render: () => html\`First step\` -}`,...(l=(x=s.parameters)==null?void 0:x.docs)==null?void 0:l.source}}};var u,h,F;p.parameters={...p.parameters,docs:{...(u=p.parameters)==null?void 0:u.docs,source:{originalSource:`{ - render: () => html\`First step\` -}`,...(F=(h=p.parameters)==null?void 0:h.docs)==null?void 0:F.source}}};var S,g,b;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`{ - render: () => html\`First step\` -}`,...(b=(g=i.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};const D=["WithIndex","WithText","Disabled","Pressed","Checked"];export{i as Checked,s as Disabled,p as Pressed,r as WithIndex,t as WithText,D as __namedExportsOrder,C as default}; diff --git a/assets/index.stories-C3fDd3UU.js b/assets/index.stories-B0oWYP7-.js similarity index 97% rename from assets/index.stories-C3fDd3UU.js rename to assets/index.stories-B0oWYP7-.js index 2f4c1c441..461fb1ee4 100644 --- a/assets/index.stories-C3fDd3UU.js +++ b/assets/index.stories-B0oWYP7-.js @@ -1,4 +1,4 @@ -import{x as d}from"./lit-element-DGXdXVoE.js";import{o as z}from"./style-map-DWZVjDvr.js";import{P as r}from"./index-CcuDdGyi.js";import{a as t}from"./storybook-utils-DAVCxM-F.js";import"./index-yOVBEWgS.js";import"./index-BEj-2O7q.js";import"./index-Bl332Q6e.js";import"./directive-CF8sV3Lr.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";var p=Object.freeze,f=Object.defineProperty,g=(e,h)=>p(f(e,"raw",{value:p(e.slice())})),i,s;const I={title:"ZPopover",component:"z-popover",argTypes:{position:{options:Object.values(r),control:{type:"select"}},"--z-popover-theme--surface":t(),"--z-popover-theme--text":t()},args:{"--z-popover-theme--surface":"var(--color-surface01)","--z-popover-theme--text":"var(--color-default-text)"},parameters:{docs:{description:{component:"To be sure the AUTO algorithm finds the right container when calculating the position, set its container's position to `position: relative;`"}}}},o={args:{position:r.RIGHT_BOTTOM},render:e=>d(i||(i=g([` +import{x as d}from"./lit-element-DGXdXVoE.js";import{o as z}from"./style-map-DWZVjDvr.js";import{P as r}from"./index-CcuDdGyi.js";import{a as t}from"./storybook-utils-DAVCxM-F.js";import"./index-yOVBEWgS.js";import"./index-BEj-2O7q.js";import"./index-D7ybjOoV.js";import"./directive-CF8sV3Lr.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";var p=Object.freeze,f=Object.defineProperty,g=(e,h)=>p(f(e,"raw",{value:p(e.slice())})),i,s;const I={title:"ZPopover",component:"z-popover",argTypes:{position:{options:Object.values(r),control:{type:"select"}},"--z-popover-theme--surface":t(),"--z-popover-theme--text":t()},args:{"--z-popover-theme--surface":"var(--color-surface01)","--z-popover-theme--text":"var(--color-default-text)"},parameters:{docs:{description:{component:"To be sure the AUTO algorithm finds the right container when calculating the position, set its container's position to `position: relative;`"}}}},o={args:{position:r.RIGHT_BOTTOM},render:e=>d(i||(i=g([`
a` +import{x as a}from"./lit-element-DGXdXVoE.js";import{i as d}from"./index-CcuDdGyi.js";import{a as p}from"./storybook-utils-DAVCxM-F.js";import"./index-DjGC5RW_.js";import"./index-CGBfektC.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";const g={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` u`
+import{x as u}from"./lit-element-DGXdXVoE.js";import{O as s,m as n}from"./index-CcuDdGyi.js";import"./index-CS_M42rG.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";const x={title:"ZOffcanvas",component:"z-offcanvas",parameters:{layout:"fullscreen"},argTypes:{variant:{control:{type:"inline-radio"},options:Object.values(s)},transitiondirection:{control:{type:"inline-radio"},options:Object.values(n)}},args:{variant:s.PUSHCONTENT,open:!0}},e={args:{transitiondirection:n.RIGHT},render:i=>u`
this.image=""}))}static get style(){return f}};u(x,[1,"z-avatar",{size:[8],text:[1],textColor:[1,"text-color"],backgroundColor:[1,"background-color"],image:[1025]}]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZAvatar",tagName:"z-avatar",customElement:!0,members:[{kind:"field",name:"size",type:"any",description:"[optional] Avatar size",default:"AvatarSize.MEDIUM"},{kind:"field",name:"text",type:"string",description:"[optional] Avatar text"},{kind:"field",name:"textColor",type:"string",description:"[optional] Avatar text color",default:'"color-white"'},{kind:"field",name:"backgroundColor",type:"string",description:"[optional] Avatar background color",default:'"gray700"'},{kind:"field",name:"image",type:"string",description:"[optional] Avatar image"}],events:[]}],exports:[{kind:"js",name:"ZAvatar",declaration:{name:"ZAvatar",module:"src/components/z-avatar/index.tsx"}},{kind:"custom-element-definition",name:"z-avatar",declaration:{name:"ZAvatar",module:"src/components/z-avatar/index.tsx"}}]}]};p({...s()||{},...i,modules:[...(s()||{}).modules||[],...i.modules]});const n=g().map(t=>t.replace("--","")),A={title:"ZAvatar",component:"z-avatar",argTypes:{size:{options:Object.values(e),control:{type:"inline-radio"}},textColor:{options:n,control:{type:"select"}},backgroundColor:{options:n,control:{type:"select"}}},args:{size:e.MEDIUM,text:"Avatar",textColor:"color-white",backgroundColor:"gray700",image:"https://www.cinematographe.it/wp-content/uploads/2019/04/Avatar.jpg"},parameters:{docs:{description:{component:"Pass at least one prop between `text` and `image`.\nIf prop `image` contains a broken URL, the component will show `text` prop, if given."}}}},a={render:t=>m`this.image=""}))}static get style(){return f}};u(x,[1,"z-avatar",{size:[8],text:[1],textColor:[1,"text-color"],backgroundColor:[1,"background-color"],image:[1025]}]);const i={schemaVersion:"1.0.0",modules:[{kind:"javascript-module",path:"",declarations:[{kind:"class",name:"ZAvatar",tagName:"z-avatar",customElement:!0,members:[{kind:"field",name:"size",type:"any",description:"[optional] Avatar size",default:"AvatarSize.MEDIUM"},{kind:"field",name:"text",type:"string",description:"[optional] Avatar text"},{kind:"field",name:"textColor",type:"string",description:"[optional] Avatar text color",default:'"color-white"'},{kind:"field",name:"backgroundColor",type:"string",description:"[optional] Avatar background color",default:'"gray700"'},{kind:"field",name:"image",type:"string",description:"[optional] Avatar image"}],events:[]}],exports:[{kind:"js",name:"ZAvatar",declaration:{name:"ZAvatar",module:"src/components/z-avatar/index.tsx"}},{kind:"custom-element-definition",name:"z-avatar",declaration:{name:"ZAvatar",module:"src/components/z-avatar/index.tsx"}}]}]};p({...s()||{},...i,modules:[...(s()||{}).modules||[],...i.modules]});const n=g().map(t=>t.replace("--","")),A={title:"ZAvatar",component:"z-avatar",argTypes:{size:{options:Object.values(e),control:{type:"inline-radio"}},textColor:{options:n,control:{type:"select"}},backgroundColor:{options:n,control:{type:"select"}}},args:{size:e.MEDIUM,text:"Avatar",textColor:"color-white",backgroundColor:"gray700",image:"https://www.cinematographe.it/wp-content/uploads/2019/04/Avatar.jpg"},parameters:{docs:{description:{component:"Pass at least one prop between `text` and `image`.\nIf prop `image` contains a broken URL, the component will show `text` prop, if given."}}}},a={render:t=>m`c` - - - - `},t={render:()=>c` - I tuoi dati - Le tue credenziali - Conferma - `};var n,i,o;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{ - render: () => html\` - - - - \` -} satisfies Story`,...(o=(i=e.parameters)==null?void 0:i.docs)==null?void 0:o.source}}};var m,a,d;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{ - render: () => html\` - I tuoi dati - Le tue credenziali - Conferma - \` -} satisfies Story`,...(d=(a=t.parameters)==null?void 0:a.docs)==null?void 0:d.source}}};const _=["Default","Completed"];export{t as Completed,e as Default,_ as __namedExportsOrder,Z as default}; diff --git a/assets/index.stories-BJfnXFTD.js b/assets/index.stories-BJfnXFTD.js new file mode 100644 index 000000000..d2f98101f --- /dev/null +++ b/assets/index.stories-BJfnXFTD.js @@ -0,0 +1,50 @@ +import{x as n}from"./lit-element-DGXdXVoE.js";import{o as i}from"./style-map-DWZVjDvr.js";import{I as m}from"./index-BEj-2O7q.js";import{a as r}from"./storybook-utils-DAVCxM-F.js";import"./index-CPdUOJpP.js";import"./directive-CF8sV3Lr.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";const k={title:"ZTag",component:"z-tag",argTypes:{icon:{control:{type:"select"},options:Object.keys(m).sort()},"--z-tag-text-color":r(),"--z-tag-bg":r()},args:{text:"In progress",expandable:!1,icon:"gear"}},o={render:t=>n`${t.text} + `},e={args:{"--z-tag-text-color":null,"--z-tag-bg":null},render:t=>n`${t.text} + `},a={args:{text:"In progress testo lungo molto lungo lungo lungo lungo lungolungo lungolungo","--z-tag-text-color":null,"--z-tag-bg":null},render:t=>n`${t.text} + `};var g,l,s;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{ + render: args => html\`\${args.text} + \` +}`,...(s=(l=o.parameters)==null?void 0:l.docs)==null?void 0:s.source}}};var c,p,x;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{ + args: { + "--z-tag-text-color": null, + "--z-tag-bg": null + }, + render: args => html\`\${args.text} + \` +}`,...(x=(p=e.parameters)==null?void 0:p.docs)==null?void 0:x.source}}};var z,u,d;a.parameters={...a.parameters,docs:{...(z=a.parameters)==null?void 0:z.docs,source:{originalSource:`{ + args: { + "text": "In progress testo lungo molto lungo lungo lungo lungo lungolungo lungolungo", + "--z-tag-text-color": null, + "--z-tag-bg": null + }, + render: args => html\`\${args.text} + \` +}`,...(d=(u=a.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};const h=["Default","ColorTokens","LongText"];export{e as ColorTokens,o as Default,a as LongText,h as __namedExportsOrder,k as default}; diff --git a/assets/index.stories-Bnt1n_GA.js b/assets/index.stories-BKy4XF-b.js similarity index 99% rename from assets/index.stories-Bnt1n_GA.js rename to assets/index.stories-BKy4XF-b.js index 49fdeb656..abefe1cf8 100644 --- a/assets/index.stories-Bnt1n_GA.js +++ b/assets/index.stories-BKy4XF-b.js @@ -1,4 +1,4 @@ -import{x as r}from"./lit-element-DGXdXVoE.js";import{o as t}from"./style-map-DWZVjDvr.js";import{u as a}from"./index-CcuDdGyi.js";import{a as p}from"./storybook-utils-DAVCxM-F.js";import"./index-yOVBEWgS.js";import"./index-BEj-2O7q.js";import"./index-CPdUOJpP.js";import{s as H,g as v}from"./chunk-GKNNPQCW-BkHQSocK.js";import{d as G,H as P,c as q,h as e}from"./index-8h8udRzn.js";import{m as F}from"./breakpoints-C5kxgyOu.js";import{r as Z}from"./utils-B_2tKo6T.js";import"./directive-CF8sV3Lr.js";const X=':host{--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:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:""}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-default-text);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-default-text);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-primary01-icon)}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}',U=class extends P{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.ribbonClick=q(this,"ribbonClick",7),this.variant=void 0,this.cover=void 0,this.operaTitle=void 0,this.volumeTitle=void 0,this.authors=void 0,this.isbn=void 0,this.isbnLabel="",this.ribbon=void 0,this.ribbonIcon=void 0,this.ribbonInteractive=void 0,this.borderless=void 0,this.fallbackCover=void 0,this.operaTitleTag=void 0,this.isMobile=!1,this.hasResources=!1,this.showResources=!1}emitRibbonClick(){this.ribbonClick.emit()}componentWillLoad(){this.id=`id-${Z()}`;const o=window.matchMedia(`(max-width: ${F}px)`);this.isMobile=o.matches,o.onchange=_=>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 e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},e("div",{class:"top"},e("div",{class:"info"},e("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),e("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),e("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&e("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return e("div",{class:"wrapper-container"},e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return e("div",{class:"cover"},this.ribbon&&this.variant!==a.COMPACT&&this.renderRibbon(),e("div",{class:"img-wrapper"},e("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const o=[this.ribbonIcon&&e("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),e("span",null,this.ribbon)];return this.ribbonInteractive?e("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},o):e("div",{class:"ribbon"},o)}renderOperaTitle(){const o=this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}`:this.operaTitle;return e("div",{class:"title",innerHTML:o})}renderVolumeTitle(){return this.volumeTitle?e("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?e("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?e("div",{class:"isbn"},e("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?e("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return e("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",e("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return e("div",{class:"tags"},e("slot",{name:"tags"}))}renderHeaderCtaSlot(){return e("slot",{name:"header-cta"})}renderResourcesSlot(){return e("div",{id:`resources-${this.id}`,class:"resources"},e("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return e("div",{class:"action-container"},e("slot",{name:"footer-cta"}))}render(){return e("article",{key:"e75ab08f4a9409e4c3826110a9650d277e130fe0",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 so={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=>r`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 e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},e("div",{class:"top"},e("div",{class:"info"},e("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),e("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),e("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&e("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return e("div",{class:"wrapper-container"},e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return e("div",{class:"cover"},this.ribbon&&this.variant!==a.COMPACT&&this.renderRibbon(),e("div",{class:"img-wrapper"},e("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const o=[this.ribbonIcon&&e("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),e("span",null,this.ribbon)];return this.ribbonInteractive?e("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},o):e("div",{class:"ribbon"},o)}renderOperaTitle(){const o=this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}`:this.operaTitle;return e("div",{class:"title",innerHTML:o})}renderVolumeTitle(){return this.volumeTitle?e("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?e("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?e("div",{class:"isbn"},e("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?e("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return e("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",e("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return e("div",{class:"tags"},e("slot",{name:"tags"}))}renderHeaderCtaSlot(){return e("slot",{name:"header-cta"})}renderResourcesSlot(){return e("div",{id:`resources-${this.id}`,class:"resources"},e("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return e("div",{class:"action-container"},e("slot",{name:"footer-cta"}))}render(){return e("article",{key:"c4d8310f61d97c6b23bc835f47de2b636bb642cf",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 so={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=>r`e` +import{x as e}from"./lit-element-DGXdXVoE.js";import"./index-yOVBEWgS.js";import"./index-BmzYkF8X.js";import"./index-BEj-2O7q.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";import"./index-CcuDdGyi.js";import"./index-D7ybjOoV.js";import"./utils-B_2tKo6T.js";import"./breakpoints-C5kxgyOu.js";const u={title:"Snowflakes/MyzCard/ZMyzCardInfo",component:"z-myz-card-info"},a={render:()=>e` diff --git a/assets/index.stories-BmV6U2T8.js b/assets/index.stories-BPBtENIS.js similarity index 94% rename from assets/index.stories-BmV6U2T8.js rename to assets/index.stories-BPBtENIS.js index 793cbdd80..b7306a4fe 100644 --- a/assets/index.stories-BmV6U2T8.js +++ b/assets/index.stories-BPBtENIS.js @@ -1,4 +1,4 @@ -import{x as n}from"./lit-element-DGXdXVoE.js";import"./index-jJCpT-2t.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";const d={title:"ZVisuallyHidden",component:"z-visually-hidden"},e={render:()=>n`

ZVisuallyHidden

+import{x as n}from"./lit-element-DGXdXVoE.js";import"./index-CJy7_5hy.js";import"./chunk-GKNNPQCW-BkHQSocK.js";import"./index-8h8udRzn.js";const d={title:"ZVisuallyHidden",component:"z-visually-hidden"},e={render:()=>n`

ZVisuallyHidden

This component visually hide an element while still allowing it to be exposed to assistive technologies (such as screen readers).s`s`s(k(e,"raw",{value:s(e.slice())})),d,l;const C={title:"ZAriaAlert",component:"z-aria-alert",argTypes:{mode:{control:{type:"select"},options:Object.values(t)}},args:{mode:t.POLITE}},n={render:e=>v(d||(d=A([` + diff --git a/index.json b/index.json index a4f87fdba..b62e6dbc5 100644 --- a/index.json +++ b/index.json @@ -1 +1 @@ -{"v":5,"entries":{"migration--docs":{"id":"migration--docs","title":"Migration","name":"Docs","importPath":"./docs/migration.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"colors--themes":{"type":"story","id":"colors--themes","name":"Themes","title":"Colors","importPath":"./docs/themes/index.stories.ts","tags":["dev","test"]},"colors--palettes":{"type":"story","id":"colors--palettes","name":"Palettes","title":"Colors","importPath":"./docs/themes/index.stories.ts","tags":["dev","test"]},"grid--grid":{"type":"story","id":"grid--grid","name":"Grid","title":"Grid","importPath":"./docs/grid/index.stories.ts","tags":["dev","test"]},"iconset--iconset":{"type":"story","id":"iconset--iconset","name":"Iconset","title":"Iconset","importPath":"./docs/iconset/index.stories.ts","tags":["dev","test"]},"zaccordion--docs":{"id":"zaccordion--docs","title":"ZAccordion","name":"Docs","importPath":"./src/components/z-accordion/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zaccordion--default":{"type":"story","id":"zaccordion--default","name":"Default","title":"ZAccordion","importPath":"./src/components/z-accordion/index.stories.ts","tags":["dev","test","autodocs"]},"zaccordion--stack":{"type":"story","id":"zaccordion--stack","name":"Stack","title":"ZAccordion","importPath":"./src/components/z-accordion/index.stories.ts","tags":["dev","test","autodocs"]},"zaccordion--with-tags":{"type":"story","id":"zaccordion--with-tags","name":"With Tags","title":"ZAccordion","importPath":"./src/components/z-accordion/index.stories.ts","tags":["dev","test","autodocs"]},"zanchornavigation--docs":{"id":"zanchornavigation--docs","title":"ZAnchorNavigation","name":"Docs","importPath":"./src/components/z-anchor-navigation/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zanchornavigation--default":{"type":"story","id":"zanchornavigation--default","name":"Default","title":"ZAnchorNavigation","importPath":"./src/components/z-anchor-navigation/index.stories.ts","tags":["dev","test","autodocs"]},"zanchornavigation--auto-current-disabling":{"type":"story","id":"zanchornavigation--auto-current-disabling","name":"Auto Current Disabling","title":"ZAnchorNavigation","importPath":"./src/components/z-anchor-navigation/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--docs":{"id":"zappheader--docs","title":"ZAppHeader","name":"Docs","importPath":"./src/components/z-app-header/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zappheader--title":{"type":"story","id":"zappheader--title","name":"Title","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--subtitle":{"type":"story","id":"zappheader--subtitle","name":"Subtitle","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--top-subtitle":{"type":"story","id":"zappheader--top-subtitle","name":"Top Subtitle","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--menu":{"type":"story","id":"zappheader--menu","name":"Menu","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--long-title":{"type":"story","id":"zappheader--long-title","name":"Long Title","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--very-long-menu":{"type":"story","id":"zappheader--very-long-menu","name":"Very Long Menu","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--offcanvas-menu":{"type":"story","id":"zappheader--offcanvas-menu","name":"Offcanvas Menu","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--stuck":{"type":"story","id":"zappheader--stuck","name":"Stuck","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--max-width":{"type":"story","id":"zappheader--max-width","name":"Max Width","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--cover-hero-with-slotted-image":{"type":"story","id":"zappheader--cover-hero-with-slotted-image","name":"Cover Hero With Slotted Image","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--searchbar":{"type":"story","id":"zappheader--searchbar","name":"Searchbar","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--search-page-button":{"type":"story","id":"zappheader--search-page-button","name":"Search Page Button","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zariaalert--docs":{"id":"zariaalert--docs","title":"ZAriaAlert","name":"Docs","importPath":"./src/components/z-aria-alert/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zariaalert--default":{"type":"story","id":"zariaalert--default","name":"Default","title":"ZAriaAlert","importPath":"./src/components/z-aria-alert/index.stories.ts","tags":["dev","test","autodocs"]},"zariaalert--visually-hidden":{"type":"story","id":"zariaalert--visually-hidden","name":"Visually Hidden","title":"ZAriaAlert","importPath":"./src/components/z-aria-alert/index.stories.ts","tags":["dev","test","autodocs"]},"zavatar--docs":{"id":"zavatar--docs","title":"ZAvatar","name":"Docs","importPath":"./src/components/z-avatar/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zavatar--default":{"type":"story","id":"zavatar--default","name":"Default","title":"ZAvatar","importPath":"./src/components/z-avatar/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--docs":{"id":"zbookcard--docs","title":"ZBookCard","name":"Docs","importPath":"./src/components/z-book-card/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbookcard--all-props":{"type":"story","id":"zbookcard--all-props","name":"All Props","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-tags":{"type":"story","id":"zbookcard--slotted-tags","name":"Slotted Tags","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-resources":{"type":"story","id":"zbookcard--slotted-resources","name":"Slotted Resources","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-header-cta":{"type":"story","id":"zbookcard--slotted-header-cta","name":"Slotted Header Cta","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-footer-cta":{"type":"story","id":"zbookcard--slotted-footer-cta","name":"Slotted Footer Cta","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--expanded-variant":{"type":"story","id":"zbookcard--expanded-variant","name":"Expanded Variant","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--search-variant":{"type":"story","id":"zbookcard--search-variant","name":"Search Variant","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--compact-variant":{"type":"story","id":"zbookcard--compact-variant","name":"Compact Variant","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbreadcrumb--docs":{"id":"zbreadcrumb--docs","title":"ZBreadcrumb","name":"Docs","importPath":"./src/components/z-breadcrumb/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbreadcrumb--breadcrumb":{"type":"story","id":"zbreadcrumb--breadcrumb","name":"Breadcrumb","title":"ZBreadcrumb","importPath":"./src/components/z-breadcrumb/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--docs":{"id":"zbutton--docs","title":"ZButton","name":"Docs","importPath":"./src/components/z-button/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbutton--primary":{"type":"story","id":"zbutton--primary","name":"Primary","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--secondary-x-small":{"type":"story","id":"zbutton--secondary-x-small","name":"Secondary X Small","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--tertiary-small":{"type":"story","id":"zbutton--tertiary-small","name":"Tertiary Small","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--icon-only":{"type":"story","id":"zbutton--icon-only","name":"Icon Only","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--link-button":{"type":"story","id":"zbutton--link-button","name":"Link Button","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbuttonsort--docs":{"id":"zbuttonsort--docs","title":"ZButtonSort","name":"Docs","importPath":"./src/components/z-button-sort/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbuttonsort--default":{"type":"story","id":"zbuttonsort--default","name":"Default","title":"ZButtonSort","importPath":"./src/components/z-button-sort/index.stories.ts","tags":["dev","test","autodocs"]},"zbuttonsort--ellipsis":{"type":"story","id":"zbuttonsort--ellipsis","name":"Ellipsis","title":"ZButtonSort","importPath":"./src/components/z-button-sort/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--docs":{"id":"zcard--docs","title":"ZCard","name":"Docs","importPath":"./src/components/z-card/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcard--with-image":{"type":"story","id":"zcard--with-image","name":"With Image","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--with-image-and-icon":{"type":"story","id":"zcard--with-image-and-icon","name":"With Image And Icon","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--color-cover":{"type":"story","id":"zcard--color-cover","name":"Color Cover","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--text-variant-primary-background":{"type":"story","id":"zcard--text-variant-primary-background","name":"Text Variant Primary Background","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--text-variant-white-background-and-bordered":{"type":"story","id":"zcard--text-variant-white-background-and-bordered","name":"Text Variant White Background And Bordered","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--with-image-and-click":{"type":"story","id":"zcard--with-image-and-click","name":"With Image And Click","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--docs":{"id":"zcarousel--docs","title":"ZCarousel","name":"Docs","importPath":"./src/components/z-carousel/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcarousel--slideshow-with-arrows-over":{"type":"story","id":"zcarousel--slideshow-with-arrows-over","name":"Slideshow With Arrows Over","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--single-mode":{"type":"story","id":"zcarousel--single-mode","name":"Single Mode","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--ghost-loading":{"type":"story","id":"zcarousel--ghost-loading","name":"Ghost Loading","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--loading-items":{"type":"story","id":"zcarousel--loading-items","name":"Loading Items","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zchip--docs":{"id":"zchip--docs","title":"ZChip","name":"Docs","importPath":"./src/components/z-chip/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zchip--default":{"type":"story","id":"zchip--default","name":"Default","title":"ZChip","importPath":"./src/components/z-chip/index.stories.ts","tags":["dev","test","autodocs"]},"zchip--different-font-weight":{"type":"story","id":"zchip--different-font-weight","name":"Different Font Weight","title":"ZChip","importPath":"./src/components/z-chip/index.stories.ts","tags":["dev","test","autodocs"]},"zchip--interactive-icon":{"type":"story","id":"zchip--interactive-icon","name":"Interactive Icon","title":"ZChip","importPath":"./src/components/z-chip/index.stories.ts","tags":["dev","test","autodocs"]},"zcombobox--docs":{"id":"zcombobox--docs","title":"ZCombobox","name":"Docs","importPath":"./src/components/z-combobox/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcombobox--default":{"type":"story","id":"zcombobox--default","name":"Default","title":"ZCombobox","importPath":"./src/components/z-combobox/index.stories.ts","tags":["dev","test","autodocs"]},"zcombobox--groups":{"type":"story","id":"zcombobox--groups","name":"Groups","title":"ZCombobox","importPath":"./src/components/z-combobox/index.stories.ts","tags":["dev","test","autodocs"]},"zcombobox--disabled":{"type":"story","id":"zcombobox--disabled","name":"Disabled","title":"ZCombobox","importPath":"./src/components/z-combobox/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--docs":{"id":"zcoverhero--docs","title":"ZCoverHero","name":"Docs","importPath":"./src/components/z-cover-hero/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcoverhero--default":{"type":"story","id":"zcoverhero--default","name":"Default","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--custom-aspect-ratio":{"type":"story","id":"zcoverhero--custom-aspect-ratio","name":"Custom Aspect Ratio","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--auto-aspect-ratio":{"type":"story","id":"zcoverhero--auto-aspect-ratio","name":"Auto Aspect Ratio","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--without-preserving-aspect-ratio":{"type":"story","id":"zcoverhero--without-preserving-aspect-ratio","name":"Without Preserving Aspect Ratio","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--stacked-variant":{"type":"story","id":"zcoverhero--stacked-variant","name":"Stacked Variant","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--docs":{"id":"zdatepicker--docs","title":"ZDatePicker","name":"Docs","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zdatepicker--date":{"type":"story","id":"zdatepicker--date","name":"Date","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--date-and-time":{"type":"story","id":"zdatepicker--date-and-time","name":"Date And Time","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--months-only":{"type":"story","id":"zdatepicker--months-only","name":"Months Only","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--custom-toggle":{"type":"story","id":"zdatepicker--custom-toggle","name":"Custom Toggle","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdivider--docs":{"id":"zdivider--docs","title":"ZDivider","name":"Docs","importPath":"./src/components/z-divider/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zdivider--default":{"type":"story","id":"zdivider--default","name":"ZDivider","title":"ZDivider","importPath":"./src/components/z-divider/index.stories.ts","tags":["dev","test","autodocs"]},"zfab--default":{"type":"story","id":"zfab--default","name":"Default","title":"ZFab","importPath":"./src/components/css-components/z-fab/index.stories.ts","tags":["dev","test"]},"zfab--multiple":{"type":"story","id":"zfab--multiple","name":"Multiple","title":"ZFab","importPath":"./src/components/css-components/z-fab/index.stories.ts","tags":["dev","test"]},"zfile--docs":{"id":"zfile--docs","title":"ZFile","name":"Docs","importPath":"./src/components/file-upload/z-file/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zfile--default":{"type":"story","id":"zfile--default","name":"Default","title":"ZFile","importPath":"./src/components/file-upload/z-file/index.stories.ts","tags":["dev","test","autodocs"]},"zfileupload--docs":{"id":"zfileupload--docs","title":"ZFileUpload","name":"Docs","importPath":"./src/components/file-upload/z-file-upload/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zfileupload--default":{"type":"story","id":"zfileupload--default","name":"Default","title":"ZFileUpload","importPath":"./src/components/file-upload/z-file-upload/index.stories.ts","tags":["dev","test","autodocs"]},"zfileupload--dragdrop":{"type":"story","id":"zfileupload--dragdrop","name":"Dragdrop","title":"ZFileUpload","importPath":"./src/components/file-upload/z-file-upload/index.stories.ts","tags":["dev","test","autodocs"]},"zghostloading--docs":{"id":"zghostloading--docs","title":"ZGhostLoading","name":"Docs","importPath":"./src/components/z-ghost-loading/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zghostloading--z-ghost-loading":{"type":"story","id":"zghostloading--z-ghost-loading","name":"Z Ghost Loading","title":"ZGhostLoading","importPath":"./src/components/z-ghost-loading/index.stories.ts","tags":["dev","test","autodocs"]},"zicon--docs":{"id":"zicon--docs","title":"ZIcon","name":"Docs","importPath":"./src/components/z-icon/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zicon--default":{"type":"story","id":"zicon--default","name":"Default","title":"ZIcon","importPath":"./src/components/z-icon/index.stories.ts","tags":["dev","test","autodocs"]},"zinfobox--docs":{"id":"zinfobox--docs","title":"ZInfoBox","name":"Docs","importPath":"./src/components/z-info-box/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinfobox--default":{"type":"story","id":"zinfobox--default","name":"Default","title":"ZInfoBox","importPath":"./src/components/z-info-box/index.stories.ts","tags":["dev","test","autodocs"]},"zinforeveal--docs":{"id":"zinforeveal--docs","title":"ZInfoReveal","name":"Docs","importPath":"./src/components/z-info-reveal/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinforeveal--default":{"type":"story","id":"zinforeveal--default","name":"Default","title":"ZInfoReveal","importPath":"./src/components/z-info-reveal/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--docs":{"id":"zinput--docs","title":"ZInput","name":"Docs","importPath":"./src/components/z-input/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinput--all-props":{"type":"story","id":"zinput--all-props","name":"All Props","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-text":{"type":"story","id":"zinput--z-input-text","name":"Z Input Text","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-textarea":{"type":"story","id":"zinput--z-input-textarea","name":"Z Input Textarea","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-checkbox":{"type":"story","id":"zinput--z-input-checkbox","name":"Z Input Checkbox","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-radio":{"type":"story","id":"zinput--z-input-radio","name":"Z Input Radio","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-number":{"type":"story","id":"zinput--z-input-number","name":"Z Input Number","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinputmessage--docs":{"id":"zinputmessage--docs","title":"ZInputMessage","name":"Docs","importPath":"./src/components/z-input-message/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinputmessage--default":{"type":"story","id":"zinputmessage--default","name":"Default","title":"ZInputMessage","importPath":"./src/components/z-input-message/index.stories.ts","tags":["dev","test","autodocs"]},"zlink--docs":{"id":"zlink--docs","title":"ZLink","name":"Docs","importPath":"./src/components/css-components/z-link/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlink--z-link":{"type":"story","id":"zlink--z-link","name":"Z Link","title":"ZLink","importPath":"./src/components/css-components/z-link/index.stories.ts","tags":["dev","test","autodocs"]},"zlink--z-link-button":{"type":"story","id":"zlink--z-link-button","name":"Z Link Button","title":"ZLink","importPath":"./src/components/css-components/z-link/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--docs":{"id":"zlist-zlist--docs","title":"ZList/ZList","name":"Docs","importPath":"./src/components/list/z-list/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlist-zlist--default":{"type":"story","id":"zlist-zlist--default","name":"Default","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--header-divider":{"type":"story","id":"zlist-zlist--header-divider","name":"Header Divider","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--element-divider":{"type":"story","id":"zlist-zlist--element-divider","name":"Element Divider","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--clickable-elements":{"type":"story","id":"zlist-zlist--clickable-elements","name":"Clickable Elements","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--expandable-elements":{"type":"story","id":"zlist-zlist--expandable-elements","name":"Expandable Elements","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--unordered-index":{"type":"story","id":"zlist-zlist--unordered-index","name":"Unordered Index","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--ordered-index":{"type":"story","id":"zlist-zlist--ordered-index","name":"Ordered Index","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlistelement--docs":{"id":"zlist-zlistelement--docs","title":"ZList/ZListElement","name":"Docs","importPath":"./src/components/list/z-list-element/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlist-zlistelement--default":{"type":"story","id":"zlist-zlistelement--default","name":"Default","title":"ZList/ZListElement","importPath":"./src/components/list/z-list-element/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlistgroup--docs":{"id":"zlist-zlistgroup--docs","title":"ZList/ZListGroup","name":"Docs","importPath":"./src/components/list/z-list-group/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlist-zlistgroup--default":{"type":"story","id":"zlist-zlistgroup--default","name":"Default","title":"ZList/ZListGroup","importPath":"./src/components/list/z-list-group/index.stories.ts","tags":["dev","test","autodocs"]},"zlogo--docs":{"id":"zlogo--docs","title":"ZLogo","name":"Docs","importPath":"./src/components/z-logo/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlogo--default":{"type":"story","id":"zlogo--default","name":"Default","title":"ZLogo","importPath":"./src/components/z-logo/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu--docs":{"id":"zmenu--docs","title":"ZMenu","name":"Docs","importPath":"./src/components/z-menu/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zmenu--floating-content-layout":{"type":"story","id":"zmenu--floating-content-layout","name":"Floating Content Layout","title":"ZMenu","importPath":"./src/components/z-menu/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu--with-header":{"type":"story","id":"zmenu--with-header","name":"With Header","title":"ZMenu","importPath":"./src/components/z-menu/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu--active-without-items":{"type":"story","id":"zmenu--active-without-items","name":"Active Without Items","title":"ZMenu","importPath":"./src/components/z-menu/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu-zmenusection--docs":{"id":"zmenu-zmenusection--docs","title":"ZMenu/ZMenuSection","name":"Docs","importPath":"./src/components/z-menu-section/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zmenu-zmenusection--with-items":{"type":"story","id":"zmenu-zmenusection--with-items","name":"With Items","title":"ZMenu/ZMenuSection","importPath":"./src/components/z-menu-section/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu-zmenusection--without-items":{"type":"story","id":"zmenu-zmenusection--without-items","name":"Without Items","title":"ZMenu/ZMenuSection","importPath":"./src/components/z-menu-section/index.stories.ts","tags":["dev","test","autodocs"]},"zmodal--docs":{"id":"zmodal--docs","title":"ZModal","name":"Docs","importPath":"./src/components/z-modal/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zmodal--short-text":{"type":"story","id":"zmodal--short-text","name":"Short Text","title":"ZModal","importPath":"./src/components/z-modal/index.stories.ts","tags":["dev","test","autodocs"]},"zmodal--long-text":{"type":"story","id":"zmodal--long-text","name":"Long Text","title":"ZModal","importPath":"./src/components/z-modal/index.stories.ts","tags":["dev","test","autodocs"]},"zmodal--slotted-close-button":{"type":"story","id":"zmodal--slotted-close-button","name":"Slotted Close Button","title":"ZModal","importPath":"./src/components/z-modal/index.stories.ts","tags":["dev","test","autodocs"]},"znavigationtabs--docs":{"id":"znavigationtabs--docs","title":"ZNavigationTabs","name":"Docs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"znavigationtabs--horizontal":{"type":"story","id":"znavigationtabs--horizontal","name":"Horizontal","title":"ZNavigationTabs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","tags":["dev","test","autodocs"]},"znavigationtabs--vertical":{"type":"story","id":"znavigationtabs--vertical","name":"Vertical","title":"ZNavigationTabs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","tags":["dev","test","autodocs"]},"znavigationtabs--tabpanels":{"type":"story","id":"znavigationtabs--tabpanels","name":"Tabpanels","title":"ZNavigationTabs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--docs":{"id":"znotification--docs","title":"ZNotification","name":"Docs","importPath":"./src/components/z-notification/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"znotification--default":{"type":"story","id":"znotification--default","name":"Default","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--long-text":{"type":"story","id":"znotification--long-text","name":"Long Text","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--banner-variant":{"type":"story","id":"znotification--banner-variant","name":"Banner Variant","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--inline-variant":{"type":"story","id":"znotification--inline-variant","name":"Inline Variant","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"zoffcanvas--docs":{"id":"zoffcanvas--docs","title":"ZOffcanvas","name":"Docs","importPath":"./src/components/z-offcanvas/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zoffcanvas--enter-right":{"type":"story","id":"zoffcanvas--enter-right","name":"Enter Right","title":"ZOffcanvas","importPath":"./src/components/z-offcanvas/index.stories.ts","tags":["dev","test","autodocs"]},"zoffcanvas--enter-left":{"type":"story","id":"zoffcanvas--enter-left","name":"Enter Left","title":"ZOffcanvas","importPath":"./src/components/z-offcanvas/index.stories.ts","tags":["dev","test","autodocs"]},"zoffcanvas--skip-load-animation":{"type":"story","id":"zoffcanvas--skip-load-animation","name":"Skip Load Animation","title":"ZOffcanvas","importPath":"./src/components/z-offcanvas/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--docs":{"id":"zpagination--docs","title":"ZPagination","name":"Docs","importPath":"./src/components/z-pagination/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zpagination--visible-pages":{"type":"story","id":"zpagination--visible-pages","name":"Visible Pages","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--split":{"type":"story","id":"zpagination--split","name":"Split","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--edges":{"type":"story","id":"zpagination--edges","name":"Edges","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--skip":{"type":"story","id":"zpagination--skip","name":"Skip","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpanelelem--docs":{"id":"zpanelelem--docs","title":"ZPanelElem","name":"Docs","importPath":"./src/components/z-panel-elem/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zpanelelem--default":{"type":"story","id":"zpanelelem--default","name":"Default","title":"ZPanelElem","importPath":"./src/components/z-panel-elem/index.stories.ts","tags":["dev","test","autodocs"]},"zpopover--docs":{"id":"zpopover--docs","title":"ZPopover","name":"Docs","importPath":"./src/components/z-popover/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zpopover--contextual-menu-like":{"type":"story","id":"zpopover--contextual-menu-like","name":"Contextual Menu Like","title":"ZPopover","importPath":"./src/components/z-popover/index.stories.ts","tags":["dev","test","autodocs"]},"zpopover--tooltip-like":{"type":"story","id":"zpopover--tooltip-like","name":"Tooltip Like","title":"ZPopover","importPath":"./src/components/z-popover/index.stories.ts","tags":["dev","test","autodocs"]},"zrangepicker--docs":{"id":"zrangepicker--docs","title":"ZRangePicker","name":"Docs","importPath":"./src/components/date-picker/z-range-picker/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zrangepicker--date":{"type":"story","id":"zrangepicker--date","name":"Date","title":"ZRangePicker","importPath":"./src/components/date-picker/z-range-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zrangepicker--date-and-time":{"type":"story","id":"zrangepicker--date-and-time","name":"Date And Time","title":"ZRangePicker","importPath":"./src/components/date-picker/z-range-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--docs":{"id":"zsearchbar--docs","title":"ZSearchbar","name":"Docs","importPath":"./src/components/z-searchbar/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zsearchbar--default":{"type":"story","id":"zsearchbar--default","name":"Default","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--simple-search":{"type":"story","id":"zsearchbar--simple-search","name":"Simple Search","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--autocomplete":{"type":"story","id":"zsearchbar--autocomplete","name":"Autocomplete","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--autocomplete-with-complex-items":{"type":"story","id":"zsearchbar--autocomplete-with-complex-items","name":"Autocomplete With Complex Items","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsectiontitle--docs":{"id":"zsectiontitle--docs","title":"ZSectionTitle","name":"Docs","importPath":"./src/components/z-section-title/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zsectiontitle--primary-title-only":{"type":"story","id":"zsectiontitle--primary-title-only","name":"Primary Title Only","title":"ZSectionTitle","importPath":"./src/components/z-section-title/index.stories.ts","tags":["dev","test","autodocs"]},"zsectiontitle--secondary-title":{"type":"story","id":"zsectiontitle--secondary-title","name":"Secondary Title","title":"ZSectionTitle","importPath":"./src/components/z-section-title/index.stories.ts","tags":["dev","test","autodocs"]},"zselect--docs":{"id":"zselect--docs","title":"ZSelect","name":"Docs","importPath":"./src/components/z-select/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zselect--default":{"type":"story","id":"zselect--default","name":"Default","title":"ZSelect","importPath":"./src/components/z-select/index.stories.ts","tags":["dev","test","autodocs"]},"zselect--groups":{"type":"story","id":"zselect--groups","name":"Groups","title":"ZSelect","importPath":"./src/components/z-select/index.stories.ts","tags":["dev","test","autodocs"]},"zselect--z-select-with-icons":{"type":"story","id":"zselect--z-select-with-icons","name":"Z Select With Icons","title":"ZSelect","importPath":"./src/components/z-select/index.stories.ts","tags":["dev","test","autodocs"]},"zskiptocontent--docs":{"id":"zskiptocontent--docs","title":"ZSkipToContent","name":"Docs","importPath":"./src/components/z-skip-to-content/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zskiptocontent--default":{"type":"story","id":"zskiptocontent--default","name":"Default","title":"ZSkipToContent","importPath":"./src/components/z-skip-to-content/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepper--docs":{"id":"zstepper-zstepper--docs","title":"ZStepper/ZStepper","name":"Docs","importPath":"./src/components/z-stepper/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zstepper-zstepper--default":{"type":"story","id":"zstepper-zstepper--default","name":"Default","title":"ZStepper/ZStepper","importPath":"./src/components/z-stepper/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepper--completed":{"type":"story","id":"zstepper-zstepper--completed","name":"Completed","title":"ZStepper/ZStepper","importPath":"./src/components/z-stepper/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--docs":{"id":"zstepper-zstepperitem--docs","title":"ZStepper/ZStepperItem","name":"Docs","importPath":"./src/components/z-stepper-item/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zstepper-zstepperitem--with-index":{"type":"story","id":"zstepper-zstepperitem--with-index","name":"With Index","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--with-text":{"type":"story","id":"zstepper-zstepperitem--with-text","name":"With Text","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--disabled":{"type":"story","id":"zstepper-zstepperitem--disabled","name":"Disabled","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--pressed":{"type":"story","id":"zstepper-zstepperitem--pressed","name":"Pressed","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--checked":{"type":"story","id":"zstepper-zstepperitem--checked","name":"Checked","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--docs":{"id":"ztable--docs","title":"ZTable","name":"Docs","importPath":"./src/components/table/z-table/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztable--default":{"type":"story","id":"ztable--default","name":"Default","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--expandable-rows":{"type":"story","id":"ztable--expandable-rows","name":"Expandable Rows","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--sticky":{"type":"story","id":"ztable--sticky","name":"Sticky","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--cells-with-contextual-menu":{"type":"story","id":"ztable--cells-with-contextual-menu","name":"Cells With Contextual Menu","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--sort-action":{"type":"story","id":"ztable--sort-action","name":"Sort Action","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztag--docs":{"id":"ztag--docs","title":"ZTag","name":"Docs","importPath":"./src/components/z-tag/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztag--default":{"type":"story","id":"ztag--default","name":"Default","title":"ZTag","importPath":"./src/components/z-tag/index.stories.ts","tags":["dev","test","autodocs"]},"ztag--color-tokens":{"type":"story","id":"ztag--color-tokens","name":"Color Tokens","title":"ZTag","importPath":"./src/components/z-tag/index.stories.ts","tags":["dev","test","autodocs"]},"ztag--long-text":{"type":"story","id":"ztag--long-text","name":"Long Text","title":"ZTag","importPath":"./src/components/z-tag/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--docs":{"id":"ztoastnotification--docs","title":"ZToastNotification","name":"Docs","importPath":"./src/components/z-toast-notification/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztoastnotification--slide-in-right":{"type":"story","id":"ztoastnotification--slide-in-right","name":"Slide In Right","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slide-in-left":{"type":"story","id":"ztoastnotification--slide-in-left","name":"Slide In Left","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slide-in-down":{"type":"story","id":"ztoastnotification--slide-in-down","name":"Slide In Down","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slide-in-up":{"type":"story","id":"ztoastnotification--slide-in-up","name":"Slide In Up","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slotted-button":{"type":"story","id":"ztoastnotification--slotted-button","name":"Slotted Button","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--docs":{"id":"ztoastnotificationlist--docs","title":"ZToastNotificationList","name":"Docs","importPath":"./src/components/z-toast-notification-list/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztoastnotificationlist--top-left-slide-in-down":{"type":"story","id":"ztoastnotificationlist--top-left-slide-in-down","name":"Top Left Slide In Down","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-left-slide-in-right":{"type":"story","id":"ztoastnotificationlist--top-left-slide-in-right","name":"Top Left Slide In Right","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-centre":{"type":"story","id":"ztoastnotificationlist--top-centre","name":"Top Centre","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-right-slide-in-down":{"type":"story","id":"ztoastnotificationlist--top-right-slide-in-down","name":"Top Right Slide In Down","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-right-slide-in-left":{"type":"story","id":"ztoastnotificationlist--top-right-slide-in-left","name":"Top Right Slide In Left","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-right-slide-in-up":{"type":"story","id":"ztoastnotificationlist--bottom-right-slide-in-up","name":"Bottom Right Slide In Up","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-right-slide-in-left":{"type":"story","id":"ztoastnotificationlist--bottom-right-slide-in-left","name":"Bottom Right Slide In Left","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-centre":{"type":"story","id":"ztoastnotificationlist--bottom-centre","name":"Bottom Centre","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-centre-slide-in-up":{"type":"story","id":"ztoastnotificationlist--bottom-centre-slide-in-up","name":"Bottom Centre Slide In Up","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-left-slide-in-right":{"type":"story","id":"ztoastnotificationlist--bottom-left-slide-in-right","name":"Bottom Left Slide In Right","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztogglebutton--docs":{"id":"ztogglebutton--docs","title":"ZToggleButton","name":"Docs","importPath":"./src/components/z-toggle-button/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztogglebutton--default":{"type":"story","id":"ztogglebutton--default","name":"Default","title":"ZToggleButton","importPath":"./src/components/z-toggle-button/index.stories.ts","tags":["dev","test","autodocs"]},"ztoggleswitch--docs":{"id":"ztoggleswitch--docs","title":"ZToggleSwitch","name":"Docs","importPath":"./src/components/z-toggle-switch/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztoggleswitch--default":{"type":"story","id":"ztoggleswitch--default","name":"Default","title":"ZToggleSwitch","importPath":"./src/components/z-toggle-switch/index.stories.ts","tags":["dev","test","autodocs"]},"ztooltip--docs":{"id":"ztooltip--docs","title":"ZTooltip","name":"Docs","importPath":"./src/components/z-tooltip/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztooltip--default":{"type":"story","id":"ztooltip--default","name":"Default","title":"ZTooltip","importPath":"./src/components/z-tooltip/index.stories.ts","tags":["dev","test","autodocs"]},"ztooltip--autoclose-off":{"type":"story","id":"ztooltip--autoclose-off","name":"Autoclose Off","title":"ZTooltip","importPath":"./src/components/z-tooltip/index.stories.ts","tags":["dev","test","autodocs"]},"zvisuallyhidden--docs":{"id":"zvisuallyhidden--docs","title":"ZVisuallyHidden","name":"Docs","importPath":"./src/components/z-visually-hidden/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zvisuallyhidden--default":{"type":"story","id":"zvisuallyhidden--default","name":"Default","title":"ZVisuallyHidden","importPath":"./src/components/z-visually-hidden/index.stories.ts","tags":["dev","test","autodocs"]},"snowflakes-list-zmyzlist--docs":{"id":"snowflakes-list-zmyzlist--docs","title":"Snowflakes/List/ZMyzList","name":"Docs","importPath":"./src/snowflakes/myz/list/z-myz-list/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-list-zmyzlist--z-myz-list":{"type":"story","id":"snowflakes-list-zmyzlist--z-myz-list","name":"Z Myz List","title":"Snowflakes/List/ZMyzList","importPath":"./src/snowflakes/myz/list/z-myz-list/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-list-zmyzlistitem--docs":{"id":"snowflakes-list-zmyzlistitem--docs","title":"Snowflakes/List/ZMyzListItem","name":"Docs","importPath":"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-list-zmyzlistitem--z-myz-list-item":{"type":"story","id":"snowflakes-list-zmyzlistitem--z-myz-list-item","name":"Z Myz List Item","title":"Snowflakes/List/ZMyzListItem","importPath":"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcard--docs":{"id":"snowflakes-myzcard-zmyzcard--docs","title":"Snowflakes/MyzCard/ZMyzCard","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcard--z-myz-card":{"type":"story","id":"snowflakes-myzcard-zmyzcard--z-myz-card","name":"Z Myz Card","title":"Snowflakes/MyzCard/ZMyzCard","importPath":"./src/snowflakes/myz/card/z-myz-card/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardalert--docs":{"id":"snowflakes-myzcard-zmyzcardalert--docs","title":"Snowflakes/MyzCard/ZMyzCardAlert","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardalert--z-myz-card-alert":{"type":"story","id":"snowflakes-myzcard-zmyzcardalert--z-myz-card-alert","name":"Z Myz Card Alert","title":"Snowflakes/MyzCard/ZMyzCardAlert","importPath":"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardcover--docs":{"id":"snowflakes-myzcard-zmyzcardcover--docs","title":"Snowflakes/MyzCard/ZMyzCardCover","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardcover--z-myz-card-cover":{"type":"story","id":"snowflakes-myzcard-zmyzcardcover--z-myz-card-cover","name":"Z Myz Card Cover","title":"Snowflakes/MyzCard/ZMyzCardCover","importPath":"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcarddictionary--docs":{"id":"snowflakes-myzcard-zmyzcarddictionary--docs","title":"Snowflakes/MyzCard/ZMyzCardDictionary","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcarddictionary--card-default":{"type":"story","id":"snowflakes-myzcard-zmyzcarddictionary--card-default","name":"Card Default","title":"Snowflakes/MyzCard/ZMyzCardDictionary","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcarddictionary--card-flipped":{"type":"story","id":"snowflakes-myzcard-zmyzcarddictionary--card-flipped","name":"Card Flipped","title":"Snowflakes/MyzCard/ZMyzCardDictionary","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcarddictionary--card-no-info-button":{"type":"story","id":"snowflakes-myzcard-zmyzcarddictionary--card-no-info-button","name":"Card No Info Button","title":"Snowflakes/MyzCard/ZMyzCardDictionary","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardfooter--docs":{"id":"snowflakes-myzcard-zmyzcardfooter--docs","title":"Snowflakes/MyzCard/ZMyzCardFooter","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardfooter--z-myz-card-footer":{"type":"story","id":"snowflakes-myzcard-zmyzcardfooter--z-myz-card-footer","name":"Z Myz Card Footer","title":"Snowflakes/MyzCard/ZMyzCardFooter","importPath":"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardfootersections--docs":{"id":"snowflakes-myzcard-zmyzcardfootersections--docs","title":"Snowflakes/MyzCard/ZMyzCardFooterSections","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardfootersections--z-myz-card-footer-sections":{"type":"story","id":"snowflakes-myzcard-zmyzcardfootersections--z-myz-card-footer-sections","name":"Z Myz Card Footer Sections","title":"Snowflakes/MyzCard/ZMyzCardFooterSections","importPath":"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardheader--docs":{"id":"snowflakes-myzcard-zmyzcardheader--docs","title":"Snowflakes/MyzCard/ZMyzCardHeader","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardheader--z-myz-card-header":{"type":"story","id":"snowflakes-myzcard-zmyzcardheader--z-myz-card-header","name":"Z Myz Card Header","title":"Snowflakes/MyzCard/ZMyzCardHeader","importPath":"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardicon--docs":{"id":"snowflakes-myzcard-zmyzcardicon--docs","title":"Snowflakes/MyzCard/ZMyzCardIcon","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardicon--z-myz-card-icon":{"type":"story","id":"snowflakes-myzcard-zmyzcardicon--z-myz-card-icon","name":"Z Myz Card Icon","title":"Snowflakes/MyzCard/ZMyzCardIcon","importPath":"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardinfo--docs":{"id":"snowflakes-myzcard-zmyzcardinfo--docs","title":"Snowflakes/MyzCard/ZMyzCardInfo","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardinfo--z-myz-card-info":{"type":"story","id":"snowflakes-myzcard-zmyzcardinfo--z-myz-card-info","name":"Z Myz Card Info","title":"Snowflakes/MyzCard/ZMyzCardInfo","importPath":"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardlist--docs":{"id":"snowflakes-myzcard-zmyzcardlist--docs","title":"Snowflakes/MyzCard/ZMyzCardList","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardlist--z-myz-card-list":{"type":"story","id":"snowflakes-myzcard-zmyzcardlist--z-myz-card-list","name":"Z Myz Card List","title":"Snowflakes/MyzCard/ZMyzCardList","importPath":"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zmessagespocket--docs":{"id":"snowflakes-pocket-zmessagespocket--docs","title":"Snowflakes/Pocket/ZMessagesPocket","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-messages-pocket/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zmessagespocket--z-messages-pocket":{"type":"story","id":"snowflakes-pocket-zmessagespocket--z-messages-pocket","name":"Z Messages Pocket","title":"Snowflakes/Pocket/ZMessagesPocket","importPath":"./src/snowflakes/myz/pocket/z-messages-pocket/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocket--docs":{"id":"snowflakes-pocket-zpocket--docs","title":"Snowflakes/Pocket/ZPocket","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocket--base":{"type":"story","id":"snowflakes-pocket-zpocket--base","name":"Base","title":"Snowflakes/Pocket/ZPocket","importPath":"./src/snowflakes/myz/pocket/z-pocket/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocket--with-subcomponents":{"type":"story","id":"snowflakes-pocket-zpocket--with-subcomponents","name":"With Subcomponents","title":"Snowflakes/Pocket/ZPocket","importPath":"./src/snowflakes/myz/pocket/z-pocket/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketbody--docs":{"id":"snowflakes-pocket-zpocketbody--docs","title":"Snowflakes/Pocket/ZPocketBody","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket-body/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocketbody--z-pocket-body":{"type":"story","id":"snowflakes-pocket-zpocketbody--z-pocket-body","name":"Z Pocket Body","title":"Snowflakes/Pocket/ZPocketBody","importPath":"./src/snowflakes/myz/pocket/z-pocket-body/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketheader--docs":{"id":"snowflakes-pocket-zpocketheader--docs","title":"Snowflakes/Pocket/ZPocketHeader","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket-header/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocketheader--z-pocket-header":{"type":"story","id":"snowflakes-pocket-zpocketheader--z-pocket-header","name":"Z Pocket Header","title":"Snowflakes/Pocket/ZPocketHeader","importPath":"./src/snowflakes/myz/pocket/z-pocket-header/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketmessage--docs":{"id":"snowflakes-pocket-zpocketmessage--docs","title":"Snowflakes/Pocket/ZPocketMessage","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocketmessage--z-pocket-message":{"type":"story","id":"snowflakes-pocket-zpocketmessage--z-pocket-message","name":"Z Pocket Message","title":"Snowflakes/Pocket/ZPocketMessage","importPath":"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketmessage--z-pocket-message-cta":{"type":"story","id":"snowflakes-pocket-zpocketmessage--z-pocket-message-cta","name":"Z Pocket Message Cta","title":"Snowflakes/Pocket/ZPocketMessage","importPath":"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-zalert--docs":{"id":"snowflakes-zalert--docs","title":"Snowflakes/ZAlert","name":"Docs","importPath":"./src/snowflakes/myz/z-alert/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-zalert--z-alert":{"type":"story","id":"snowflakes-zalert--z-alert","name":"Z Alert","title":"Snowflakes/ZAlert","importPath":"./src/snowflakes/myz/z-alert/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-zotp--docs":{"id":"snowflakes-zotp--docs","title":"Snowflakes/ZOtp","name":"Docs","importPath":"./src/snowflakes/myz/z-otp/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-zotp--z-otp":{"type":"story","id":"snowflakes-zotp--z-otp","name":"Z Otp","title":"Snowflakes/ZOtp","importPath":"./src/snowflakes/myz/z-otp/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-zslideshow--docs":{"id":"snowflakes-zslideshow--docs","title":"Snowflakes/ZSlideshow","name":"Docs","importPath":"./src/snowflakes/myz/z-slideshow/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-zslideshow--z-slideshow":{"type":"story","id":"snowflakes-zslideshow--z-slideshow","name":"Z Slideshow","title":"Snowflakes/ZSlideshow","importPath":"./src/snowflakes/myz/z-slideshow/index.stories.js","tags":["dev","test","autodocs"]}}} +{"v":5,"entries":{"migration--docs":{"id":"migration--docs","title":"Migration","name":"Docs","importPath":"./docs/migration.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"colors--themes":{"type":"story","id":"colors--themes","name":"Themes","title":"Colors","importPath":"./docs/themes/index.stories.ts","tags":["dev","test"]},"colors--palettes":{"type":"story","id":"colors--palettes","name":"Palettes","title":"Colors","importPath":"./docs/themes/index.stories.ts","tags":["dev","test"]},"grid--grid":{"type":"story","id":"grid--grid","name":"Grid","title":"Grid","importPath":"./docs/grid/index.stories.ts","tags":["dev","test"]},"iconset--iconset":{"type":"story","id":"iconset--iconset","name":"Iconset","title":"Iconset","importPath":"./docs/iconset/index.stories.ts","tags":["dev","test"]},"zaccordion--docs":{"id":"zaccordion--docs","title":"ZAccordion","name":"Docs","importPath":"./src/components/z-accordion/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zaccordion--default":{"type":"story","id":"zaccordion--default","name":"Default","title":"ZAccordion","importPath":"./src/components/z-accordion/index.stories.ts","tags":["dev","test","autodocs"]},"zaccordion--stack":{"type":"story","id":"zaccordion--stack","name":"Stack","title":"ZAccordion","importPath":"./src/components/z-accordion/index.stories.ts","tags":["dev","test","autodocs"]},"zaccordion--with-tags":{"type":"story","id":"zaccordion--with-tags","name":"With Tags","title":"ZAccordion","importPath":"./src/components/z-accordion/index.stories.ts","tags":["dev","test","autodocs"]},"zanchornavigation--docs":{"id":"zanchornavigation--docs","title":"ZAnchorNavigation","name":"Docs","importPath":"./src/components/z-anchor-navigation/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zanchornavigation--default":{"type":"story","id":"zanchornavigation--default","name":"Default","title":"ZAnchorNavigation","importPath":"./src/components/z-anchor-navigation/index.stories.ts","tags":["dev","test","autodocs"]},"zanchornavigation--auto-current-disabling":{"type":"story","id":"zanchornavigation--auto-current-disabling","name":"Auto Current Disabling","title":"ZAnchorNavigation","importPath":"./src/components/z-anchor-navigation/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--docs":{"id":"zappheader--docs","title":"ZAppHeader","name":"Docs","importPath":"./src/components/z-app-header/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zappheader--title":{"type":"story","id":"zappheader--title","name":"Title","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--subtitle":{"type":"story","id":"zappheader--subtitle","name":"Subtitle","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--top-subtitle":{"type":"story","id":"zappheader--top-subtitle","name":"Top Subtitle","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--menu":{"type":"story","id":"zappheader--menu","name":"Menu","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--long-title":{"type":"story","id":"zappheader--long-title","name":"Long Title","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--very-long-menu":{"type":"story","id":"zappheader--very-long-menu","name":"Very Long Menu","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--offcanvas-menu":{"type":"story","id":"zappheader--offcanvas-menu","name":"Offcanvas Menu","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--stuck":{"type":"story","id":"zappheader--stuck","name":"Stuck","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--max-width":{"type":"story","id":"zappheader--max-width","name":"Max Width","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--cover-hero-with-slotted-image":{"type":"story","id":"zappheader--cover-hero-with-slotted-image","name":"Cover Hero With Slotted Image","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--searchbar":{"type":"story","id":"zappheader--searchbar","name":"Searchbar","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zappheader--search-page-button":{"type":"story","id":"zappheader--search-page-button","name":"Search Page Button","title":"ZAppHeader","importPath":"./src/components/z-app-header/index.stories.ts","tags":["dev","test","autodocs"]},"zariaalert--docs":{"id":"zariaalert--docs","title":"ZAriaAlert","name":"Docs","importPath":"./src/components/z-aria-alert/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zariaalert--default":{"type":"story","id":"zariaalert--default","name":"Default","title":"ZAriaAlert","importPath":"./src/components/z-aria-alert/index.stories.ts","tags":["dev","test","autodocs"]},"zariaalert--visually-hidden":{"type":"story","id":"zariaalert--visually-hidden","name":"Visually Hidden","title":"ZAriaAlert","importPath":"./src/components/z-aria-alert/index.stories.ts","tags":["dev","test","autodocs"]},"zavatar--docs":{"id":"zavatar--docs","title":"ZAvatar","name":"Docs","importPath":"./src/components/z-avatar/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zavatar--default":{"type":"story","id":"zavatar--default","name":"Default","title":"ZAvatar","importPath":"./src/components/z-avatar/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--docs":{"id":"zbookcard--docs","title":"ZBookCard","name":"Docs","importPath":"./src/components/z-book-card/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbookcard--all-props":{"type":"story","id":"zbookcard--all-props","name":"All Props","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-tags":{"type":"story","id":"zbookcard--slotted-tags","name":"Slotted Tags","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-resources":{"type":"story","id":"zbookcard--slotted-resources","name":"Slotted Resources","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-header-cta":{"type":"story","id":"zbookcard--slotted-header-cta","name":"Slotted Header Cta","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--slotted-footer-cta":{"type":"story","id":"zbookcard--slotted-footer-cta","name":"Slotted Footer Cta","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--expanded-variant":{"type":"story","id":"zbookcard--expanded-variant","name":"Expanded Variant","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--search-variant":{"type":"story","id":"zbookcard--search-variant","name":"Search Variant","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbookcard--compact-variant":{"type":"story","id":"zbookcard--compact-variant","name":"Compact Variant","title":"ZBookCard","importPath":"./src/components/z-book-card/index.stories.ts","tags":["dev","test","autodocs"]},"zbreadcrumb--docs":{"id":"zbreadcrumb--docs","title":"ZBreadcrumb","name":"Docs","importPath":"./src/components/z-breadcrumb/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbreadcrumb--breadcrumb":{"type":"story","id":"zbreadcrumb--breadcrumb","name":"Breadcrumb","title":"ZBreadcrumb","importPath":"./src/components/z-breadcrumb/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--docs":{"id":"zbutton--docs","title":"ZButton","name":"Docs","importPath":"./src/components/z-button/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbutton--primary":{"type":"story","id":"zbutton--primary","name":"Primary","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--secondary-x-small":{"type":"story","id":"zbutton--secondary-x-small","name":"Secondary X Small","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--tertiary-small":{"type":"story","id":"zbutton--tertiary-small","name":"Tertiary Small","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--icon-only":{"type":"story","id":"zbutton--icon-only","name":"Icon Only","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbutton--link-button":{"type":"story","id":"zbutton--link-button","name":"Link Button","title":"ZButton","importPath":"./src/components/z-button/index.stories.ts","tags":["dev","test","autodocs"]},"zbuttonsort--docs":{"id":"zbuttonsort--docs","title":"ZButtonSort","name":"Docs","importPath":"./src/components/z-button-sort/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zbuttonsort--default":{"type":"story","id":"zbuttonsort--default","name":"Default","title":"ZButtonSort","importPath":"./src/components/z-button-sort/index.stories.ts","tags":["dev","test","autodocs"]},"zbuttonsort--ellipsis":{"type":"story","id":"zbuttonsort--ellipsis","name":"Ellipsis","title":"ZButtonSort","importPath":"./src/components/z-button-sort/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--docs":{"id":"zcard--docs","title":"ZCard","name":"Docs","importPath":"./src/components/z-card/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcard--with-image":{"type":"story","id":"zcard--with-image","name":"With Image","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--with-image-and-icon":{"type":"story","id":"zcard--with-image-and-icon","name":"With Image And Icon","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--color-cover":{"type":"story","id":"zcard--color-cover","name":"Color Cover","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--text-variant-primary-background":{"type":"story","id":"zcard--text-variant-primary-background","name":"Text Variant Primary Background","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--text-variant-white-background-and-bordered":{"type":"story","id":"zcard--text-variant-white-background-and-bordered","name":"Text Variant White Background And Bordered","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcard--with-image-and-click":{"type":"story","id":"zcard--with-image-and-click","name":"With Image And Click","title":"ZCard","importPath":"./src/components/z-card/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--docs":{"id":"zcarousel--docs","title":"ZCarousel","name":"Docs","importPath":"./src/components/z-carousel/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcarousel--slideshow-with-arrows-over":{"type":"story","id":"zcarousel--slideshow-with-arrows-over","name":"Slideshow With Arrows Over","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--single-mode":{"type":"story","id":"zcarousel--single-mode","name":"Single Mode","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--ghost-loading":{"type":"story","id":"zcarousel--ghost-loading","name":"Ghost Loading","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zcarousel--loading-items":{"type":"story","id":"zcarousel--loading-items","name":"Loading Items","title":"ZCarousel","importPath":"./src/components/z-carousel/index.stories.ts","tags":["dev","test","autodocs"]},"zchip--docs":{"id":"zchip--docs","title":"ZChip","name":"Docs","importPath":"./src/components/z-chip/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zchip--default":{"type":"story","id":"zchip--default","name":"Default","title":"ZChip","importPath":"./src/components/z-chip/index.stories.ts","tags":["dev","test","autodocs"]},"zchip--different-font-weight":{"type":"story","id":"zchip--different-font-weight","name":"Different Font Weight","title":"ZChip","importPath":"./src/components/z-chip/index.stories.ts","tags":["dev","test","autodocs"]},"zchip--interactive-icon":{"type":"story","id":"zchip--interactive-icon","name":"Interactive Icon","title":"ZChip","importPath":"./src/components/z-chip/index.stories.ts","tags":["dev","test","autodocs"]},"zcombobox--docs":{"id":"zcombobox--docs","title":"ZCombobox","name":"Docs","importPath":"./src/components/z-combobox/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcombobox--default":{"type":"story","id":"zcombobox--default","name":"Default","title":"ZCombobox","importPath":"./src/components/z-combobox/index.stories.ts","tags":["dev","test","autodocs"]},"zcombobox--groups":{"type":"story","id":"zcombobox--groups","name":"Groups","title":"ZCombobox","importPath":"./src/components/z-combobox/index.stories.ts","tags":["dev","test","autodocs"]},"zcombobox--disabled":{"type":"story","id":"zcombobox--disabled","name":"Disabled","title":"ZCombobox","importPath":"./src/components/z-combobox/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--docs":{"id":"zcoverhero--docs","title":"ZCoverHero","name":"Docs","importPath":"./src/components/z-cover-hero/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zcoverhero--default":{"type":"story","id":"zcoverhero--default","name":"Default","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--custom-aspect-ratio":{"type":"story","id":"zcoverhero--custom-aspect-ratio","name":"Custom Aspect Ratio","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--auto-aspect-ratio":{"type":"story","id":"zcoverhero--auto-aspect-ratio","name":"Auto Aspect Ratio","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--without-preserving-aspect-ratio":{"type":"story","id":"zcoverhero--without-preserving-aspect-ratio","name":"Without Preserving Aspect Ratio","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zcoverhero--stacked-variant":{"type":"story","id":"zcoverhero--stacked-variant","name":"Stacked Variant","title":"ZCoverHero","importPath":"./src/components/z-cover-hero/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--docs":{"id":"zdatepicker--docs","title":"ZDatePicker","name":"Docs","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zdatepicker--date":{"type":"story","id":"zdatepicker--date","name":"Date","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--date-and-time":{"type":"story","id":"zdatepicker--date-and-time","name":"Date And Time","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--months-only":{"type":"story","id":"zdatepicker--months-only","name":"Months Only","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdatepicker--custom-toggle":{"type":"story","id":"zdatepicker--custom-toggle","name":"Custom Toggle","title":"ZDatePicker","importPath":"./src/components/date-picker/z-date-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zdivider--docs":{"id":"zdivider--docs","title":"ZDivider","name":"Docs","importPath":"./src/components/z-divider/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zdivider--default":{"type":"story","id":"zdivider--default","name":"ZDivider","title":"ZDivider","importPath":"./src/components/z-divider/index.stories.ts","tags":["dev","test","autodocs"]},"zfab--default":{"type":"story","id":"zfab--default","name":"Default","title":"ZFab","importPath":"./src/components/css-components/z-fab/index.stories.ts","tags":["dev","test"]},"zfab--multiple":{"type":"story","id":"zfab--multiple","name":"Multiple","title":"ZFab","importPath":"./src/components/css-components/z-fab/index.stories.ts","tags":["dev","test"]},"zfile--docs":{"id":"zfile--docs","title":"ZFile","name":"Docs","importPath":"./src/components/file-upload/z-file/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zfile--default":{"type":"story","id":"zfile--default","name":"Default","title":"ZFile","importPath":"./src/components/file-upload/z-file/index.stories.ts","tags":["dev","test","autodocs"]},"zfileupload--docs":{"id":"zfileupload--docs","title":"ZFileUpload","name":"Docs","importPath":"./src/components/file-upload/z-file-upload/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zfileupload--default":{"type":"story","id":"zfileupload--default","name":"Default","title":"ZFileUpload","importPath":"./src/components/file-upload/z-file-upload/index.stories.ts","tags":["dev","test","autodocs"]},"zfileupload--dragdrop":{"type":"story","id":"zfileupload--dragdrop","name":"Dragdrop","title":"ZFileUpload","importPath":"./src/components/file-upload/z-file-upload/index.stories.ts","tags":["dev","test","autodocs"]},"zghostloading--docs":{"id":"zghostloading--docs","title":"ZGhostLoading","name":"Docs","importPath":"./src/components/z-ghost-loading/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zghostloading--z-ghost-loading":{"type":"story","id":"zghostloading--z-ghost-loading","name":"Z Ghost Loading","title":"ZGhostLoading","importPath":"./src/components/z-ghost-loading/index.stories.ts","tags":["dev","test","autodocs"]},"zicon--docs":{"id":"zicon--docs","title":"ZIcon","name":"Docs","importPath":"./src/components/z-icon/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zicon--default":{"type":"story","id":"zicon--default","name":"Default","title":"ZIcon","importPath":"./src/components/z-icon/index.stories.ts","tags":["dev","test","autodocs"]},"zinfobox--docs":{"id":"zinfobox--docs","title":"ZInfoBox","name":"Docs","importPath":"./src/components/z-info-box/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinfobox--default":{"type":"story","id":"zinfobox--default","name":"Default","title":"ZInfoBox","importPath":"./src/components/z-info-box/index.stories.ts","tags":["dev","test","autodocs"]},"zinforeveal--docs":{"id":"zinforeveal--docs","title":"ZInfoReveal","name":"Docs","importPath":"./src/components/z-info-reveal/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinforeveal--default":{"type":"story","id":"zinforeveal--default","name":"Default","title":"ZInfoReveal","importPath":"./src/components/z-info-reveal/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--docs":{"id":"zinput--docs","title":"ZInput","name":"Docs","importPath":"./src/components/z-input/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinput--all-props":{"type":"story","id":"zinput--all-props","name":"All Props","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-text":{"type":"story","id":"zinput--z-input-text","name":"Z Input Text","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-textarea":{"type":"story","id":"zinput--z-input-textarea","name":"Z Input Textarea","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-checkbox":{"type":"story","id":"zinput--z-input-checkbox","name":"Z Input Checkbox","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-radio":{"type":"story","id":"zinput--z-input-radio","name":"Z Input Radio","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinput--z-input-number":{"type":"story","id":"zinput--z-input-number","name":"Z Input Number","title":"ZInput","importPath":"./src/components/z-input/index.stories.ts","tags":["dev","test","autodocs"]},"zinputmessage--docs":{"id":"zinputmessage--docs","title":"ZInputMessage","name":"Docs","importPath":"./src/components/z-input-message/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zinputmessage--default":{"type":"story","id":"zinputmessage--default","name":"Default","title":"ZInputMessage","importPath":"./src/components/z-input-message/index.stories.ts","tags":["dev","test","autodocs"]},"zlink--docs":{"id":"zlink--docs","title":"ZLink","name":"Docs","importPath":"./src/components/css-components/z-link/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlink--z-link":{"type":"story","id":"zlink--z-link","name":"Z Link","title":"ZLink","importPath":"./src/components/css-components/z-link/index.stories.ts","tags":["dev","test","autodocs"]},"zlink--z-link-button":{"type":"story","id":"zlink--z-link-button","name":"Z Link Button","title":"ZLink","importPath":"./src/components/css-components/z-link/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--docs":{"id":"zlist-zlist--docs","title":"ZList/ZList","name":"Docs","importPath":"./src/components/list/z-list/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlist-zlist--default":{"type":"story","id":"zlist-zlist--default","name":"Default","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--header-divider":{"type":"story","id":"zlist-zlist--header-divider","name":"Header Divider","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--element-divider":{"type":"story","id":"zlist-zlist--element-divider","name":"Element Divider","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--clickable-elements":{"type":"story","id":"zlist-zlist--clickable-elements","name":"Clickable Elements","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--expandable-elements":{"type":"story","id":"zlist-zlist--expandable-elements","name":"Expandable Elements","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--unordered-index":{"type":"story","id":"zlist-zlist--unordered-index","name":"Unordered Index","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlist--ordered-index":{"type":"story","id":"zlist-zlist--ordered-index","name":"Ordered Index","title":"ZList/ZList","importPath":"./src/components/list/z-list/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlistelement--docs":{"id":"zlist-zlistelement--docs","title":"ZList/ZListElement","name":"Docs","importPath":"./src/components/list/z-list-element/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlist-zlistelement--default":{"type":"story","id":"zlist-zlistelement--default","name":"Default","title":"ZList/ZListElement","importPath":"./src/components/list/z-list-element/index.stories.ts","tags":["dev","test","autodocs"]},"zlist-zlistgroup--docs":{"id":"zlist-zlistgroup--docs","title":"ZList/ZListGroup","name":"Docs","importPath":"./src/components/list/z-list-group/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlist-zlistgroup--default":{"type":"story","id":"zlist-zlistgroup--default","name":"Default","title":"ZList/ZListGroup","importPath":"./src/components/list/z-list-group/index.stories.ts","tags":["dev","test","autodocs"]},"zlogo--docs":{"id":"zlogo--docs","title":"ZLogo","name":"Docs","importPath":"./src/components/z-logo/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zlogo--default":{"type":"story","id":"zlogo--default","name":"Default","title":"ZLogo","importPath":"./src/components/z-logo/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu--docs":{"id":"zmenu--docs","title":"ZMenu","name":"Docs","importPath":"./src/components/z-menu/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zmenu--floating-content-layout":{"type":"story","id":"zmenu--floating-content-layout","name":"Floating Content Layout","title":"ZMenu","importPath":"./src/components/z-menu/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu--with-header":{"type":"story","id":"zmenu--with-header","name":"With Header","title":"ZMenu","importPath":"./src/components/z-menu/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu--active-without-items":{"type":"story","id":"zmenu--active-without-items","name":"Active Without Items","title":"ZMenu","importPath":"./src/components/z-menu/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu-zmenusection--docs":{"id":"zmenu-zmenusection--docs","title":"ZMenu/ZMenuSection","name":"Docs","importPath":"./src/components/z-menu-section/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zmenu-zmenusection--with-items":{"type":"story","id":"zmenu-zmenusection--with-items","name":"With Items","title":"ZMenu/ZMenuSection","importPath":"./src/components/z-menu-section/index.stories.ts","tags":["dev","test","autodocs"]},"zmenu-zmenusection--without-items":{"type":"story","id":"zmenu-zmenusection--without-items","name":"Without Items","title":"ZMenu/ZMenuSection","importPath":"./src/components/z-menu-section/index.stories.ts","tags":["dev","test","autodocs"]},"zmodal--docs":{"id":"zmodal--docs","title":"ZModal","name":"Docs","importPath":"./src/components/z-modal/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zmodal--short-text":{"type":"story","id":"zmodal--short-text","name":"Short Text","title":"ZModal","importPath":"./src/components/z-modal/index.stories.ts","tags":["dev","test","autodocs"]},"zmodal--long-text":{"type":"story","id":"zmodal--long-text","name":"Long Text","title":"ZModal","importPath":"./src/components/z-modal/index.stories.ts","tags":["dev","test","autodocs"]},"zmodal--slotted-close-button":{"type":"story","id":"zmodal--slotted-close-button","name":"Slotted Close Button","title":"ZModal","importPath":"./src/components/z-modal/index.stories.ts","tags":["dev","test","autodocs"]},"znavigationtabs--docs":{"id":"znavigationtabs--docs","title":"ZNavigationTabs","name":"Docs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"znavigationtabs--horizontal":{"type":"story","id":"znavigationtabs--horizontal","name":"Horizontal","title":"ZNavigationTabs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","tags":["dev","test","autodocs"]},"znavigationtabs--vertical":{"type":"story","id":"znavigationtabs--vertical","name":"Vertical","title":"ZNavigationTabs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","tags":["dev","test","autodocs"]},"znavigationtabs--tabpanels":{"type":"story","id":"znavigationtabs--tabpanels","name":"Tabpanels","title":"ZNavigationTabs","importPath":"./src/components/z-navigation-tabs/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--docs":{"id":"znotification--docs","title":"ZNotification","name":"Docs","importPath":"./src/components/z-notification/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"znotification--default":{"type":"story","id":"znotification--default","name":"Default","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--long-text":{"type":"story","id":"znotification--long-text","name":"Long Text","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--banner-variant":{"type":"story","id":"znotification--banner-variant","name":"Banner Variant","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"znotification--inline-variant":{"type":"story","id":"znotification--inline-variant","name":"Inline Variant","title":"ZNotification","importPath":"./src/components/z-notification/index.stories.ts","tags":["dev","test","autodocs"]},"zoffcanvas--docs":{"id":"zoffcanvas--docs","title":"ZOffcanvas","name":"Docs","importPath":"./src/components/z-offcanvas/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zoffcanvas--enter-right":{"type":"story","id":"zoffcanvas--enter-right","name":"Enter Right","title":"ZOffcanvas","importPath":"./src/components/z-offcanvas/index.stories.ts","tags":["dev","test","autodocs"]},"zoffcanvas--enter-left":{"type":"story","id":"zoffcanvas--enter-left","name":"Enter Left","title":"ZOffcanvas","importPath":"./src/components/z-offcanvas/index.stories.ts","tags":["dev","test","autodocs"]},"zoffcanvas--skip-load-animation":{"type":"story","id":"zoffcanvas--skip-load-animation","name":"Skip Load Animation","title":"ZOffcanvas","importPath":"./src/components/z-offcanvas/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--docs":{"id":"zpagination--docs","title":"ZPagination","name":"Docs","importPath":"./src/components/z-pagination/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zpagination--visible-pages":{"type":"story","id":"zpagination--visible-pages","name":"Visible Pages","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--split":{"type":"story","id":"zpagination--split","name":"Split","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--edges":{"type":"story","id":"zpagination--edges","name":"Edges","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpagination--skip":{"type":"story","id":"zpagination--skip","name":"Skip","title":"ZPagination","importPath":"./src/components/z-pagination/index.stories.ts","tags":["dev","test","autodocs"]},"zpanelelem--docs":{"id":"zpanelelem--docs","title":"ZPanelElem","name":"Docs","importPath":"./src/components/z-panel-elem/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zpanelelem--default":{"type":"story","id":"zpanelelem--default","name":"Default","title":"ZPanelElem","importPath":"./src/components/z-panel-elem/index.stories.ts","tags":["dev","test","autodocs"]},"zpopover--docs":{"id":"zpopover--docs","title":"ZPopover","name":"Docs","importPath":"./src/components/z-popover/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zpopover--contextual-menu-like":{"type":"story","id":"zpopover--contextual-menu-like","name":"Contextual Menu Like","title":"ZPopover","importPath":"./src/components/z-popover/index.stories.ts","tags":["dev","test","autodocs"]},"zpopover--tooltip-like":{"type":"story","id":"zpopover--tooltip-like","name":"Tooltip Like","title":"ZPopover","importPath":"./src/components/z-popover/index.stories.ts","tags":["dev","test","autodocs"]},"zrangepicker--docs":{"id":"zrangepicker--docs","title":"ZRangePicker","name":"Docs","importPath":"./src/components/date-picker/z-range-picker/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zrangepicker--date":{"type":"story","id":"zrangepicker--date","name":"Date","title":"ZRangePicker","importPath":"./src/components/date-picker/z-range-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zrangepicker--date-and-time":{"type":"story","id":"zrangepicker--date-and-time","name":"Date And Time","title":"ZRangePicker","importPath":"./src/components/date-picker/z-range-picker/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--docs":{"id":"zsearchbar--docs","title":"ZSearchbar","name":"Docs","importPath":"./src/components/z-searchbar/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zsearchbar--default":{"type":"story","id":"zsearchbar--default","name":"Default","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--simple-search":{"type":"story","id":"zsearchbar--simple-search","name":"Simple Search","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--autocomplete":{"type":"story","id":"zsearchbar--autocomplete","name":"Autocomplete","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsearchbar--autocomplete-with-complex-items":{"type":"story","id":"zsearchbar--autocomplete-with-complex-items","name":"Autocomplete With Complex Items","title":"ZSearchbar","importPath":"./src/components/z-searchbar/index.stories.ts","tags":["dev","test","autodocs"]},"zsectiontitle--docs":{"id":"zsectiontitle--docs","title":"ZSectionTitle","name":"Docs","importPath":"./src/components/z-section-title/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zsectiontitle--primary-title-only":{"type":"story","id":"zsectiontitle--primary-title-only","name":"Primary Title Only","title":"ZSectionTitle","importPath":"./src/components/z-section-title/index.stories.ts","tags":["dev","test","autodocs"]},"zsectiontitle--secondary-title":{"type":"story","id":"zsectiontitle--secondary-title","name":"Secondary Title","title":"ZSectionTitle","importPath":"./src/components/z-section-title/index.stories.ts","tags":["dev","test","autodocs"]},"zselect--docs":{"id":"zselect--docs","title":"ZSelect","name":"Docs","importPath":"./src/components/z-select/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zselect--default":{"type":"story","id":"zselect--default","name":"Default","title":"ZSelect","importPath":"./src/components/z-select/index.stories.ts","tags":["dev","test","autodocs"]},"zselect--groups":{"type":"story","id":"zselect--groups","name":"Groups","title":"ZSelect","importPath":"./src/components/z-select/index.stories.ts","tags":["dev","test","autodocs"]},"zselect--z-select-with-icons":{"type":"story","id":"zselect--z-select-with-icons","name":"Z Select With Icons","title":"ZSelect","importPath":"./src/components/z-select/index.stories.ts","tags":["dev","test","autodocs"]},"zskiptocontent--docs":{"id":"zskiptocontent--docs","title":"ZSkipToContent","name":"Docs","importPath":"./src/components/z-skip-to-content/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zskiptocontent--default":{"type":"story","id":"zskiptocontent--default","name":"Default","title":"ZSkipToContent","importPath":"./src/components/z-skip-to-content/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepper--docs":{"id":"zstepper-zstepper--docs","title":"ZStepper/ZStepper","name":"Docs","importPath":"./src/components/z-stepper/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zstepper-zstepper--default":{"type":"story","id":"zstepper-zstepper--default","name":"Default","title":"ZStepper/ZStepper","importPath":"./src/components/z-stepper/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepper--completed":{"type":"story","id":"zstepper-zstepper--completed","name":"Completed","title":"ZStepper/ZStepper","importPath":"./src/components/z-stepper/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepper--completed-disabled":{"type":"story","id":"zstepper-zstepper--completed-disabled","name":"Completed Disabled","title":"ZStepper/ZStepper","importPath":"./src/components/z-stepper/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepper--checked":{"type":"story","id":"zstepper-zstepper--checked","name":"Checked","title":"ZStepper/ZStepper","importPath":"./src/components/z-stepper/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--docs":{"id":"zstepper-zstepperitem--docs","title":"ZStepper/ZStepperItem","name":"Docs","importPath":"./src/components/z-stepper-item/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zstepper-zstepperitem--default":{"type":"story","id":"zstepper-zstepperitem--default","name":"Default","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--pressed":{"type":"story","id":"zstepper-zstepperitem--pressed","name":"Pressed","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--disabled":{"type":"story","id":"zstepper-zstepperitem--disabled","name":"Disabled","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"zstepper-zstepperitem--checked":{"type":"story","id":"zstepper-zstepperitem--checked","name":"Checked","title":"ZStepper/ZStepperItem","importPath":"./src/components/z-stepper-item/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--docs":{"id":"ztable--docs","title":"ZTable","name":"Docs","importPath":"./src/components/table/z-table/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztable--default":{"type":"story","id":"ztable--default","name":"Default","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--expandable-rows":{"type":"story","id":"ztable--expandable-rows","name":"Expandable Rows","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--sticky":{"type":"story","id":"ztable--sticky","name":"Sticky","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--cells-with-contextual-menu":{"type":"story","id":"ztable--cells-with-contextual-menu","name":"Cells With Contextual Menu","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztable--sort-action":{"type":"story","id":"ztable--sort-action","name":"Sort Action","title":"ZTable","importPath":"./src/components/table/z-table/index.stories.ts","tags":["dev","test","autodocs"]},"ztag--docs":{"id":"ztag--docs","title":"ZTag","name":"Docs","importPath":"./src/components/z-tag/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztag--default":{"type":"story","id":"ztag--default","name":"Default","title":"ZTag","importPath":"./src/components/z-tag/index.stories.ts","tags":["dev","test","autodocs"]},"ztag--color-tokens":{"type":"story","id":"ztag--color-tokens","name":"Color Tokens","title":"ZTag","importPath":"./src/components/z-tag/index.stories.ts","tags":["dev","test","autodocs"]},"ztag--long-text":{"type":"story","id":"ztag--long-text","name":"Long Text","title":"ZTag","importPath":"./src/components/z-tag/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--docs":{"id":"ztoastnotification--docs","title":"ZToastNotification","name":"Docs","importPath":"./src/components/z-toast-notification/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztoastnotification--slide-in-right":{"type":"story","id":"ztoastnotification--slide-in-right","name":"Slide In Right","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slide-in-left":{"type":"story","id":"ztoastnotification--slide-in-left","name":"Slide In Left","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slide-in-down":{"type":"story","id":"ztoastnotification--slide-in-down","name":"Slide In Down","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slide-in-up":{"type":"story","id":"ztoastnotification--slide-in-up","name":"Slide In Up","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotification--slotted-button":{"type":"story","id":"ztoastnotification--slotted-button","name":"Slotted Button","title":"ZToastNotification","importPath":"./src/components/z-toast-notification/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--docs":{"id":"ztoastnotificationlist--docs","title":"ZToastNotificationList","name":"Docs","importPath":"./src/components/z-toast-notification-list/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztoastnotificationlist--top-left-slide-in-down":{"type":"story","id":"ztoastnotificationlist--top-left-slide-in-down","name":"Top Left Slide In Down","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-left-slide-in-right":{"type":"story","id":"ztoastnotificationlist--top-left-slide-in-right","name":"Top Left Slide In Right","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-centre":{"type":"story","id":"ztoastnotificationlist--top-centre","name":"Top Centre","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-right-slide-in-down":{"type":"story","id":"ztoastnotificationlist--top-right-slide-in-down","name":"Top Right Slide In Down","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--top-right-slide-in-left":{"type":"story","id":"ztoastnotificationlist--top-right-slide-in-left","name":"Top Right Slide In Left","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-right-slide-in-up":{"type":"story","id":"ztoastnotificationlist--bottom-right-slide-in-up","name":"Bottom Right Slide In Up","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-right-slide-in-left":{"type":"story","id":"ztoastnotificationlist--bottom-right-slide-in-left","name":"Bottom Right Slide In Left","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-centre":{"type":"story","id":"ztoastnotificationlist--bottom-centre","name":"Bottom Centre","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-centre-slide-in-up":{"type":"story","id":"ztoastnotificationlist--bottom-centre-slide-in-up","name":"Bottom Centre Slide In Up","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztoastnotificationlist--bottom-left-slide-in-right":{"type":"story","id":"ztoastnotificationlist--bottom-left-slide-in-right","name":"Bottom Left Slide In Right","title":"ZToastNotificationList","importPath":"./src/components/z-toast-notification-list/index.stories.ts","tags":["dev","test","autodocs"]},"ztogglebutton--docs":{"id":"ztogglebutton--docs","title":"ZToggleButton","name":"Docs","importPath":"./src/components/z-toggle-button/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztogglebutton--default":{"type":"story","id":"ztogglebutton--default","name":"Default","title":"ZToggleButton","importPath":"./src/components/z-toggle-button/index.stories.ts","tags":["dev","test","autodocs"]},"ztoggleswitch--docs":{"id":"ztoggleswitch--docs","title":"ZToggleSwitch","name":"Docs","importPath":"./src/components/z-toggle-switch/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztoggleswitch--default":{"type":"story","id":"ztoggleswitch--default","name":"Default","title":"ZToggleSwitch","importPath":"./src/components/z-toggle-switch/index.stories.ts","tags":["dev","test","autodocs"]},"ztooltip--docs":{"id":"ztooltip--docs","title":"ZTooltip","name":"Docs","importPath":"./src/components/z-tooltip/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"ztooltip--default":{"type":"story","id":"ztooltip--default","name":"Default","title":"ZTooltip","importPath":"./src/components/z-tooltip/index.stories.ts","tags":["dev","test","autodocs"]},"ztooltip--autoclose-off":{"type":"story","id":"ztooltip--autoclose-off","name":"Autoclose Off","title":"ZTooltip","importPath":"./src/components/z-tooltip/index.stories.ts","tags":["dev","test","autodocs"]},"zvisuallyhidden--docs":{"id":"zvisuallyhidden--docs","title":"ZVisuallyHidden","name":"Docs","importPath":"./src/components/z-visually-hidden/index.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"zvisuallyhidden--default":{"type":"story","id":"zvisuallyhidden--default","name":"Default","title":"ZVisuallyHidden","importPath":"./src/components/z-visually-hidden/index.stories.ts","tags":["dev","test","autodocs"]},"snowflakes-list-zmyzlist--docs":{"id":"snowflakes-list-zmyzlist--docs","title":"Snowflakes/List/ZMyzList","name":"Docs","importPath":"./src/snowflakes/myz/list/z-myz-list/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-list-zmyzlist--z-myz-list":{"type":"story","id":"snowflakes-list-zmyzlist--z-myz-list","name":"Z Myz List","title":"Snowflakes/List/ZMyzList","importPath":"./src/snowflakes/myz/list/z-myz-list/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-list-zmyzlistitem--docs":{"id":"snowflakes-list-zmyzlistitem--docs","title":"Snowflakes/List/ZMyzListItem","name":"Docs","importPath":"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-list-zmyzlistitem--z-myz-list-item":{"type":"story","id":"snowflakes-list-zmyzlistitem--z-myz-list-item","name":"Z Myz List Item","title":"Snowflakes/List/ZMyzListItem","importPath":"./src/snowflakes/myz/list/z-myz-list-item/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcard--docs":{"id":"snowflakes-myzcard-zmyzcard--docs","title":"Snowflakes/MyzCard/ZMyzCard","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcard--z-myz-card":{"type":"story","id":"snowflakes-myzcard-zmyzcard--z-myz-card","name":"Z Myz Card","title":"Snowflakes/MyzCard/ZMyzCard","importPath":"./src/snowflakes/myz/card/z-myz-card/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardalert--docs":{"id":"snowflakes-myzcard-zmyzcardalert--docs","title":"Snowflakes/MyzCard/ZMyzCardAlert","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardalert--z-myz-card-alert":{"type":"story","id":"snowflakes-myzcard-zmyzcardalert--z-myz-card-alert","name":"Z Myz Card Alert","title":"Snowflakes/MyzCard/ZMyzCardAlert","importPath":"./src/snowflakes/myz/card/z-myz-card-alert/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardcover--docs":{"id":"snowflakes-myzcard-zmyzcardcover--docs","title":"Snowflakes/MyzCard/ZMyzCardCover","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardcover--z-myz-card-cover":{"type":"story","id":"snowflakes-myzcard-zmyzcardcover--z-myz-card-cover","name":"Z Myz Card Cover","title":"Snowflakes/MyzCard/ZMyzCardCover","importPath":"./src/snowflakes/myz/card/z-myz-card-cover/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcarddictionary--docs":{"id":"snowflakes-myzcard-zmyzcarddictionary--docs","title":"Snowflakes/MyzCard/ZMyzCardDictionary","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcarddictionary--card-default":{"type":"story","id":"snowflakes-myzcard-zmyzcarddictionary--card-default","name":"Card Default","title":"Snowflakes/MyzCard/ZMyzCardDictionary","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcarddictionary--card-flipped":{"type":"story","id":"snowflakes-myzcard-zmyzcarddictionary--card-flipped","name":"Card Flipped","title":"Snowflakes/MyzCard/ZMyzCardDictionary","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcarddictionary--card-no-info-button":{"type":"story","id":"snowflakes-myzcard-zmyzcarddictionary--card-no-info-button","name":"Card No Info Button","title":"Snowflakes/MyzCard/ZMyzCardDictionary","importPath":"./src/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardfooter--docs":{"id":"snowflakes-myzcard-zmyzcardfooter--docs","title":"Snowflakes/MyzCard/ZMyzCardFooter","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardfooter--z-myz-card-footer":{"type":"story","id":"snowflakes-myzcard-zmyzcardfooter--z-myz-card-footer","name":"Z Myz Card Footer","title":"Snowflakes/MyzCard/ZMyzCardFooter","importPath":"./src/snowflakes/myz/card/z-myz-card-footer/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardfootersections--docs":{"id":"snowflakes-myzcard-zmyzcardfootersections--docs","title":"Snowflakes/MyzCard/ZMyzCardFooterSections","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardfootersections--z-myz-card-footer-sections":{"type":"story","id":"snowflakes-myzcard-zmyzcardfootersections--z-myz-card-footer-sections","name":"Z Myz Card Footer Sections","title":"Snowflakes/MyzCard/ZMyzCardFooterSections","importPath":"./src/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardheader--docs":{"id":"snowflakes-myzcard-zmyzcardheader--docs","title":"Snowflakes/MyzCard/ZMyzCardHeader","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardheader--z-myz-card-header":{"type":"story","id":"snowflakes-myzcard-zmyzcardheader--z-myz-card-header","name":"Z Myz Card Header","title":"Snowflakes/MyzCard/ZMyzCardHeader","importPath":"./src/snowflakes/myz/card/z-myz-card-header/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardicon--docs":{"id":"snowflakes-myzcard-zmyzcardicon--docs","title":"Snowflakes/MyzCard/ZMyzCardIcon","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardicon--z-myz-card-icon":{"type":"story","id":"snowflakes-myzcard-zmyzcardicon--z-myz-card-icon","name":"Z Myz Card Icon","title":"Snowflakes/MyzCard/ZMyzCardIcon","importPath":"./src/snowflakes/myz/card/z-myz-card-icon/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardinfo--docs":{"id":"snowflakes-myzcard-zmyzcardinfo--docs","title":"Snowflakes/MyzCard/ZMyzCardInfo","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardinfo--z-myz-card-info":{"type":"story","id":"snowflakes-myzcard-zmyzcardinfo--z-myz-card-info","name":"Z Myz Card Info","title":"Snowflakes/MyzCard/ZMyzCardInfo","importPath":"./src/snowflakes/myz/card/z-myz-card-info/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-myzcard-zmyzcardlist--docs":{"id":"snowflakes-myzcard-zmyzcardlist--docs","title":"Snowflakes/MyzCard/ZMyzCardList","name":"Docs","importPath":"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-myzcard-zmyzcardlist--z-myz-card-list":{"type":"story","id":"snowflakes-myzcard-zmyzcardlist--z-myz-card-list","name":"Z Myz Card List","title":"Snowflakes/MyzCard/ZMyzCardList","importPath":"./src/snowflakes/myz/card/z-myz-card-list/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zmessagespocket--docs":{"id":"snowflakes-pocket-zmessagespocket--docs","title":"Snowflakes/Pocket/ZMessagesPocket","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-messages-pocket/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zmessagespocket--z-messages-pocket":{"type":"story","id":"snowflakes-pocket-zmessagespocket--z-messages-pocket","name":"Z Messages Pocket","title":"Snowflakes/Pocket/ZMessagesPocket","importPath":"./src/snowflakes/myz/pocket/z-messages-pocket/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocket--docs":{"id":"snowflakes-pocket-zpocket--docs","title":"Snowflakes/Pocket/ZPocket","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocket--base":{"type":"story","id":"snowflakes-pocket-zpocket--base","name":"Base","title":"Snowflakes/Pocket/ZPocket","importPath":"./src/snowflakes/myz/pocket/z-pocket/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocket--with-subcomponents":{"type":"story","id":"snowflakes-pocket-zpocket--with-subcomponents","name":"With Subcomponents","title":"Snowflakes/Pocket/ZPocket","importPath":"./src/snowflakes/myz/pocket/z-pocket/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketbody--docs":{"id":"snowflakes-pocket-zpocketbody--docs","title":"Snowflakes/Pocket/ZPocketBody","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket-body/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocketbody--z-pocket-body":{"type":"story","id":"snowflakes-pocket-zpocketbody--z-pocket-body","name":"Z Pocket Body","title":"Snowflakes/Pocket/ZPocketBody","importPath":"./src/snowflakes/myz/pocket/z-pocket-body/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketheader--docs":{"id":"snowflakes-pocket-zpocketheader--docs","title":"Snowflakes/Pocket/ZPocketHeader","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket-header/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocketheader--z-pocket-header":{"type":"story","id":"snowflakes-pocket-zpocketheader--z-pocket-header","name":"Z Pocket Header","title":"Snowflakes/Pocket/ZPocketHeader","importPath":"./src/snowflakes/myz/pocket/z-pocket-header/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketmessage--docs":{"id":"snowflakes-pocket-zpocketmessage--docs","title":"Snowflakes/Pocket/ZPocketMessage","name":"Docs","importPath":"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-pocket-zpocketmessage--z-pocket-message":{"type":"story","id":"snowflakes-pocket-zpocketmessage--z-pocket-message","name":"Z Pocket Message","title":"Snowflakes/Pocket/ZPocketMessage","importPath":"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-pocket-zpocketmessage--z-pocket-message-cta":{"type":"story","id":"snowflakes-pocket-zpocketmessage--z-pocket-message-cta","name":"Z Pocket Message Cta","title":"Snowflakes/Pocket/ZPocketMessage","importPath":"./src/snowflakes/myz/pocket/z-pocket-message/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-zalert--docs":{"id":"snowflakes-zalert--docs","title":"Snowflakes/ZAlert","name":"Docs","importPath":"./src/snowflakes/myz/z-alert/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-zalert--z-alert":{"type":"story","id":"snowflakes-zalert--z-alert","name":"Z Alert","title":"Snowflakes/ZAlert","importPath":"./src/snowflakes/myz/z-alert/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-zotp--docs":{"id":"snowflakes-zotp--docs","title":"Snowflakes/ZOtp","name":"Docs","importPath":"./src/snowflakes/myz/z-otp/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-zotp--z-otp":{"type":"story","id":"snowflakes-zotp--z-otp","name":"Z Otp","title":"Snowflakes/ZOtp","importPath":"./src/snowflakes/myz/z-otp/index.stories.js","tags":["dev","test","autodocs"]},"snowflakes-zslideshow--docs":{"id":"snowflakes-zslideshow--docs","title":"Snowflakes/ZSlideshow","name":"Docs","importPath":"./src/snowflakes/myz/z-slideshow/index.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"snowflakes-zslideshow--z-slideshow":{"type":"story","id":"snowflakes-zslideshow--z-slideshow","name":"Z Slideshow","title":"Snowflakes/ZSlideshow","importPath":"./src/snowflakes/myz/z-slideshow/index.stories.js","tags":["dev","test","autodocs"]}}} diff --git a/project.json b/project.json index 63586979a..3de0e3e74 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1720600390729,"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","storybookVersion":"8.1.10","storybookVersionSpecifier":"^8.1.9","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.1.10"},"@storybook/web-components":{"version":"8.1.10"},"@storybook/web-components-vite":{"version":"8.1.10"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.1.10"}},"addons":{"@storybook/addon-docs":{"version":"8.1.10"},"@storybook/addon-viewport":{"version":"8.1.10"},"storybook-addon-stencil":{"version":"0.2.1"}}} +{"generatedAt":1721287824817,"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","storybookVersion":"8.1.10","storybookVersionSpecifier":"^8.1.9","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.1.10"},"@storybook/web-components":{"version":"8.1.10"},"@storybook/web-components-vite":{"version":"8.1.10"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.1.10"}},"addons":{"@storybook/addon-docs":{"version":"8.1.10"},"@storybook/addon-viewport":{"version":"8.1.10"},"storybook-addon-stencil":{"version":"0.2.1"}}} diff --git a/types/components/z-stepper-item/index.stories.d.ts b/types/components/z-stepper-item/index.stories.d.ts index 678b91f2c..5eae66f71 100644 --- a/types/components/z-stepper-item/index.stories.d.ts +++ b/types/components/z-stepper-item/index.stories.d.ts @@ -2,20 +2,33 @@ import "./index"; declare const _default: { title: string; component: string; + args: { + pressed: false; + disabled: false; + checked: false; + index: number; + text: string; + }; }; export default _default; -export declare const WithIndex: { - render: () => import("lit-html").TemplateResult<1>; +export declare const Default: { + render: (args: any) => import("lit-html").TemplateResult<1>; }; -export declare const WithText: { - render: () => import("lit-html").TemplateResult<1>; +export declare const Pressed: { + args: { + pressed: boolean; + }; + render: (args: any) => import("lit-html").TemplateResult<1>; }; export declare const Disabled: { - render: () => import("lit-html").TemplateResult<1>; -}; -export declare const Pressed: { - render: () => import("lit-html").TemplateResult<1>; + args: { + disabled: boolean; + }; + render: (args: any) => import("lit-html").TemplateResult<1>; }; export declare const Checked: { - render: () => import("lit-html").TemplateResult<1>; + args: { + checked: boolean; + }; + render: (args: any) => import("lit-html").TemplateResult<1>; }; diff --git a/types/components/z-stepper/index.d.ts b/types/components/z-stepper/index.d.ts index 983b62ffa..1934f4710 100644 --- a/types/components/z-stepper/index.d.ts +++ b/types/components/z-stepper/index.d.ts @@ -1,5 +1,5 @@ /** - * @slot - slot for `z-stepper-item`s + * @slot - slot for `z-stepper-item` */ export declare class ZStepper { render(): HTMLSlotElement; diff --git a/types/components/z-stepper/index.stories.d.ts b/types/components/z-stepper/index.stories.d.ts index fa89d8119..47cce12c5 100644 --- a/types/components/z-stepper/index.stories.d.ts +++ b/types/components/z-stepper/index.stories.d.ts @@ -14,3 +14,9 @@ export declare const Default: { export declare const Completed: { render: () => import("lit-html").TemplateResult<1>; }; +export declare const CompletedDisabled: { + render: () => import("lit-html").TemplateResult<1>; +}; +export declare const Checked: { + render: () => import("lit-html").TemplateResult<1>; +}; diff --git a/types/components/z-tag/index.stories.d.ts b/types/components/z-tag/index.stories.d.ts index adc22cbea..a5cc8536b 100644 --- a/types/components/z-tag/index.stories.d.ts +++ b/types/components/z-tag/index.stories.d.ts @@ -16,8 +16,6 @@ declare const StoryMeta: { text: string; expandable: false; icon: string; - "--z-tag-text-color": any; - "--z-tag-bg": any; }; }; export default StoryMeta; @@ -25,11 +23,17 @@ export declare const Default: { render: (args: any) => import("lit-html").TemplateResult<1>; }; export declare const ColorTokens: { + args: { + "--z-tag-text-color": any; + "--z-tag-bg": any; + }; render: (args: any) => import("lit-html").TemplateResult<1>; }; export declare const LongText: { args: { text: string; + "--z-tag-text-color": any; + "--z-tag-bg": any; }; render: (args: any) => import("lit-html").TemplateResult<1>; }; diff --git a/web-components-library/p-05827ca5.entry.js b/web-components-library/p-05827ca5.entry.js new file mode 100644 index 000000000..6ff0cc637 --- /dev/null +++ b/web-components-library/p-05827ca5.entry.js @@ -0,0 +1,2 @@ +import{r as e,h as a,a as o}from"./p-cc3c02fe.js";const i=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";const t=i;const s=class{constructor(a){e(this,a)}render(){return a(o,{key:"80b89caa35e9adb82ad413783b16eae491a26f48",role:"list"},a("slot",{key:"140e35a55637873b1eee70d5a7a8c2b03af3eed7"}))}};s.style=t;export{s as z_stepper}; +//# sourceMappingURL=p-05827ca5.entry.js.map \ No newline at end of file diff --git a/web-components-library/p-8f28871c.entry.js.map b/web-components-library/p-05827ca5.entry.js.map similarity index 62% rename from web-components-library/p-8f28871c.entry.js.map rename to web-components-library/p-05827ca5.entry.js.map index 42e40589f..09e7416e6 100644 --- a/web-components-library/p-8f28871c.entry.js.map +++ b/web-components-library/p-05827ca5.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`s\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n \n \n \n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6WAClB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,yBACnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]} \ No newline at end of file +{"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n \n \n \n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6WAClB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,yBACnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]} \ No newline at end of file diff --git a/web-components-library/p-2c56a9b1.system.entry.js b/web-components-library/p-1f82d58b.system.entry.js similarity index 66% rename from web-components-library/p-2c56a9b1.system.entry.js rename to web-components-library/p-1f82d58b.system.entry.js index 7b5cd02e5..75e1696c5 100644 --- a/web-components-library/p-2c56a9b1.system.entry.js +++ b/web-components-library/p-1f82d58b.system.entry.js @@ -1,2 +1,2 @@ -var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function a(t){try{l(o.next(t))}catch(t){r(t)}}function s(t){try{l(o["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(a,s)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1].dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text-inverse)}:host>.dragdrop.dragover .dragover-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";var s=a;var l=t("z_dragdrop_area",function(){function t(t){e(this,t);this.fileDropped=i(this,"fileDropped",7);this.dragAndDropLabel=undefined}t.prototype.fileDroppedHandler=function(t){this.fileDropped.emit(t)};t.prototype.renderOnDragOverMessage=function(){return o("div",{class:"dragover-container"},o("div",{class:"dragover-message"},o("span",{class:"body-2-sb"},this.dragAndDropLabel)))};t.prototype.render=function(){var t=this;return o("div",{key:"41334ac77bca3fb0d30518480b702c815d95b125",tabIndex:0,ref:function(e){return t.dragDropContainer=e},class:"dragdrop",onDragOver:function(e){e.preventDefault();t.dragDropContainer.classList.add("dragover")},onDragLeave:function(){t.dragDropContainer.classList.remove("dragover")},onDrop:function(e){e.preventDefault();if(e.dataTransfer.files.length){t.dragDropContainer.classList.remove("dragover");t.fileDroppedHandler(e.dataTransfer.files)}}},this.renderOnDragOverMessage(),o("slot",{key:"83344ee14fcec799690b644fe0a56cc86e1b4476"}))};return t}());l.style=s;var d=window.CustomEvent;if(!d||typeof d==="object"){d=function t(e,i){i=i||{};var o=document.createEvent("CustomEvent");o.initCustomEvent(e,!!i.bubbles,!!i.cancelable,i.detail||null);return o};d.prototype=window.Event.prototype}function c(t,e){var i="on"+e.type.toLowerCase();if(typeof t[i]==="function"){t[i](e)}return t.dispatchEvent(e)}function u(t){while(t&&t!==document.body){var e=window.getComputedStyle(t);var i=function(t,i){return!(e[t]===undefined||e[t]===i)};if(e.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||e["isolation"]==="isolate"||e.position==="fixed"||e.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function h(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function f(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function m(t,e){for(var i=0;i=0){t=this.dialog_}if(!t){t=b(this.dialog_)}f(document.activeElement);t&&t.focus()},updateZIndex:function(t,e){if(t, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new y(t)};x.registerDialog=function(t){if(!t.showModal){x.forceRegisterDialog(t)}};x.DialogManager=function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div");this.overlay.className="_dialog_overlay";this.overlay.addEventListener("click",function(e){this.forwardTab_=undefined;e.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(e){var i=[];e.forEach((function(t){for(var e=0,o;o=t.removedNodes[e];++e){if(!(o instanceof Element)){continue}else if(o.localName==="dialog"){i.push(o)}i=i.concat(o.querySelectorAll("dialog"))}}));i.length&&t(i)}))}};x.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};x.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};x.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var e=0,i;i=this.pendingDialogStack[e];++e){i.updateZIndex(--t,--t);if(e===0){this.overlay.style.zIndex=--t}}var o=this.pendingDialogStack[0];if(o){var n=o.dialog.parentNode||document.body;n.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};x.DialogManager.prototype.containedByTopDialog_=function(t){while(t=h(t)){for(var e=0,i;i=this.pendingDialogStack[e];++e){if(i.dialog===t){return e===0}}t=t.parentElement}return false};x.DialogManager.prototype.handleFocus_=function(t){var e=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(e)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();f(e);if(this.forwardTab_===undefined){return}var i=this.pendingDialogStack[0];var o=i.dialog;var n=o.compareDocumentPosition(e);if(n&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){i.focus_()}else if(e!==document.documentElement){document.documentElement.focus()}}return false};x.DialogManager.prototype.handleKey_=function(t){this.forwardTab_=undefined;if(t.keyCode===27){t.preventDefault();t.stopPropagation();var e=new d("cancel",{bubbles:false,cancelable:true});var i=this.pendingDialogStack[0];if(i&&c(i.dialog,e)){i.dialog.close()}}else if(t.keyCode===9){this.forwardTab_=!t.shiftKey}};x.DialogManager.prototype.checkDOM_=function(t){var e=this.pendingDialogStack.slice();e.forEach((function(e){if(t.indexOf(e.dialog)!==-1){e.downgradeModal()}else{e.maybeHideModal()}}))};x.DialogManager.prototype.pushDialog=function(t){var e=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=e){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};x.DialogManager.prototype.removeDialog=function(t){var e=this.pendingDialogStack.indexOf(t);if(e===-1){return}this.pendingDialogStack.splice(e,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};x.dm=new x.DialogManager;x.formSubmitter=null;x.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var k=document.createElement("form");k.setAttribute("method","dialog");if(k.method!=="dialog"){var _=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(_){var M=_.get;_.get=function(){if(v(this)){return"dialog"}return M.call(this)};var z=_.set;_.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return z.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",_)}}document.addEventListener("click",(function(t){x.formSubmitter=null;x.imagemapUseValue=null;if(t.defaultPrevented){return}var e=t.target;if("composedPath"in t){var i=t.composedPath();e=i.shift()||e}if(!e||!v(e.form)){return}var o=e.type==="submit"&&["button","input"].indexOf(e.localName)>-1;if(!o){if(!(e.localName==="input"&&e.type==="image")){return}x.imagemapUseValue=t.offsetX+","+t.offsetY}var n=h(e);if(!n){return}x.formSubmitter=e}),false);document.addEventListener("submit",(function(t){var e=t.target;var i=h(e);if(i){return}var o=g(t);var n=o&&o.getAttribute("formmethod")||e.getAttribute("method");if(n==="dialog"){t.preventDefault()}}));var E=HTMLFormElement.prototype.submit;var C=function(){if(!v(this)){return E.call(this)}var t=h(this);t&&t.close()};HTMLFormElement.prototype.submit=C}var O=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::-webkit-backdrop{display:none}:host>dialog::-ms-backdrop{display:none}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}.modal-container{z-index:1010;display:-ms-flexbox;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;-ms-flex-direction:column;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 3 - 2px) calc(var(--space-unit) * 2) calc(var(--space-unit) + 4px)\n 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 z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:-ms-flexbox;display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;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-rg)}.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);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;-ms-flex:1 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:-webkit-sticky;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);-webkit-transform:translateX(-50%);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));-webkit-transform:translateX(-50%);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}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 3 - 4px)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header .subtitle{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding-top:calc(var(--space-unit) * 3 - 2px)}}';var F=O;var T=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';var A=t("z_modal",function(){function t(t){e(this,t);this.modalClose=i(this,"modalClose",7);this.modalHeaderActive=i(this,"modalHeaderActive",7);this.modalBackgroundClick=i(this,"modalBackgroundClick",7);this.modalid=undefined;this.modaltitle=undefined;this.modalsubtitle=undefined;this.closeButtonLabel="chiudi modale";this.alertdialog=false;this.closable=true;this.scrollInside=true}t.prototype.emitModalClose=function(){if(this.closable){this.modalClose.emit({modalid:this.modalid})}};t.prototype.emitModalHeaderActive=function(){this.modalHeaderActive.emit({modalid:this.modalid})};t.prototype.emitBackgroundClick=function(){if(this.closable){this.modalBackgroundClick.emit({modalid:this.modalid})}};t.prototype.componentDidLoad=function(){if(typeof window.HTMLDialogElement!=="function"){if(!this.dialog.localName){Object.defineProperty(this.dialog,"localName",{value:"dialog"})}x.registerDialog(this.dialog);this.dialog.setAttribute("open","true")}else{this.open()}};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.dialog)===null||t===void 0?void 0:t.showModal();return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.closable){(t=this.dialog)===null||t===void 0?void 0:t.close()}return[2]}))}))};Object.defineProperty(t.prototype,"focusableElements",{get:function(){return __spreadArray(__spreadArray([],Array.from(this.host.shadowRoot.querySelectorAll(T)),true),Array.from(this.host.querySelectorAll(T)),true).filter((function(t){return getComputedStyle(t).display!=="none"}))},enumerable:false,configurable:true});t.prototype.handleKeyDown=function(t){if(t.code!==r.TAB){return}var e=this.focusableElements;var i=this.host.shadowRoot.activeElement;var o=this.host.ownerDocument.activeElement;var n=e[0];var a=e[e.length-1];if(t.shiftKey&&(i==n||o==n)){t.preventDefault();a.focus()}else if(!t.shiftKey&&(i==a||o==a)){t.preventDefault();n.focus()}};t.prototype.closeButtonSlot=function(){var t=this;if(this.closable){return o("slot",{name:"modalCloseButton"},o("button",{"aria-label":this.closeButtonLabel,onClick:function(){return t.close()}},o("z-icon",{name:"multiply-circle-filled"})))}};t.prototype.handleEscape=function(t){if(this.closable){return}t.preventDefault()};t.prototype.render=function(){var t=this;return o("dialog",{key:"502c0fd42f37a498ef3ec2b2b174ac4950287883",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":undefined,ref:function(e){return t.dialog=e},onClose:function(){return t.emitModalClose()},onCancel:function(e){return t.handleEscape(e)}},o("div",{key:"0dd9496ca11660307bcb8d751e8793659aa30741",class:{"modal-container":true,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},o("header",{key:"6952365a4a1d64e1ce23a9454f11cd4ae76e37ca",onClick:this.emitModalHeaderActive.bind(this)},o("div",{key:"fe219a40167ad9984255885bb189d9a9a0509cd5"},this.modaltitle&&o("h1",{key:"2991d4e6c254160dfe33e3558dc5db4d4dbf0abf",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&o("div",{key:"5a612bc3eb027b488a37918794c4f24e1991a38d",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),o("div",{key:"34008ade3d0f05c701b4d94df647086a8de3cd27",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},o("slot",{key:"7ce631a687090f9b69bafa8de5dbe76d21d2c554",name:"modalContent"}))),o("div",{key:"8fc40e271bec8219fbbbf208bbba900a74ebdec8",class:{"modal-background":true,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:function(){t.emitBackgroundClick();t.close()}}))};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());A.style=F}}})); -//# sourceMappingURL=p-2c56a9b1.system.entry.js.map \ No newline at end of file +var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function a(t){try{l(o.next(t))}catch(t){r(t)}}function s(t){try{l(o["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(a,s)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1].dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text-inverse)}:host>.dragdrop.dragover .dragover-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";var s=a;var l=t("z_dragdrop_area",function(){function t(t){e(this,t);this.fileDropped=i(this,"fileDropped",7);this.dragAndDropLabel=undefined}t.prototype.fileDroppedHandler=function(t){this.fileDropped.emit(t)};t.prototype.renderOnDragOverMessage=function(){return o("div",{class:"dragover-container"},o("div",{class:"dragover-message"},o("span",{class:"body-2-sb"},this.dragAndDropLabel)))};t.prototype.render=function(){var t=this;return o("div",{key:"41334ac77bca3fb0d30518480b702c815d95b125",tabIndex:0,ref:function(e){return t.dragDropContainer=e},class:"dragdrop",onDragOver:function(e){e.preventDefault();t.dragDropContainer.classList.add("dragover")},onDragLeave:function(){t.dragDropContainer.classList.remove("dragover")},onDrop:function(e){e.preventDefault();if(e.dataTransfer.files.length){t.dragDropContainer.classList.remove("dragover");t.fileDroppedHandler(e.dataTransfer.files)}}},this.renderOnDragOverMessage(),o("slot",{key:"83344ee14fcec799690b644fe0a56cc86e1b4476"}))};return t}());l.style=s;var d=window.CustomEvent;if(!d||typeof d==="object"){d=function t(e,i){i=i||{};var o=document.createEvent("CustomEvent");o.initCustomEvent(e,!!i.bubbles,!!i.cancelable,i.detail||null);return o};d.prototype=window.Event.prototype}function c(t,e){var i="on"+e.type.toLowerCase();if(typeof t[i]==="function"){t[i](e)}return t.dispatchEvent(e)}function u(t){while(t&&t!==document.body){var e=window.getComputedStyle(t);var i=function(t,i){return!(e[t]===undefined||e[t]===i)};if(e.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||e["isolation"]==="isolate"||e.position==="fixed"||e.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function h(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function f(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function m(t,e){for(var i=0;i=0){t=this.dialog_}if(!t){t=b(this.dialog_)}f(document.activeElement);t&&t.focus()},updateZIndex:function(t,e){if(t, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new y(t)};x.registerDialog=function(t){if(!t.showModal){x.forceRegisterDialog(t)}};x.DialogManager=function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div");this.overlay.className="_dialog_overlay";this.overlay.addEventListener("click",function(e){this.forwardTab_=undefined;e.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(e){var i=[];e.forEach((function(t){for(var e=0,o;o=t.removedNodes[e];++e){if(!(o instanceof Element)){continue}else if(o.localName==="dialog"){i.push(o)}i=i.concat(o.querySelectorAll("dialog"))}}));i.length&&t(i)}))}};x.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};x.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};x.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var e=0,i;i=this.pendingDialogStack[e];++e){i.updateZIndex(--t,--t);if(e===0){this.overlay.style.zIndex=--t}}var o=this.pendingDialogStack[0];if(o){var n=o.dialog.parentNode||document.body;n.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};x.DialogManager.prototype.containedByTopDialog_=function(t){while(t=h(t)){for(var e=0,i;i=this.pendingDialogStack[e];++e){if(i.dialog===t){return e===0}}t=t.parentElement}return false};x.DialogManager.prototype.handleFocus_=function(t){var e=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(e)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();f(e);if(this.forwardTab_===undefined){return}var i=this.pendingDialogStack[0];var o=i.dialog;var n=o.compareDocumentPosition(e);if(n&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){i.focus_()}else if(e!==document.documentElement){document.documentElement.focus()}}return false};x.DialogManager.prototype.handleKey_=function(t){this.forwardTab_=undefined;if(t.keyCode===27){t.preventDefault();t.stopPropagation();var e=new d("cancel",{bubbles:false,cancelable:true});var i=this.pendingDialogStack[0];if(i&&c(i.dialog,e)){i.dialog.close()}}else if(t.keyCode===9){this.forwardTab_=!t.shiftKey}};x.DialogManager.prototype.checkDOM_=function(t){var e=this.pendingDialogStack.slice();e.forEach((function(e){if(t.indexOf(e.dialog)!==-1){e.downgradeModal()}else{e.maybeHideModal()}}))};x.DialogManager.prototype.pushDialog=function(t){var e=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=e){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};x.DialogManager.prototype.removeDialog=function(t){var e=this.pendingDialogStack.indexOf(t);if(e===-1){return}this.pendingDialogStack.splice(e,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};x.dm=new x.DialogManager;x.formSubmitter=null;x.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var k=document.createElement("form");k.setAttribute("method","dialog");if(k.method!=="dialog"){var _=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(_){var M=_.get;_.get=function(){if(v(this)){return"dialog"}return M.call(this)};var z=_.set;_.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return z.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",_)}}document.addEventListener("click",(function(t){x.formSubmitter=null;x.imagemapUseValue=null;if(t.defaultPrevented){return}var e=t.target;if("composedPath"in t){var i=t.composedPath();e=i.shift()||e}if(!e||!v(e.form)){return}var o=e.type==="submit"&&["button","input"].indexOf(e.localName)>-1;if(!o){if(!(e.localName==="input"&&e.type==="image")){return}x.imagemapUseValue=t.offsetX+","+t.offsetY}var n=h(e);if(!n){return}x.formSubmitter=e}),false);document.addEventListener("submit",(function(t){var e=t.target;var i=h(e);if(i){return}var o=g(t);var n=o&&o.getAttribute("formmethod")||e.getAttribute("method");if(n==="dialog"){t.preventDefault()}}));var E=HTMLFormElement.prototype.submit;var C=function(){if(!v(this)){return E.call(this)}var t=h(this);t&&t.close()};HTMLFormElement.prototype.submit=C}var O=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::-webkit-backdrop{display:none}:host>dialog::-ms-backdrop{display:none}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}.modal-container{z-index:1010;display:-ms-flexbox;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;-ms-flex-direction:column;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 2 - 2px) 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 z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:-ms-flexbox;display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;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-rg)}.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);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;-ms-flex:1 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:-webkit-sticky;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);-webkit-transform:translateX(-50%);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));-webkit-transform:translateX(-50%);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}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 3 - 2px) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 4 - 4px) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header .subtitle{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}';var F=O;var T=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';var A=t("z_modal",function(){function t(t){e(this,t);this.modalClose=i(this,"modalClose",7);this.modalHeaderActive=i(this,"modalHeaderActive",7);this.modalBackgroundClick=i(this,"modalBackgroundClick",7);this.modalid=undefined;this.modaltitle=undefined;this.modalsubtitle=undefined;this.closeButtonLabel="chiudi modale";this.alertdialog=false;this.closable=true;this.scrollInside=true}t.prototype.emitModalClose=function(){if(this.closable){this.modalClose.emit({modalid:this.modalid})}};t.prototype.emitModalHeaderActive=function(){this.modalHeaderActive.emit({modalid:this.modalid})};t.prototype.emitBackgroundClick=function(){if(this.closable){this.modalBackgroundClick.emit({modalid:this.modalid})}};t.prototype.componentDidLoad=function(){if(typeof window.HTMLDialogElement!=="function"){if(!this.dialog.localName){Object.defineProperty(this.dialog,"localName",{value:"dialog"})}x.registerDialog(this.dialog);this.dialog.setAttribute("open","true")}else{this.open()}};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.dialog)===null||t===void 0?void 0:t.showModal();return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.closable){(t=this.dialog)===null||t===void 0?void 0:t.close()}return[2]}))}))};Object.defineProperty(t.prototype,"focusableElements",{get:function(){return __spreadArray(__spreadArray([],Array.from(this.host.shadowRoot.querySelectorAll(T)),true),Array.from(this.host.querySelectorAll(T)),true).filter((function(t){return getComputedStyle(t).display!=="none"}))},enumerable:false,configurable:true});t.prototype.handleKeyDown=function(t){if(t.code!==r.TAB){return}var e=this.focusableElements;var i=this.host.shadowRoot.activeElement;var o=this.host.ownerDocument.activeElement;var n=e[0];var a=e[e.length-1];if(t.shiftKey&&(i==n||o==n)){t.preventDefault();a.focus()}else if(!t.shiftKey&&(i==a||o==a)){t.preventDefault();n.focus()}};t.prototype.closeButtonSlot=function(){var t=this;if(this.closable){return o("slot",{name:"modalCloseButton"},o("button",{"aria-label":this.closeButtonLabel,onClick:function(){return t.close()}},o("z-icon",{name:"multiply-circle-filled"})))}};t.prototype.handleEscape=function(t){if(this.closable){return}t.preventDefault()};t.prototype.render=function(){var t=this;return o("dialog",{key:"502c0fd42f37a498ef3ec2b2b174ac4950287883",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":undefined,ref:function(e){return t.dialog=e},onClose:function(){return t.emitModalClose()},onCancel:function(e){return t.handleEscape(e)}},o("div",{key:"0dd9496ca11660307bcb8d751e8793659aa30741",class:{"modal-container":true,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},o("header",{key:"6952365a4a1d64e1ce23a9454f11cd4ae76e37ca",onClick:this.emitModalHeaderActive.bind(this)},o("div",{key:"fe219a40167ad9984255885bb189d9a9a0509cd5"},this.modaltitle&&o("h1",{key:"2991d4e6c254160dfe33e3558dc5db4d4dbf0abf",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&o("div",{key:"5a612bc3eb027b488a37918794c4f24e1991a38d",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),o("div",{key:"34008ade3d0f05c701b4d94df647086a8de3cd27",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},o("slot",{key:"7ce631a687090f9b69bafa8de5dbe76d21d2c554",name:"modalContent"}))),o("div",{key:"8fc40e271bec8219fbbbf208bbba900a74ebdec8",class:{"modal-background":true,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:function(){t.emitBackgroundClick();t.close()}}))};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());A.style=F}}})); +//# sourceMappingURL=p-1f82d58b.system.entry.js.map \ No newline at end of file diff --git a/web-components-library/p-2c56a9b1.system.entry.js.map b/web-components-library/p-1f82d58b.system.entry.js.map similarity index 56% rename from web-components-library/p-2c56a9b1.system.entry.js.map rename to web-components-library/p-1f82d58b.system.entry.js.map index a08111b08..067412913 100644 --- a/web-components-library/p-2c56a9b1.system.entry.js.map +++ b/web-components-library/p-1f82d58b.system.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["stylesCss","ZDragdropAreaStyle0","ZDragdropArea","exports","class_1","prototype","fileDroppedHandler","files","this","fileDropped","emit","renderOnDragOverMessage","h","class","dragAndDropLabel","render","_this","key","tabIndex","ref","val","dragDropContainer","onDragOver","e","preventDefault","classList","add","onDragLeave","remove","onDrop","dataTransfer","length","supportCustomEvent","window","CustomEvent","event","x","ev","document","createEvent","initCustomEvent","bubbles","cancelable","detail","Event","safeDispatchEvent","target","check","type","toLowerCase","dispatchEvent","createsStackingContext","el","body","s","getComputedStyle","invalid","k","ok","undefined","opacity","position","webkitOverflowScrolling","parentElement","findNearestDialog","localName","parentNode","host","safeBlur","shadowRoot","activeElement","blur","inNodeList","nodeList","node","i","isFormMethodDialog","hasAttribute","getAttribute","findFocusableElementWithin","hostElement","opts","query","map","push","querySelector","join","Element","elems","querySelectorAll","tagName","isConnected","element","contains","findFormSubmitter","submitter","form","HTMLFormElement","dialogPolyfill","formSubmitter","root","getRootNode","maybeHandleSubmit","defaultPrevented","value","imagemapUseValue","dialog","formmethod","close","dialogPolyfillInfo","dialog_","replacedStyleTop_","openAsModal_","setAttribute","show","bind","showModal","addEventListener","returnValue","mo","MutationObserver","maybeHideModal","observe","attributes","attributeFilter","removed","cb","downgradeModal","timeout","delayModel","cand","substr","clearTimeout","setTimeout","forEach","name","Object","defineProperty","set","setOpen","get","backdrop_","createElement","className","backdropMouseEvent_","style","zIndex","top","removeChild","dm","removeDialog","removeAttribute","fake","insertBefore","firstChild","focus","redirectedEvent","initMouseEvent","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","stopPropagation","focus_","updateZIndex","dialogZ","backdropZ","Error","open","pushDialog","console","warn","needsCentering","reposition","nextSibling","opt_returnValue","closeEvent","scrollTop","documentElement","topValue","innerHeight","offsetHeight","Math","max","isInlinePositionSetByStylesheet","styleSheets","styleSheet","cssRules","j","rule","selectedNodes","selectorText","cssTop","getPropertyValue","cssBottom","computedStyle","bottom","forceRegisterDialog","HTMLDialogElement","registerDialog","DialogManager","pendingDialogStack","checkDOM","checkDOM_","overlay","forwardTab_","handleKey_","handleFocus_","zIndexLow_","zIndexHigh_","mo_","records","rec","c","removedNodes","concat","blockDocument","childList","subtree","unblockDocument","removeEventListener","disconnect","updateStacking","dpi","last","p","appendChild","containedByTopDialog_","candidate","composedPath","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","keyCode","cancelEvent","clone","slice","indexOf","allowed","unshift","index","splice","testForm","method","methodDescriptor","getOwnPropertyDescriptor","realGet","call","realSet","v","path","shift","valid","offsetX","offsetY","nativeFormSubmit","submit","replacementFormSubmit","ZModalStyle0","FOCUSABLE_ELEMENTS_SELECTOR","ZModal","class_2","emitModalClose","closable","modalClose","modalid","emitModalHeaderActive","modalHeaderActive","emitBackgroundClick","modalBackgroundClick","componentDidLoad","_a","__spreadArray","Array","from","filter","display","handleKeyDown","code","KeyboardCode","TAB","focusableElements","shadowActiveElement","ownerDocument","firstFocusableElement","lastFocusableElement","closeButtonSlot","closeButtonLabel","onClick","handleEscape","scrollInside","role","alertdialog","onClose","onCancel","id","modaltitle","modalsubtitle"],"sources":["src/components/file-upload/z-dragdrop-area/styles.css?tag=z-dragdrop-area&encapsulation=shadow","src/components/file-upload/z-dragdrop-area/index.tsx","node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js","src/components/z-modal/styles.css?tag=z-modal&encapsulation=shadow","src/components/z-modal/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > .dragdrop {\n position: relative;\n display: flex;\n height: 228px;\n flex-direction: column;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--color-surface04);\n background-color: var(--color-surface02);\n\n /* Native CSS properties don't support the customization of border-style.\n Therefore, we use a trick with an SVG image inside background-image property.\n The SVG features give us the ability to change the distance between dashed lines, set custom pattern, add dash offset or even change a line cap.\n Generated SVG image is vector and it fills width and height of elements by 100%, so it doesn't matter what size elements have. */\n background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");\n border-radius: 2px;\n color: var(--color-default-text);\n}\n\n/* https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */\n:host > .dragdrop.dragover * {\n pointer-events: none;\n}\n\n:host > .dragdrop .dragover-container {\n position: absolute;\n z-index: 10;\n top: 0;\n left: 0;\n display: none;\n width: 100%;\n height: 100%;\n background-color: var(--color-primary03);\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host > .dragdrop .dragover-container .dragover-message {\n padding: 10px 28px;\n background-color: var(--color-link-primary);\n color: var(--color-text-inverse);\n}\n\n:host > .dragdrop.dragover .dragover-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-dragdrop-area\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZDragdropArea {\n /** drag & drop button label */\n @Prop()\n dragAndDropLabel: string;\n\n /** Emitted when user drop one or more files */\n @Event()\n fileDropped: EventEmitter;\n\n private fileDroppedHandler(files: FileList): void {\n this.fileDropped.emit(files);\n }\n\n private dragDropContainer: HTMLDivElement;\n\n private renderOnDragOverMessage(): HTMLDivElement {\n return (\n
\n
\n {this.dragAndDropLabel}\n
\n
\n );\n }\n\n render(): HTMLDivElement {\n return (\n (this.dragDropContainer = val)}\n class=\"dragdrop\"\n onDragOver={(e) => {\n e.preventDefault();\n this.dragDropContainer.classList.add(\"dragover\");\n }}\n onDragLeave={() => {\n this.dragDropContainer.classList.remove(\"dragover\");\n }}\n onDrop={(e) => {\n e.preventDefault();\n if (e.dataTransfer.files.length) {\n this.dragDropContainer.classList.remove(\"dragover\");\n this.fileDroppedHandler(e.dataTransfer.files);\n }\n }}\n >\n {this.renderOnDragOverMessage()}\n \n
\n );\n }\n}\n","// nb. This is for IE10 and lower _only_.\nvar supportCustomEvent = window.CustomEvent;\nif (!supportCustomEvent || typeof supportCustomEvent === 'object') {\n supportCustomEvent = function CustomEvent(event, x) {\n x = x || {};\n var ev = document.createEvent('CustomEvent');\n ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);\n return ev;\n };\n supportCustomEvent.prototype = window.Event.prototype;\n}\n\n/**\n * Dispatches the passed event to both an \"on\" handler as well as via the\n * normal dispatch operation. Does not bubble.\n *\n * @param {!EventTarget} target\n * @param {!Event} event\n * @return {boolean}\n */\nfunction safeDispatchEvent(target, event) {\n var check = 'on' + event.type.toLowerCase();\n if (typeof target[check] === 'function') {\n target[check](event);\n }\n return target.dispatchEvent(event);\n}\n\n/**\n * @param {Element} el to check for stacking context\n * @return {boolean} whether this el or its parents creates a stacking context\n */\nfunction createsStackingContext(el) {\n while (el && el !== document.body) {\n var s = window.getComputedStyle(el);\n var invalid = function(k, ok) {\n return !(s[k] === undefined || s[k] === ok);\n };\n\n if (s.opacity < 1 ||\n invalid('zIndex', 'auto') ||\n invalid('transform', 'none') ||\n invalid('mixBlendMode', 'normal') ||\n invalid('filter', 'none') ||\n invalid('perspective', 'none') ||\n s['isolation'] === 'isolate' ||\n s.position === 'fixed' ||\n s.webkitOverflowScrolling === 'touch') {\n return true;\n }\n el = el.parentElement;\n }\n return false;\n}\n\n/**\n * Finds the nearest from the passed element.\n *\n * @param {Element} el to search from\n * @return {HTMLDialogElement} dialog found\n */\nfunction findNearestDialog(el) {\n while (el) {\n if (el.localName === 'dialog') {\n return /** @type {HTMLDialogElement} */ (el);\n }\n if (el.parentElement) {\n el = el.parentElement;\n } else if (el.parentNode) {\n el = el.parentNode.host;\n } else {\n el = null;\n }\n }\n return null;\n}\n\n/**\n * Blur the specified element, as long as it's not the HTML body element.\n * This works around an IE9/10 bug - blurring the body causes Windows to\n * blur the whole application.\n *\n * @param {Element} el to blur\n */\nfunction safeBlur(el) {\n // Find the actual focused element when the active element is inside a shadow root\n while (el && el.shadowRoot && el.shadowRoot.activeElement) {\n el = el.shadowRoot.activeElement;\n }\n\n if (el && el.blur && el !== document.body) {\n el.blur();\n }\n}\n\n/**\n * @param {!NodeList} nodeList to search\n * @param {Node} node to find\n * @return {boolean} whether node is inside nodeList\n */\nfunction inNodeList(nodeList, node) {\n for (var i = 0; i < nodeList.length; ++i) {\n if (nodeList[i] === node) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * @param {HTMLFormElement} el to check\n * @return {boolean} whether this form has method=\"dialog\"\n */\nfunction isFormMethodDialog(el) {\n if (!el || !el.hasAttribute('method')) {\n return false;\n }\n return el.getAttribute('method').toLowerCase() === 'dialog';\n}\n\n/**\n * @param {!DocumentFragment|!Element} hostElement\n * @return {?Element}\n */\nfunction findFocusableElementWithin(hostElement) {\n // Note that this is 'any focusable area'. This list is probably not exhaustive, but the\n // alternative involves stepping through and trying to focus everything.\n var opts = ['button', 'input', 'keygen', 'select', 'textarea'];\n var query = opts.map(function(el) {\n return el + ':not([disabled])';\n });\n // TODO(samthor): tabindex values that are not numeric are not focusable.\n query.push('[tabindex]:not([disabled]):not([tabindex=\"\"])'); // tabindex != \"\", not disabled\n var target = hostElement.querySelector(query.join(', '));\n\n if (!target && 'attachShadow' in Element.prototype) {\n // If we haven't found a focusable target, see if the host element contains an element\n // which has a shadowRoot.\n // Recursively search for the first focusable item in shadow roots.\n var elems = hostElement.querySelectorAll('*');\n for (var i = 0; i < elems.length; i++) {\n if (elems[i].tagName && elems[i].shadowRoot) {\n target = findFocusableElementWithin(elems[i].shadowRoot);\n if (target) {\n break;\n }\n }\n }\n }\n return target;\n}\n\n/**\n * Determines if an element is attached to the DOM.\n * @param {Element} element to check\n * @return {boolean} whether the element is in DOM\n */\nfunction isConnected(element) {\n return element.isConnected || document.body.contains(element);\n}\n\n/**\n * @param {!Event} event\n * @return {?Element}\n */\nfunction findFormSubmitter(event) {\n if (event.submitter) {\n return event.submitter;\n }\n\n var form = event.target;\n if (!(form instanceof HTMLFormElement)) {\n return null;\n }\n\n var submitter = dialogPolyfill.formSubmitter;\n if (!submitter) {\n var target = event.target;\n var root = ('getRootNode' in target && target.getRootNode() || document);\n submitter = root.activeElement;\n }\n\n if (!submitter || submitter.form !== form) {\n return null;\n }\n return submitter;\n}\n\n/**\n * @param {!Event} event\n */\nfunction maybeHandleSubmit(event) {\n if (event.defaultPrevented) {\n return;\n }\n var form = /** @type {!HTMLFormElement} */ (event.target);\n\n // We'd have a value if we clicked on an imagemap.\n var value = dialogPolyfill.imagemapUseValue;\n var submitter = findFormSubmitter(event);\n if (value === null && submitter) {\n value = submitter.value;\n }\n\n // There should always be a dialog as this handler is added specifically on them, but check just\n // in case.\n var dialog = findNearestDialog(form);\n if (!dialog) {\n return;\n }\n\n // Prefer formmethod on the button.\n var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n if (formmethod !== 'dialog') {\n return;\n }\n event.preventDefault();\n\n if (value != null) {\n // nb. we explicitly check against null/undefined\n dialog.close(value);\n } else {\n dialog.close();\n }\n}\n\n/**\n * @param {!HTMLDialogElement} dialog to upgrade\n * @constructor\n */\nfunction dialogPolyfillInfo(dialog) {\n this.dialog_ = dialog;\n this.replacedStyleTop_ = false;\n this.openAsModal_ = false;\n\n // Set a11y role. Browsers that support dialog implicitly know this already.\n if (!dialog.hasAttribute('role')) {\n dialog.setAttribute('role', 'dialog');\n }\n\n dialog.show = this.show.bind(this);\n dialog.showModal = this.showModal.bind(this);\n dialog.close = this.close.bind(this);\n\n dialog.addEventListener('submit', maybeHandleSubmit, false);\n\n if (!('returnValue' in dialog)) {\n dialog.returnValue = '';\n }\n\n if ('MutationObserver' in window) {\n var mo = new MutationObserver(this.maybeHideModal.bind(this));\n mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n } else {\n // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also\n // seem to fire even if the element was removed as part of a parent removal. Use the removed\n // events to force downgrade (useful if removed/immediately added).\n var removed = false;\n var cb = function() {\n removed ? this.downgradeModal() : this.maybeHideModal();\n removed = false;\n }.bind(this);\n var timeout;\n var delayModel = function(ev) {\n if (ev.target !== dialog) { return; } // not for a child element\n var cand = 'DOMNodeRemoved';\n removed |= (ev.type.substr(0, cand.length) === cand);\n window.clearTimeout(timeout);\n timeout = window.setTimeout(cb, 0);\n };\n ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {\n dialog.addEventListener(name, delayModel);\n });\n }\n // Note that the DOM is observed inside DialogManager while any dialog\n // is being displayed as a modal, to catch modal removal from the DOM.\n\n Object.defineProperty(dialog, 'open', {\n set: this.setOpen.bind(this),\n get: dialog.hasAttribute.bind(dialog, 'open')\n });\n\n this.backdrop_ = document.createElement('div');\n this.backdrop_.className = 'backdrop';\n this.backdrop_.addEventListener('mouseup' , this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('click' , this.backdropMouseEvent_.bind(this));\n}\n\ndialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({\n\n get dialog() {\n return this.dialog_;\n },\n\n /**\n * Maybe remove this dialog from the modal top layer. This is called when\n * a modal dialog may no longer be tenable, e.g., when the dialog is no\n * longer open or is no longer part of the DOM.\n */\n maybeHideModal: function() {\n if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }\n this.downgradeModal();\n },\n\n /**\n * Remove this dialog from the modal top layer, leaving it as a non-modal.\n */\n downgradeModal: function() {\n if (!this.openAsModal_) { return; }\n this.openAsModal_ = false;\n this.dialog_.style.zIndex = '';\n\n // This won't match the native exactly because if the user set top on a centered\n // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's\n // possible to polyfill this perfectly.\n if (this.replacedStyleTop_) {\n this.dialog_.style.top = '';\n this.replacedStyleTop_ = false;\n }\n\n // Clear the backdrop and remove from the manager.\n this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);\n dialogPolyfill.dm.removeDialog(this);\n },\n\n /**\n * @param {boolean} value whether to open or close this dialog\n */\n setOpen: function(value) {\n if (value) {\n this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');\n } else {\n this.dialog_.removeAttribute('open');\n this.maybeHideModal(); // nb. redundant with MutationObserver\n }\n },\n\n /**\n * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if\n * they were on the dialog itself.\n *\n * @param {!Event} e to redirect\n */\n backdropMouseEvent_: function(e) {\n if (!this.dialog_.hasAttribute('tabindex')) {\n // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be\n // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this\n // would not be needed - clicks would move the implicit cursor there.\n var fake = document.createElement('div');\n this.dialog_.insertBefore(fake, this.dialog_.firstChild);\n fake.tabIndex = -1;\n fake.focus();\n this.dialog_.removeChild(fake);\n } else {\n this.dialog_.focus();\n }\n\n var redirectedEvent = document.createEvent('MouseEvents');\n redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,\n e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,\n e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);\n this.dialog_.dispatchEvent(redirectedEvent);\n e.stopPropagation();\n },\n\n /**\n * Focuses on the first focusable element within the dialog. This will always blur the current\n * focus, even if nothing within the dialog is found.\n */\n focus_: function() {\n // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.\n var target = this.dialog_.querySelector('[autofocus]:not([disabled])');\n if (!target && this.dialog_.tabIndex >= 0) {\n target = this.dialog_;\n }\n if (!target) {\n target = findFocusableElementWithin(this.dialog_);\n }\n safeBlur(document.activeElement);\n target && target.focus();\n },\n\n /**\n * Sets the zIndex for the backdrop and dialog.\n *\n * @param {number} dialogZ\n * @param {number} backdropZ\n */\n updateZIndex: function(dialogZ, backdropZ) {\n if (dialogZ < backdropZ) {\n throw new Error('dialogZ should never be < backdropZ');\n }\n this.dialog_.style.zIndex = dialogZ;\n this.backdrop_.style.zIndex = backdropZ;\n },\n\n /**\n * Shows the dialog. If the dialog is already open, this does nothing.\n */\n show: function() {\n if (!this.dialog_.open) {\n this.setOpen(true);\n this.focus_();\n }\n },\n\n /**\n * Show this dialog modally.\n */\n showModal: function() {\n if (this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is already open, and therefore cannot be opened modally.');\n }\n if (!isConnected(this.dialog_)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is not in a Document.');\n }\n if (!dialogPolyfill.dm.pushDialog(this)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: There are too many open modal dialogs.');\n }\n\n if (createsStackingContext(this.dialog_.parentElement)) {\n console.warn('A dialog is being shown inside a stacking context. ' +\n 'This may cause it to be unusable. For more information, see this link: ' +\n 'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');\n }\n\n this.setOpen(true);\n this.openAsModal_ = true;\n\n // Optionally center vertically, relative to the current viewport.\n if (dialogPolyfill.needsCentering(this.dialog_)) {\n dialogPolyfill.reposition(this.dialog_);\n this.replacedStyleTop_ = true;\n } else {\n this.replacedStyleTop_ = false;\n }\n\n // Insert backdrop.\n this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);\n\n // Focus on whatever inside the dialog.\n this.focus_();\n },\n\n /**\n * Closes this HTMLDialogElement. This is optional vs clearing the open\n * attribute, however this fires a 'close' event.\n *\n * @param {string=} opt_returnValue to use as the returnValue\n */\n close: function(opt_returnValue) {\n if (!this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'close\\' on dialog: The element does not have an \\'open\\' attribute, and therefore cannot be closed.');\n }\n this.setOpen(false);\n\n // Leave returnValue untouched in case it was set directly on the element\n if (opt_returnValue !== undefined) {\n this.dialog_.returnValue = opt_returnValue;\n }\n\n // Triggering \"close\" event for any attached listeners on the .\n var closeEvent = new supportCustomEvent('close', {\n bubbles: false,\n cancelable: false\n });\n safeDispatchEvent(this.dialog_, closeEvent);\n }\n\n});\n\nvar dialogPolyfill = {};\n\ndialogPolyfill.reposition = function(element) {\n var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;\n var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;\n element.style.top = Math.max(scrollTop, topValue) + 'px';\n};\n\ndialogPolyfill.isInlinePositionSetByStylesheet = function(element) {\n for (var i = 0; i < document.styleSheets.length; ++i) {\n var styleSheet = document.styleSheets[i];\n var cssRules = null;\n // Some browsers throw on cssRules.\n try {\n cssRules = styleSheet.cssRules;\n } catch (e) {}\n if (!cssRules) { continue; }\n for (var j = 0; j < cssRules.length; ++j) {\n var rule = cssRules[j];\n var selectedNodes = null;\n // Ignore errors on invalid selector texts.\n try {\n selectedNodes = document.querySelectorAll(rule.selectorText);\n } catch(e) {}\n if (!selectedNodes || !inNodeList(selectedNodes, element)) {\n continue;\n }\n var cssTop = rule.style.getPropertyValue('top');\n var cssBottom = rule.style.getPropertyValue('bottom');\n if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {\n return true;\n }\n }\n }\n return false;\n};\n\ndialogPolyfill.needsCentering = function(dialog) {\n var computedStyle = window.getComputedStyle(dialog);\n if (computedStyle.position !== 'absolute') {\n return false;\n }\n\n // We must determine whether the top/bottom specified value is non-auto. In\n // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but\n // Firefox returns the used value. So we do this crazy thing instead: check\n // the inline style and then go through CSS rules.\n if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||\n (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {\n return false;\n }\n return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);\n};\n\n/**\n * @param {!Element} element to force upgrade\n */\ndialogPolyfill.forceRegisterDialog = function(element) {\n if (window.HTMLDialogElement || element.showModal) {\n console.warn('This browser already supports , the polyfill ' +\n 'may not work correctly', element);\n }\n if (element.localName !== 'dialog') {\n throw new Error('Failed to register dialog: The element is not a dialog.');\n }\n new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));\n};\n\n/**\n * @param {!Element} element to upgrade, if necessary\n */\ndialogPolyfill.registerDialog = function(element) {\n if (!element.showModal) {\n dialogPolyfill.forceRegisterDialog(element);\n }\n};\n\n/**\n * @constructor\n */\ndialogPolyfill.DialogManager = function() {\n /** @type {!Array} */\n this.pendingDialogStack = [];\n\n var checkDOM = this.checkDOM_.bind(this);\n\n // The overlay is used to simulate how a modal dialog blocks the document.\n // The blocking dialog is positioned on top of the overlay, and the rest of\n // the dialogs on the pending dialog stack are positioned below it. In the\n // actual implementation, the modal dialog stacking is controlled by the\n // top layer, where z-index has no effect.\n this.overlay = document.createElement('div');\n this.overlay.className = '_dialog_overlay';\n this.overlay.addEventListener('click', function(e) {\n this.forwardTab_ = undefined;\n e.stopPropagation();\n checkDOM([]); // sanity-check DOM\n }.bind(this));\n\n this.handleKey_ = this.handleKey_.bind(this);\n this.handleFocus_ = this.handleFocus_.bind(this);\n\n this.zIndexLow_ = 100000;\n this.zIndexHigh_ = 100000 + 150;\n\n this.forwardTab_ = undefined;\n\n if ('MutationObserver' in window) {\n this.mo_ = new MutationObserver(function(records) {\n var removed = [];\n records.forEach(function(rec) {\n for (var i = 0, c; c = rec.removedNodes[i]; ++i) {\n if (!(c instanceof Element)) {\n continue;\n } else if (c.localName === 'dialog') {\n removed.push(c);\n }\n removed = removed.concat(c.querySelectorAll('dialog'));\n }\n });\n removed.length && checkDOM(removed);\n });\n }\n};\n\n/**\n * Called on the first modal dialog being shown. Adds the overlay and related\n * handlers.\n */\ndialogPolyfill.DialogManager.prototype.blockDocument = function() {\n document.documentElement.addEventListener('focus', this.handleFocus_, true);\n document.addEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});\n};\n\n/**\n * Called on the first modal dialog being removed, i.e., when no more modal\n * dialogs are visible.\n */\ndialogPolyfill.DialogManager.prototype.unblockDocument = function() {\n document.documentElement.removeEventListener('focus', this.handleFocus_, true);\n document.removeEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.disconnect();\n};\n\n/**\n * Updates the stacking of all known dialogs.\n */\ndialogPolyfill.DialogManager.prototype.updateStacking = function() {\n var zIndex = this.zIndexHigh_;\n\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n dpi.updateZIndex(--zIndex, --zIndex);\n if (i === 0) {\n this.overlay.style.zIndex = --zIndex;\n }\n }\n\n // Make the overlay a sibling of the dialog itself.\n var last = this.pendingDialogStack[0];\n if (last) {\n var p = last.dialog.parentNode || document.body;\n p.appendChild(this.overlay);\n } else if (this.overlay.parentNode) {\n this.overlay.parentNode.removeChild(this.overlay);\n }\n};\n\n/**\n * @param {Element} candidate to check if contained or is the top-most modal dialog\n * @return {boolean} whether candidate is contained in top dialog\n */\ndialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {\n while (candidate = findNearestDialog(candidate)) {\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n if (dpi.dialog === candidate) {\n return i === 0; // only valid if top-most\n }\n }\n candidate = candidate.parentElement;\n }\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {\n var target = event.composedPath ? event.composedPath()[0] : event.target;\n\n if (this.containedByTopDialog_(target)) { return; }\n\n if (document.activeElement === document.documentElement) { return; }\n\n event.preventDefault();\n event.stopPropagation();\n safeBlur(/** @type {Element} */ (target));\n\n if (this.forwardTab_ === undefined) { return; } // move focus only from a tab key\n\n var dpi = this.pendingDialogStack[0];\n var dialog = dpi.dialog;\n var position = dialog.compareDocumentPosition(target);\n if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n if (this.forwardTab_) {\n // forward\n dpi.focus_();\n } else if (target !== document.documentElement) {\n // backwards if we're not already focused on \n document.documentElement.focus();\n }\n }\n\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {\n this.forwardTab_ = undefined;\n if (event.keyCode === 27) {\n event.preventDefault();\n event.stopPropagation();\n var cancelEvent = new supportCustomEvent('cancel', {\n bubbles: false,\n cancelable: true\n });\n var dpi = this.pendingDialogStack[0];\n if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {\n dpi.dialog.close();\n }\n } else if (event.keyCode === 9) {\n this.forwardTab_ = !event.shiftKey;\n }\n};\n\n/**\n * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are\n * removed and immediately readded don't stay modal, they become normal.\n *\n * @param {!Array} removed that have definitely been removed\n */\ndialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {\n // This operates on a clone because it may cause it to change. Each change also calls\n // updateStacking, which only actually needs to happen once. But who removes many modal dialogs\n // at a time?!\n var clone = this.pendingDialogStack.slice();\n clone.forEach(function(dpi) {\n if (removed.indexOf(dpi.dialog) !== -1) {\n dpi.downgradeModal();\n } else {\n dpi.maybeHideModal();\n }\n });\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n * @return {boolean} whether the dialog was allowed\n */\ndialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {\n var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;\n if (this.pendingDialogStack.length >= allowed) {\n return false;\n }\n if (this.pendingDialogStack.unshift(dpi) === 1) {\n this.blockDocument();\n }\n this.updateStacking();\n return true;\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n */\ndialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {\n var index = this.pendingDialogStack.indexOf(dpi);\n if (index === -1) { return; }\n\n this.pendingDialogStack.splice(index, 1);\n if (this.pendingDialogStack.length === 0) {\n this.unblockDocument();\n }\n this.updateStacking();\n};\n\ndialogPolyfill.dm = new dialogPolyfill.DialogManager();\ndialogPolyfill.formSubmitter = null;\ndialogPolyfill.imagemapUseValue = null;\n\n/**\n * Installs global handlers, such as click listers and native method overrides. These are needed\n * even if a no dialog is registered, as they deal with
.\n */\nif (window.HTMLDialogElement === undefined) {\n\n /**\n * If HTMLFormElement translates method=\"DIALOG\" into 'get', then replace the descriptor with\n * one that returns the correct value.\n */\n var testForm = document.createElement('form');\n testForm.setAttribute('method', 'dialog');\n if (testForm.method !== 'dialog') {\n var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');\n if (methodDescriptor) {\n // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything\n // and don't bother to update the element.\n var realGet = methodDescriptor.get;\n methodDescriptor.get = function() {\n if (isFormMethodDialog(this)) {\n return 'dialog';\n }\n return realGet.call(this);\n };\n var realSet = methodDescriptor.set;\n /** @this {HTMLElement} */\n methodDescriptor.set = function(v) {\n if (typeof v === 'string' && v.toLowerCase() === 'dialog') {\n return this.setAttribute('method', v);\n }\n return realSet.call(this, v);\n };\n Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);\n }\n }\n\n /**\n * Global 'click' handler, to capture the or \n \n );\n }\n }\n\n private handleEscape(e: Event): void {\n if (this.closable) {\n return;\n }\n e.preventDefault();\n }\n\n render(): HTMLZModalElement {\n return (\n (this.dialog = el as HTMLDialogElement)}\n onClose={() => this.emitModalClose()}\n onCancel={(e) => this.handleEscape(e)}\n >\n \n
\n
\n {this.modaltitle &&

{this.modaltitle}

}\n {this.closeButtonSlot()}\n
\n {this.modalsubtitle && (\n \n {this.modalsubtitle}\n
\n )}\n \n\n \n \n
\n \n {\n this.emitBackgroundClick();\n this.close();\n }}\n >\n \n );\n }\n}\n"],"mappings":"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","ignoreList":[]} \ No newline at end of file +{"version":3,"names":["stylesCss","ZDragdropAreaStyle0","ZDragdropArea","exports","class_1","prototype","fileDroppedHandler","files","this","fileDropped","emit","renderOnDragOverMessage","h","class","dragAndDropLabel","render","_this","key","tabIndex","ref","val","dragDropContainer","onDragOver","e","preventDefault","classList","add","onDragLeave","remove","onDrop","dataTransfer","length","supportCustomEvent","window","CustomEvent","event","x","ev","document","createEvent","initCustomEvent","bubbles","cancelable","detail","Event","safeDispatchEvent","target","check","type","toLowerCase","dispatchEvent","createsStackingContext","el","body","s","getComputedStyle","invalid","k","ok","undefined","opacity","position","webkitOverflowScrolling","parentElement","findNearestDialog","localName","parentNode","host","safeBlur","shadowRoot","activeElement","blur","inNodeList","nodeList","node","i","isFormMethodDialog","hasAttribute","getAttribute","findFocusableElementWithin","hostElement","opts","query","map","push","querySelector","join","Element","elems","querySelectorAll","tagName","isConnected","element","contains","findFormSubmitter","submitter","form","HTMLFormElement","dialogPolyfill","formSubmitter","root","getRootNode","maybeHandleSubmit","defaultPrevented","value","imagemapUseValue","dialog","formmethod","close","dialogPolyfillInfo","dialog_","replacedStyleTop_","openAsModal_","setAttribute","show","bind","showModal","addEventListener","returnValue","mo","MutationObserver","maybeHideModal","observe","attributes","attributeFilter","removed","cb","downgradeModal","timeout","delayModel","cand","substr","clearTimeout","setTimeout","forEach","name","Object","defineProperty","set","setOpen","get","backdrop_","createElement","className","backdropMouseEvent_","style","zIndex","top","removeChild","dm","removeDialog","removeAttribute","fake","insertBefore","firstChild","focus","redirectedEvent","initMouseEvent","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","stopPropagation","focus_","updateZIndex","dialogZ","backdropZ","Error","open","pushDialog","console","warn","needsCentering","reposition","nextSibling","opt_returnValue","closeEvent","scrollTop","documentElement","topValue","innerHeight","offsetHeight","Math","max","isInlinePositionSetByStylesheet","styleSheets","styleSheet","cssRules","j","rule","selectedNodes","selectorText","cssTop","getPropertyValue","cssBottom","computedStyle","bottom","forceRegisterDialog","HTMLDialogElement","registerDialog","DialogManager","pendingDialogStack","checkDOM","checkDOM_","overlay","forwardTab_","handleKey_","handleFocus_","zIndexLow_","zIndexHigh_","mo_","records","rec","c","removedNodes","concat","blockDocument","childList","subtree","unblockDocument","removeEventListener","disconnect","updateStacking","dpi","last","p","appendChild","containedByTopDialog_","candidate","composedPath","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","keyCode","cancelEvent","clone","slice","indexOf","allowed","unshift","index","splice","testForm","method","methodDescriptor","getOwnPropertyDescriptor","realGet","call","realSet","v","path","shift","valid","offsetX","offsetY","nativeFormSubmit","submit","replacementFormSubmit","ZModalStyle0","FOCUSABLE_ELEMENTS_SELECTOR","ZModal","class_2","emitModalClose","closable","modalClose","modalid","emitModalHeaderActive","modalHeaderActive","emitBackgroundClick","modalBackgroundClick","componentDidLoad","_a","__spreadArray","Array","from","filter","display","handleKeyDown","code","KeyboardCode","TAB","focusableElements","shadowActiveElement","ownerDocument","firstFocusableElement","lastFocusableElement","closeButtonSlot","closeButtonLabel","onClick","handleEscape","scrollInside","role","alertdialog","onClose","onCancel","id","modaltitle","modalsubtitle"],"sources":["src/components/file-upload/z-dragdrop-area/styles.css?tag=z-dragdrop-area&encapsulation=shadow","src/components/file-upload/z-dragdrop-area/index.tsx","node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js","src/components/z-modal/styles.css?tag=z-modal&encapsulation=shadow","src/components/z-modal/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > .dragdrop {\n position: relative;\n display: flex;\n height: 228px;\n flex-direction: column;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--color-surface04);\n background-color: var(--color-surface02);\n\n /* Native CSS properties don't support the customization of border-style.\n Therefore, we use a trick with an SVG image inside background-image property.\n The SVG features give us the ability to change the distance between dashed lines, set custom pattern, add dash offset or even change a line cap.\n Generated SVG image is vector and it fills width and height of elements by 100%, so it doesn't matter what size elements have. */\n background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");\n border-radius: 2px;\n color: var(--color-default-text);\n}\n\n/* https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */\n:host > .dragdrop.dragover * {\n pointer-events: none;\n}\n\n:host > .dragdrop .dragover-container {\n position: absolute;\n z-index: 10;\n top: 0;\n left: 0;\n display: none;\n width: 100%;\n height: 100%;\n background-color: var(--color-primary03);\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host > .dragdrop .dragover-container .dragover-message {\n padding: 10px 28px;\n background-color: var(--color-link-primary);\n color: var(--color-text-inverse);\n}\n\n:host > .dragdrop.dragover .dragover-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-dragdrop-area\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZDragdropArea {\n /** drag & drop button label */\n @Prop()\n dragAndDropLabel: string;\n\n /** Emitted when user drop one or more files */\n @Event()\n fileDropped: EventEmitter;\n\n private fileDroppedHandler(files: FileList): void {\n this.fileDropped.emit(files);\n }\n\n private dragDropContainer: HTMLDivElement;\n\n private renderOnDragOverMessage(): HTMLDivElement {\n return (\n
\n
\n {this.dragAndDropLabel}\n
\n
\n );\n }\n\n render(): HTMLDivElement {\n return (\n (this.dragDropContainer = val)}\n class=\"dragdrop\"\n onDragOver={(e) => {\n e.preventDefault();\n this.dragDropContainer.classList.add(\"dragover\");\n }}\n onDragLeave={() => {\n this.dragDropContainer.classList.remove(\"dragover\");\n }}\n onDrop={(e) => {\n e.preventDefault();\n if (e.dataTransfer.files.length) {\n this.dragDropContainer.classList.remove(\"dragover\");\n this.fileDroppedHandler(e.dataTransfer.files);\n }\n }}\n >\n {this.renderOnDragOverMessage()}\n \n \n );\n }\n}\n","// nb. This is for IE10 and lower _only_.\nvar supportCustomEvent = window.CustomEvent;\nif (!supportCustomEvent || typeof supportCustomEvent === 'object') {\n supportCustomEvent = function CustomEvent(event, x) {\n x = x || {};\n var ev = document.createEvent('CustomEvent');\n ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);\n return ev;\n };\n supportCustomEvent.prototype = window.Event.prototype;\n}\n\n/**\n * Dispatches the passed event to both an \"on\" handler as well as via the\n * normal dispatch operation. Does not bubble.\n *\n * @param {!EventTarget} target\n * @param {!Event} event\n * @return {boolean}\n */\nfunction safeDispatchEvent(target, event) {\n var check = 'on' + event.type.toLowerCase();\n if (typeof target[check] === 'function') {\n target[check](event);\n }\n return target.dispatchEvent(event);\n}\n\n/**\n * @param {Element} el to check for stacking context\n * @return {boolean} whether this el or its parents creates a stacking context\n */\nfunction createsStackingContext(el) {\n while (el && el !== document.body) {\n var s = window.getComputedStyle(el);\n var invalid = function(k, ok) {\n return !(s[k] === undefined || s[k] === ok);\n };\n\n if (s.opacity < 1 ||\n invalid('zIndex', 'auto') ||\n invalid('transform', 'none') ||\n invalid('mixBlendMode', 'normal') ||\n invalid('filter', 'none') ||\n invalid('perspective', 'none') ||\n s['isolation'] === 'isolate' ||\n s.position === 'fixed' ||\n s.webkitOverflowScrolling === 'touch') {\n return true;\n }\n el = el.parentElement;\n }\n return false;\n}\n\n/**\n * Finds the nearest from the passed element.\n *\n * @param {Element} el to search from\n * @return {HTMLDialogElement} dialog found\n */\nfunction findNearestDialog(el) {\n while (el) {\n if (el.localName === 'dialog') {\n return /** @type {HTMLDialogElement} */ (el);\n }\n if (el.parentElement) {\n el = el.parentElement;\n } else if (el.parentNode) {\n el = el.parentNode.host;\n } else {\n el = null;\n }\n }\n return null;\n}\n\n/**\n * Blur the specified element, as long as it's not the HTML body element.\n * This works around an IE9/10 bug - blurring the body causes Windows to\n * blur the whole application.\n *\n * @param {Element} el to blur\n */\nfunction safeBlur(el) {\n // Find the actual focused element when the active element is inside a shadow root\n while (el && el.shadowRoot && el.shadowRoot.activeElement) {\n el = el.shadowRoot.activeElement;\n }\n\n if (el && el.blur && el !== document.body) {\n el.blur();\n }\n}\n\n/**\n * @param {!NodeList} nodeList to search\n * @param {Node} node to find\n * @return {boolean} whether node is inside nodeList\n */\nfunction inNodeList(nodeList, node) {\n for (var i = 0; i < nodeList.length; ++i) {\n if (nodeList[i] === node) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * @param {HTMLFormElement} el to check\n * @return {boolean} whether this form has method=\"dialog\"\n */\nfunction isFormMethodDialog(el) {\n if (!el || !el.hasAttribute('method')) {\n return false;\n }\n return el.getAttribute('method').toLowerCase() === 'dialog';\n}\n\n/**\n * @param {!DocumentFragment|!Element} hostElement\n * @return {?Element}\n */\nfunction findFocusableElementWithin(hostElement) {\n // Note that this is 'any focusable area'. This list is probably not exhaustive, but the\n // alternative involves stepping through and trying to focus everything.\n var opts = ['button', 'input', 'keygen', 'select', 'textarea'];\n var query = opts.map(function(el) {\n return el + ':not([disabled])';\n });\n // TODO(samthor): tabindex values that are not numeric are not focusable.\n query.push('[tabindex]:not([disabled]):not([tabindex=\"\"])'); // tabindex != \"\", not disabled\n var target = hostElement.querySelector(query.join(', '));\n\n if (!target && 'attachShadow' in Element.prototype) {\n // If we haven't found a focusable target, see if the host element contains an element\n // which has a shadowRoot.\n // Recursively search for the first focusable item in shadow roots.\n var elems = hostElement.querySelectorAll('*');\n for (var i = 0; i < elems.length; i++) {\n if (elems[i].tagName && elems[i].shadowRoot) {\n target = findFocusableElementWithin(elems[i].shadowRoot);\n if (target) {\n break;\n }\n }\n }\n }\n return target;\n}\n\n/**\n * Determines if an element is attached to the DOM.\n * @param {Element} element to check\n * @return {boolean} whether the element is in DOM\n */\nfunction isConnected(element) {\n return element.isConnected || document.body.contains(element);\n}\n\n/**\n * @param {!Event} event\n * @return {?Element}\n */\nfunction findFormSubmitter(event) {\n if (event.submitter) {\n return event.submitter;\n }\n\n var form = event.target;\n if (!(form instanceof HTMLFormElement)) {\n return null;\n }\n\n var submitter = dialogPolyfill.formSubmitter;\n if (!submitter) {\n var target = event.target;\n var root = ('getRootNode' in target && target.getRootNode() || document);\n submitter = root.activeElement;\n }\n\n if (!submitter || submitter.form !== form) {\n return null;\n }\n return submitter;\n}\n\n/**\n * @param {!Event} event\n */\nfunction maybeHandleSubmit(event) {\n if (event.defaultPrevented) {\n return;\n }\n var form = /** @type {!HTMLFormElement} */ (event.target);\n\n // We'd have a value if we clicked on an imagemap.\n var value = dialogPolyfill.imagemapUseValue;\n var submitter = findFormSubmitter(event);\n if (value === null && submitter) {\n value = submitter.value;\n }\n\n // There should always be a dialog as this handler is added specifically on them, but check just\n // in case.\n var dialog = findNearestDialog(form);\n if (!dialog) {\n return;\n }\n\n // Prefer formmethod on the button.\n var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n if (formmethod !== 'dialog') {\n return;\n }\n event.preventDefault();\n\n if (value != null) {\n // nb. we explicitly check against null/undefined\n dialog.close(value);\n } else {\n dialog.close();\n }\n}\n\n/**\n * @param {!HTMLDialogElement} dialog to upgrade\n * @constructor\n */\nfunction dialogPolyfillInfo(dialog) {\n this.dialog_ = dialog;\n this.replacedStyleTop_ = false;\n this.openAsModal_ = false;\n\n // Set a11y role. Browsers that support dialog implicitly know this already.\n if (!dialog.hasAttribute('role')) {\n dialog.setAttribute('role', 'dialog');\n }\n\n dialog.show = this.show.bind(this);\n dialog.showModal = this.showModal.bind(this);\n dialog.close = this.close.bind(this);\n\n dialog.addEventListener('submit', maybeHandleSubmit, false);\n\n if (!('returnValue' in dialog)) {\n dialog.returnValue = '';\n }\n\n if ('MutationObserver' in window) {\n var mo = new MutationObserver(this.maybeHideModal.bind(this));\n mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n } else {\n // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also\n // seem to fire even if the element was removed as part of a parent removal. Use the removed\n // events to force downgrade (useful if removed/immediately added).\n var removed = false;\n var cb = function() {\n removed ? this.downgradeModal() : this.maybeHideModal();\n removed = false;\n }.bind(this);\n var timeout;\n var delayModel = function(ev) {\n if (ev.target !== dialog) { return; } // not for a child element\n var cand = 'DOMNodeRemoved';\n removed |= (ev.type.substr(0, cand.length) === cand);\n window.clearTimeout(timeout);\n timeout = window.setTimeout(cb, 0);\n };\n ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {\n dialog.addEventListener(name, delayModel);\n });\n }\n // Note that the DOM is observed inside DialogManager while any dialog\n // is being displayed as a modal, to catch modal removal from the DOM.\n\n Object.defineProperty(dialog, 'open', {\n set: this.setOpen.bind(this),\n get: dialog.hasAttribute.bind(dialog, 'open')\n });\n\n this.backdrop_ = document.createElement('div');\n this.backdrop_.className = 'backdrop';\n this.backdrop_.addEventListener('mouseup' , this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('click' , this.backdropMouseEvent_.bind(this));\n}\n\ndialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({\n\n get dialog() {\n return this.dialog_;\n },\n\n /**\n * Maybe remove this dialog from the modal top layer. This is called when\n * a modal dialog may no longer be tenable, e.g., when the dialog is no\n * longer open or is no longer part of the DOM.\n */\n maybeHideModal: function() {\n if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }\n this.downgradeModal();\n },\n\n /**\n * Remove this dialog from the modal top layer, leaving it as a non-modal.\n */\n downgradeModal: function() {\n if (!this.openAsModal_) { return; }\n this.openAsModal_ = false;\n this.dialog_.style.zIndex = '';\n\n // This won't match the native exactly because if the user set top on a centered\n // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's\n // possible to polyfill this perfectly.\n if (this.replacedStyleTop_) {\n this.dialog_.style.top = '';\n this.replacedStyleTop_ = false;\n }\n\n // Clear the backdrop and remove from the manager.\n this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);\n dialogPolyfill.dm.removeDialog(this);\n },\n\n /**\n * @param {boolean} value whether to open or close this dialog\n */\n setOpen: function(value) {\n if (value) {\n this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');\n } else {\n this.dialog_.removeAttribute('open');\n this.maybeHideModal(); // nb. redundant with MutationObserver\n }\n },\n\n /**\n * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if\n * they were on the dialog itself.\n *\n * @param {!Event} e to redirect\n */\n backdropMouseEvent_: function(e) {\n if (!this.dialog_.hasAttribute('tabindex')) {\n // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be\n // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this\n // would not be needed - clicks would move the implicit cursor there.\n var fake = document.createElement('div');\n this.dialog_.insertBefore(fake, this.dialog_.firstChild);\n fake.tabIndex = -1;\n fake.focus();\n this.dialog_.removeChild(fake);\n } else {\n this.dialog_.focus();\n }\n\n var redirectedEvent = document.createEvent('MouseEvents');\n redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,\n e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,\n e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);\n this.dialog_.dispatchEvent(redirectedEvent);\n e.stopPropagation();\n },\n\n /**\n * Focuses on the first focusable element within the dialog. This will always blur the current\n * focus, even if nothing within the dialog is found.\n */\n focus_: function() {\n // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.\n var target = this.dialog_.querySelector('[autofocus]:not([disabled])');\n if (!target && this.dialog_.tabIndex >= 0) {\n target = this.dialog_;\n }\n if (!target) {\n target = findFocusableElementWithin(this.dialog_);\n }\n safeBlur(document.activeElement);\n target && target.focus();\n },\n\n /**\n * Sets the zIndex for the backdrop and dialog.\n *\n * @param {number} dialogZ\n * @param {number} backdropZ\n */\n updateZIndex: function(dialogZ, backdropZ) {\n if (dialogZ < backdropZ) {\n throw new Error('dialogZ should never be < backdropZ');\n }\n this.dialog_.style.zIndex = dialogZ;\n this.backdrop_.style.zIndex = backdropZ;\n },\n\n /**\n * Shows the dialog. If the dialog is already open, this does nothing.\n */\n show: function() {\n if (!this.dialog_.open) {\n this.setOpen(true);\n this.focus_();\n }\n },\n\n /**\n * Show this dialog modally.\n */\n showModal: function() {\n if (this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is already open, and therefore cannot be opened modally.');\n }\n if (!isConnected(this.dialog_)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is not in a Document.');\n }\n if (!dialogPolyfill.dm.pushDialog(this)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: There are too many open modal dialogs.');\n }\n\n if (createsStackingContext(this.dialog_.parentElement)) {\n console.warn('A dialog is being shown inside a stacking context. ' +\n 'This may cause it to be unusable. For more information, see this link: ' +\n 'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');\n }\n\n this.setOpen(true);\n this.openAsModal_ = true;\n\n // Optionally center vertically, relative to the current viewport.\n if (dialogPolyfill.needsCentering(this.dialog_)) {\n dialogPolyfill.reposition(this.dialog_);\n this.replacedStyleTop_ = true;\n } else {\n this.replacedStyleTop_ = false;\n }\n\n // Insert backdrop.\n this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);\n\n // Focus on whatever inside the dialog.\n this.focus_();\n },\n\n /**\n * Closes this HTMLDialogElement. This is optional vs clearing the open\n * attribute, however this fires a 'close' event.\n *\n * @param {string=} opt_returnValue to use as the returnValue\n */\n close: function(opt_returnValue) {\n if (!this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'close\\' on dialog: The element does not have an \\'open\\' attribute, and therefore cannot be closed.');\n }\n this.setOpen(false);\n\n // Leave returnValue untouched in case it was set directly on the element\n if (opt_returnValue !== undefined) {\n this.dialog_.returnValue = opt_returnValue;\n }\n\n // Triggering \"close\" event for any attached listeners on the .\n var closeEvent = new supportCustomEvent('close', {\n bubbles: false,\n cancelable: false\n });\n safeDispatchEvent(this.dialog_, closeEvent);\n }\n\n});\n\nvar dialogPolyfill = {};\n\ndialogPolyfill.reposition = function(element) {\n var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;\n var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;\n element.style.top = Math.max(scrollTop, topValue) + 'px';\n};\n\ndialogPolyfill.isInlinePositionSetByStylesheet = function(element) {\n for (var i = 0; i < document.styleSheets.length; ++i) {\n var styleSheet = document.styleSheets[i];\n var cssRules = null;\n // Some browsers throw on cssRules.\n try {\n cssRules = styleSheet.cssRules;\n } catch (e) {}\n if (!cssRules) { continue; }\n for (var j = 0; j < cssRules.length; ++j) {\n var rule = cssRules[j];\n var selectedNodes = null;\n // Ignore errors on invalid selector texts.\n try {\n selectedNodes = document.querySelectorAll(rule.selectorText);\n } catch(e) {}\n if (!selectedNodes || !inNodeList(selectedNodes, element)) {\n continue;\n }\n var cssTop = rule.style.getPropertyValue('top');\n var cssBottom = rule.style.getPropertyValue('bottom');\n if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {\n return true;\n }\n }\n }\n return false;\n};\n\ndialogPolyfill.needsCentering = function(dialog) {\n var computedStyle = window.getComputedStyle(dialog);\n if (computedStyle.position !== 'absolute') {\n return false;\n }\n\n // We must determine whether the top/bottom specified value is non-auto. In\n // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but\n // Firefox returns the used value. So we do this crazy thing instead: check\n // the inline style and then go through CSS rules.\n if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||\n (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {\n return false;\n }\n return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);\n};\n\n/**\n * @param {!Element} element to force upgrade\n */\ndialogPolyfill.forceRegisterDialog = function(element) {\n if (window.HTMLDialogElement || element.showModal) {\n console.warn('This browser already supports , the polyfill ' +\n 'may not work correctly', element);\n }\n if (element.localName !== 'dialog') {\n throw new Error('Failed to register dialog: The element is not a dialog.');\n }\n new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));\n};\n\n/**\n * @param {!Element} element to upgrade, if necessary\n */\ndialogPolyfill.registerDialog = function(element) {\n if (!element.showModal) {\n dialogPolyfill.forceRegisterDialog(element);\n }\n};\n\n/**\n * @constructor\n */\ndialogPolyfill.DialogManager = function() {\n /** @type {!Array} */\n this.pendingDialogStack = [];\n\n var checkDOM = this.checkDOM_.bind(this);\n\n // The overlay is used to simulate how a modal dialog blocks the document.\n // The blocking dialog is positioned on top of the overlay, and the rest of\n // the dialogs on the pending dialog stack are positioned below it. In the\n // actual implementation, the modal dialog stacking is controlled by the\n // top layer, where z-index has no effect.\n this.overlay = document.createElement('div');\n this.overlay.className = '_dialog_overlay';\n this.overlay.addEventListener('click', function(e) {\n this.forwardTab_ = undefined;\n e.stopPropagation();\n checkDOM([]); // sanity-check DOM\n }.bind(this));\n\n this.handleKey_ = this.handleKey_.bind(this);\n this.handleFocus_ = this.handleFocus_.bind(this);\n\n this.zIndexLow_ = 100000;\n this.zIndexHigh_ = 100000 + 150;\n\n this.forwardTab_ = undefined;\n\n if ('MutationObserver' in window) {\n this.mo_ = new MutationObserver(function(records) {\n var removed = [];\n records.forEach(function(rec) {\n for (var i = 0, c; c = rec.removedNodes[i]; ++i) {\n if (!(c instanceof Element)) {\n continue;\n } else if (c.localName === 'dialog') {\n removed.push(c);\n }\n removed = removed.concat(c.querySelectorAll('dialog'));\n }\n });\n removed.length && checkDOM(removed);\n });\n }\n};\n\n/**\n * Called on the first modal dialog being shown. Adds the overlay and related\n * handlers.\n */\ndialogPolyfill.DialogManager.prototype.blockDocument = function() {\n document.documentElement.addEventListener('focus', this.handleFocus_, true);\n document.addEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});\n};\n\n/**\n * Called on the first modal dialog being removed, i.e., when no more modal\n * dialogs are visible.\n */\ndialogPolyfill.DialogManager.prototype.unblockDocument = function() {\n document.documentElement.removeEventListener('focus', this.handleFocus_, true);\n document.removeEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.disconnect();\n};\n\n/**\n * Updates the stacking of all known dialogs.\n */\ndialogPolyfill.DialogManager.prototype.updateStacking = function() {\n var zIndex = this.zIndexHigh_;\n\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n dpi.updateZIndex(--zIndex, --zIndex);\n if (i === 0) {\n this.overlay.style.zIndex = --zIndex;\n }\n }\n\n // Make the overlay a sibling of the dialog itself.\n var last = this.pendingDialogStack[0];\n if (last) {\n var p = last.dialog.parentNode || document.body;\n p.appendChild(this.overlay);\n } else if (this.overlay.parentNode) {\n this.overlay.parentNode.removeChild(this.overlay);\n }\n};\n\n/**\n * @param {Element} candidate to check if contained or is the top-most modal dialog\n * @return {boolean} whether candidate is contained in top dialog\n */\ndialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {\n while (candidate = findNearestDialog(candidate)) {\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n if (dpi.dialog === candidate) {\n return i === 0; // only valid if top-most\n }\n }\n candidate = candidate.parentElement;\n }\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {\n var target = event.composedPath ? event.composedPath()[0] : event.target;\n\n if (this.containedByTopDialog_(target)) { return; }\n\n if (document.activeElement === document.documentElement) { return; }\n\n event.preventDefault();\n event.stopPropagation();\n safeBlur(/** @type {Element} */ (target));\n\n if (this.forwardTab_ === undefined) { return; } // move focus only from a tab key\n\n var dpi = this.pendingDialogStack[0];\n var dialog = dpi.dialog;\n var position = dialog.compareDocumentPosition(target);\n if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n if (this.forwardTab_) {\n // forward\n dpi.focus_();\n } else if (target !== document.documentElement) {\n // backwards if we're not already focused on \n document.documentElement.focus();\n }\n }\n\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {\n this.forwardTab_ = undefined;\n if (event.keyCode === 27) {\n event.preventDefault();\n event.stopPropagation();\n var cancelEvent = new supportCustomEvent('cancel', {\n bubbles: false,\n cancelable: true\n });\n var dpi = this.pendingDialogStack[0];\n if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {\n dpi.dialog.close();\n }\n } else if (event.keyCode === 9) {\n this.forwardTab_ = !event.shiftKey;\n }\n};\n\n/**\n * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are\n * removed and immediately readded don't stay modal, they become normal.\n *\n * @param {!Array} removed that have definitely been removed\n */\ndialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {\n // This operates on a clone because it may cause it to change. Each change also calls\n // updateStacking, which only actually needs to happen once. But who removes many modal dialogs\n // at a time?!\n var clone = this.pendingDialogStack.slice();\n clone.forEach(function(dpi) {\n if (removed.indexOf(dpi.dialog) !== -1) {\n dpi.downgradeModal();\n } else {\n dpi.maybeHideModal();\n }\n });\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n * @return {boolean} whether the dialog was allowed\n */\ndialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {\n var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;\n if (this.pendingDialogStack.length >= allowed) {\n return false;\n }\n if (this.pendingDialogStack.unshift(dpi) === 1) {\n this.blockDocument();\n }\n this.updateStacking();\n return true;\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n */\ndialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {\n var index = this.pendingDialogStack.indexOf(dpi);\n if (index === -1) { return; }\n\n this.pendingDialogStack.splice(index, 1);\n if (this.pendingDialogStack.length === 0) {\n this.unblockDocument();\n }\n this.updateStacking();\n};\n\ndialogPolyfill.dm = new dialogPolyfill.DialogManager();\ndialogPolyfill.formSubmitter = null;\ndialogPolyfill.imagemapUseValue = null;\n\n/**\n * Installs global handlers, such as click listers and native method overrides. These are needed\n * even if a no dialog is registered, as they deal with .\n */\nif (window.HTMLDialogElement === undefined) {\n\n /**\n * If HTMLFormElement translates method=\"DIALOG\" into 'get', then replace the descriptor with\n * one that returns the correct value.\n */\n var testForm = document.createElement('form');\n testForm.setAttribute('method', 'dialog');\n if (testForm.method !== 'dialog') {\n var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');\n if (methodDescriptor) {\n // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything\n // and don't bother to update the element.\n var realGet = methodDescriptor.get;\n methodDescriptor.get = function() {\n if (isFormMethodDialog(this)) {\n return 'dialog';\n }\n return realGet.call(this);\n };\n var realSet = methodDescriptor.set;\n /** @this {HTMLElement} */\n methodDescriptor.set = function(v) {\n if (typeof v === 'string' && v.toLowerCase() === 'dialog') {\n return this.setAttribute('method', v);\n }\n return realSet.call(this, v);\n };\n Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);\n }\n }\n\n /**\n * Global 'click' handler, to capture the or \n \n );\n }\n }\n\n private handleEscape(e: Event): void {\n if (this.closable) {\n return;\n }\n e.preventDefault();\n }\n\n render(): HTMLZModalElement {\n return (\n (this.dialog = el as HTMLDialogElement)}\n onClose={() => this.emitModalClose()}\n onCancel={(e) => this.handleEscape(e)}\n >\n \n
\n
\n {this.modaltitle &&

{this.modaltitle}

}\n {this.closeButtonSlot()}\n
\n {this.modalsubtitle && (\n \n {this.modalsubtitle}\n \n )}\n
\n\n \n \n \n \n {\n this.emitBackgroundClick();\n this.close();\n }}\n >\n \n );\n }\n}\n"],"mappings":"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","ignoreList":[]} \ No newline at end of file diff --git a/web-components-library/p-51e3b496.entry.js b/web-components-library/p-5bd51a65.entry.js similarity index 57% rename from web-components-library/p-51e3b496.entry.js rename to web-components-library/p-5bd51a65.entry.js index f6d519f21..2cd9ad462 100644 --- a/web-components-library/p-51e3b496.entry.js +++ b/web-components-library/p-5bd51a65.entry.js @@ -1,2 +1,2 @@ -import{r as t,c as e,h as i,g as o}from"./p-cc3c02fe.js";import{g as n}from"./p-025f494e.js";const a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:-ms-flexbox;display:flex;height:228px;-ms-flex-direction:column;flex-direction:column;padding:calc(var(--space-unit) * 2);border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-default-text)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text-inverse)}:host>.dragdrop.dragover .dragover-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";const r=a;const s=class{constructor(i){t(this,i);this.fileDropped=e(this,"fileDropped",7);this.dragAndDropLabel=undefined}fileDroppedHandler(t){this.fileDropped.emit(t)}renderOnDragOverMessage(){return i("div",{class:"dragover-container"},i("div",{class:"dragover-message"},i("span",{class:"body-2-sb"},this.dragAndDropLabel)))}render(){return i("div",{key:"41334ac77bca3fb0d30518480b702c815d95b125",tabIndex:0,ref:t=>this.dragDropContainer=t,class:"dragdrop",onDragOver:t=>{t.preventDefault();this.dragDropContainer.classList.add("dragover")},onDragLeave:()=>{this.dragDropContainer.classList.remove("dragover")},onDrop:t=>{t.preventDefault();if(t.dataTransfer.files.length){this.dragDropContainer.classList.remove("dragover");this.fileDroppedHandler(t.dataTransfer.files)}}},this.renderOnDragOverMessage(),i("slot",{key:"83344ee14fcec799690b644fe0a56cc86e1b4476"}))}};s.style=r;var d=window.CustomEvent;if(!d||typeof d==="object"){d=function t(e,i){i=i||{};var o=document.createEvent("CustomEvent");o.initCustomEvent(e,!!i.bubbles,!!i.cancelable,i.detail||null);return o};d.prototype=window.Event.prototype}function l(t,e){var i="on"+e.type.toLowerCase();if(typeof t[i]==="function"){t[i](e)}return t.dispatchEvent(e)}function c(t){while(t&&t!==document.body){var e=window.getComputedStyle(t);var i=function(t,i){return!(e[t]===undefined||e[t]===i)};if(e.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||e["isolation"]==="isolate"||e.position==="fixed"||e.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function h(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function u(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function f(t,e){for(var i=0;i=0){t=this.dialog_}if(!t){t=v(this.dialog_)}u(document.activeElement);t&&t.focus()},updateZIndex:function(t,e){if(t, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new w(t)};y.registerDialog=function(t){if(!t.showModal){y.forceRegisterDialog(t)}};y.DialogManager=function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div");this.overlay.className="_dialog_overlay";this.overlay.addEventListener("click",function(e){this.forwardTab_=undefined;e.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(e){var i=[];e.forEach((function(t){for(var e=0,o;o=t.removedNodes[e];++e){if(!(o instanceof Element)){continue}else if(o.localName==="dialog"){i.push(o)}i=i.concat(o.querySelectorAll("dialog"))}}));i.length&&t(i)}))}};y.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};y.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};y.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var e=0,i;i=this.pendingDialogStack[e];++e){i.updateZIndex(--t,--t);if(e===0){this.overlay.style.zIndex=--t}}var o=this.pendingDialogStack[0];if(o){var n=o.dialog.parentNode||document.body;n.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};y.DialogManager.prototype.containedByTopDialog_=function(t){while(t=h(t)){for(var e=0,i;i=this.pendingDialogStack[e];++e){if(i.dialog===t){return e===0}}t=t.parentElement}return false};y.DialogManager.prototype.handleFocus_=function(t){var e=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(e)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();u(e);if(this.forwardTab_===undefined){return}var i=this.pendingDialogStack[0];var o=i.dialog;var n=o.compareDocumentPosition(e);if(n&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){i.focus_()}else if(e!==document.documentElement){document.documentElement.focus()}}return false};y.DialogManager.prototype.handleKey_=function(t){this.forwardTab_=undefined;if(t.keyCode===27){t.preventDefault();t.stopPropagation();var e=new d("cancel",{bubbles:false,cancelable:true});var i=this.pendingDialogStack[0];if(i&&l(i.dialog,e)){i.dialog.close()}}else if(t.keyCode===9){this.forwardTab_=!t.shiftKey}};y.DialogManager.prototype.checkDOM_=function(t){var e=this.pendingDialogStack.slice();e.forEach((function(e){if(t.indexOf(e.dialog)!==-1){e.downgradeModal()}else{e.maybeHideModal()}}))};y.DialogManager.prototype.pushDialog=function(t){var e=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=e){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};y.DialogManager.prototype.removeDialog=function(t){var e=this.pendingDialogStack.indexOf(t);if(e===-1){return}this.pendingDialogStack.splice(e,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};y.dm=new y.DialogManager;y.formSubmitter=null;y.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var x=document.createElement("form");x.setAttribute("method","dialog");if(x.method!=="dialog"){var k=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(k){var M=k.get;k.get=function(){if(m(this)){return"dialog"}return M.call(this)};var z=k.set;k.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return z.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",k)}}document.addEventListener("click",(function(t){y.formSubmitter=null;y.imagemapUseValue=null;if(t.defaultPrevented){return}var e=t.target;if("composedPath"in t){var i=t.composedPath();e=i.shift()||e}if(!e||!m(e.form)){return}var o=e.type==="submit"&&["button","input"].indexOf(e.localName)>-1;if(!o){if(!(e.localName==="input"&&e.type==="image")){return}y.imagemapUseValue=t.offsetX+","+t.offsetY}var n=h(e);if(!n){return}y.formSubmitter=e}),false);document.addEventListener("submit",(function(t){var e=t.target;var i=h(e);if(i){return}var o=b(t);var n=o&&o.getAttribute("formmethod")||e.getAttribute("method");if(n==="dialog"){t.preventDefault()}}));var E=HTMLFormElement.prototype.submit;var C=function(){if(!m(this)){return E.call(this)}var t=h(this);t&&t.close()};HTMLFormElement.prototype.submit=C}const O=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::-webkit-backdrop{display:none}:host>dialog::-ms-backdrop{display:none}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}.modal-container{z-index:1010;display:-ms-flexbox;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;-ms-flex-direction:column;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 3 - 2px) calc(var(--space-unit) * 2) calc(var(--space-unit) + 4px)\n 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 z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:-ms-flexbox;display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;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-rg)}.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);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;-ms-flex:1 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:-webkit-sticky;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);-webkit-transform:translateX(-50%);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));-webkit-transform:translateX(-50%);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}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 3 - 4px)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header .subtitle{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding-top:calc(var(--space-unit) * 3 - 2px)}}';const F=O;const D=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';const T=class{constructor(i){t(this,i);this.modalClose=e(this,"modalClose",7);this.modalHeaderActive=e(this,"modalHeaderActive",7);this.modalBackgroundClick=e(this,"modalBackgroundClick",7);this.modalid=undefined;this.modaltitle=undefined;this.modalsubtitle=undefined;this.closeButtonLabel="chiudi modale";this.alertdialog=false;this.closable=true;this.scrollInside=true}emitModalClose(){if(this.closable){this.modalClose.emit({modalid:this.modalid})}}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){if(this.closable){this.modalBackgroundClick.emit({modalid:this.modalid})}}componentDidLoad(){if(typeof window.HTMLDialogElement!=="function"){if(!this.dialog.localName){Object.defineProperty(this.dialog,"localName",{value:"dialog"})}y.registerDialog(this.dialog);this.dialog.setAttribute("open","true")}else{this.open()}}async open(){var t;(t=this.dialog)===null||t===void 0?void 0:t.showModal()}async close(){var t;if(this.closable){(t=this.dialog)===null||t===void 0?void 0:t.close()}}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(D)),...Array.from(this.host.querySelectorAll(D))].filter((t=>getComputedStyle(t).display!=="none"))}handleKeyDown(t){if(t.code!==n.TAB){return}const e=this.focusableElements;const i=this.host.shadowRoot.activeElement;const o=this.host.ownerDocument.activeElement;const a=e[0];const r=e[e.length-1];if(t.shiftKey&&(i==a||o==a)){t.preventDefault();r.focus()}else if(!t.shiftKey&&(i==r||o==r)){t.preventDefault();a.focus()}}closeButtonSlot(){if(this.closable){return i("slot",{name:"modalCloseButton"},i("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},i("z-icon",{name:"multiply-circle-filled"})))}}handleEscape(t){if(this.closable){return}t.preventDefault()}render(){return i("dialog",{key:"502c0fd42f37a498ef3ec2b2b174ac4950287883",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":undefined,ref:t=>this.dialog=t,onClose:()=>this.emitModalClose(),onCancel:t=>this.handleEscape(t)},i("div",{key:"0dd9496ca11660307bcb8d751e8793659aa30741",class:{"modal-container":true,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},i("header",{key:"6952365a4a1d64e1ce23a9454f11cd4ae76e37ca",onClick:this.emitModalHeaderActive.bind(this)},i("div",{key:"fe219a40167ad9984255885bb189d9a9a0509cd5"},this.modaltitle&&i("h1",{key:"2991d4e6c254160dfe33e3558dc5db4d4dbf0abf",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&i("div",{key:"5a612bc3eb027b488a37918794c4f24e1991a38d",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),i("div",{key:"34008ade3d0f05c701b4d94df647086a8de3cd27",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},i("slot",{key:"7ce631a687090f9b69bafa8de5dbe76d21d2c554",name:"modalContent"}))),i("div",{key:"8fc40e271bec8219fbbbf208bbba900a74ebdec8",class:{"modal-background":true,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick();this.close()}}))}get host(){return o(this)}};T.style=F;export{s as z_dragdrop_area,T as z_modal}; -//# sourceMappingURL=p-51e3b496.entry.js.map \ No newline at end of file +import{r as t,c as e,h as i,g as o}from"./p-cc3c02fe.js";import{g as a}from"./p-025f494e.js";const n=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:-ms-flexbox;display:flex;height:228px;-ms-flex-direction:column;flex-direction:column;padding:calc(var(--space-unit) * 2);border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-default-text)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text-inverse)}:host>.dragdrop.dragover .dragover-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";const r=n;const s=class{constructor(i){t(this,i);this.fileDropped=e(this,"fileDropped",7);this.dragAndDropLabel=undefined}fileDroppedHandler(t){this.fileDropped.emit(t)}renderOnDragOverMessage(){return i("div",{class:"dragover-container"},i("div",{class:"dragover-message"},i("span",{class:"body-2-sb"},this.dragAndDropLabel)))}render(){return i("div",{key:"41334ac77bca3fb0d30518480b702c815d95b125",tabIndex:0,ref:t=>this.dragDropContainer=t,class:"dragdrop",onDragOver:t=>{t.preventDefault();this.dragDropContainer.classList.add("dragover")},onDragLeave:()=>{this.dragDropContainer.classList.remove("dragover")},onDrop:t=>{t.preventDefault();if(t.dataTransfer.files.length){this.dragDropContainer.classList.remove("dragover");this.fileDroppedHandler(t.dataTransfer.files)}}},this.renderOnDragOverMessage(),i("slot",{key:"83344ee14fcec799690b644fe0a56cc86e1b4476"}))}};s.style=r;var d=window.CustomEvent;if(!d||typeof d==="object"){d=function t(e,i){i=i||{};var o=document.createEvent("CustomEvent");o.initCustomEvent(e,!!i.bubbles,!!i.cancelable,i.detail||null);return o};d.prototype=window.Event.prototype}function l(t,e){var i="on"+e.type.toLowerCase();if(typeof t[i]==="function"){t[i](e)}return t.dispatchEvent(e)}function c(t){while(t&&t!==document.body){var e=window.getComputedStyle(t);var i=function(t,i){return!(e[t]===undefined||e[t]===i)};if(e.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||e["isolation"]==="isolate"||e.position==="fixed"||e.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function h(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function u(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function f(t,e){for(var i=0;i=0){t=this.dialog_}if(!t){t=v(this.dialog_)}u(document.activeElement);t&&t.focus()},updateZIndex:function(t,e){if(t, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new w(t)};y.registerDialog=function(t){if(!t.showModal){y.forceRegisterDialog(t)}};y.DialogManager=function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div");this.overlay.className="_dialog_overlay";this.overlay.addEventListener("click",function(e){this.forwardTab_=undefined;e.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(e){var i=[];e.forEach((function(t){for(var e=0,o;o=t.removedNodes[e];++e){if(!(o instanceof Element)){continue}else if(o.localName==="dialog"){i.push(o)}i=i.concat(o.querySelectorAll("dialog"))}}));i.length&&t(i)}))}};y.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};y.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};y.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var e=0,i;i=this.pendingDialogStack[e];++e){i.updateZIndex(--t,--t);if(e===0){this.overlay.style.zIndex=--t}}var o=this.pendingDialogStack[0];if(o){var a=o.dialog.parentNode||document.body;a.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};y.DialogManager.prototype.containedByTopDialog_=function(t){while(t=h(t)){for(var e=0,i;i=this.pendingDialogStack[e];++e){if(i.dialog===t){return e===0}}t=t.parentElement}return false};y.DialogManager.prototype.handleFocus_=function(t){var e=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(e)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();u(e);if(this.forwardTab_===undefined){return}var i=this.pendingDialogStack[0];var o=i.dialog;var a=o.compareDocumentPosition(e);if(a&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){i.focus_()}else if(e!==document.documentElement){document.documentElement.focus()}}return false};y.DialogManager.prototype.handleKey_=function(t){this.forwardTab_=undefined;if(t.keyCode===27){t.preventDefault();t.stopPropagation();var e=new d("cancel",{bubbles:false,cancelable:true});var i=this.pendingDialogStack[0];if(i&&l(i.dialog,e)){i.dialog.close()}}else if(t.keyCode===9){this.forwardTab_=!t.shiftKey}};y.DialogManager.prototype.checkDOM_=function(t){var e=this.pendingDialogStack.slice();e.forEach((function(e){if(t.indexOf(e.dialog)!==-1){e.downgradeModal()}else{e.maybeHideModal()}}))};y.DialogManager.prototype.pushDialog=function(t){var e=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=e){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};y.DialogManager.prototype.removeDialog=function(t){var e=this.pendingDialogStack.indexOf(t);if(e===-1){return}this.pendingDialogStack.splice(e,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};y.dm=new y.DialogManager;y.formSubmitter=null;y.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var x=document.createElement("form");x.setAttribute("method","dialog");if(x.method!=="dialog"){var k=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(k){var M=k.get;k.get=function(){if(m(this)){return"dialog"}return M.call(this)};var z=k.set;k.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return z.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",k)}}document.addEventListener("click",(function(t){y.formSubmitter=null;y.imagemapUseValue=null;if(t.defaultPrevented){return}var e=t.target;if("composedPath"in t){var i=t.composedPath();e=i.shift()||e}if(!e||!m(e.form)){return}var o=e.type==="submit"&&["button","input"].indexOf(e.localName)>-1;if(!o){if(!(e.localName==="input"&&e.type==="image")){return}y.imagemapUseValue=t.offsetX+","+t.offsetY}var a=h(e);if(!a){return}y.formSubmitter=e}),false);document.addEventListener("submit",(function(t){var e=t.target;var i=h(e);if(i){return}var o=p(t);var a=o&&o.getAttribute("formmethod")||e.getAttribute("method");if(a==="dialog"){t.preventDefault()}}));var E=HTMLFormElement.prototype.submit;var C=function(){if(!m(this)){return E.call(this)}var t=h(this);t&&t.close()};HTMLFormElement.prototype.submit=C}const O=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::-webkit-backdrop{display:none}:host>dialog::-ms-backdrop{display:none}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}.modal-container{z-index:1010;display:-ms-flexbox;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;-ms-flex-direction:column;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 2 - 2px) 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 z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:-ms-flexbox;display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;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-rg)}.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);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;-ms-flex:1 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:-webkit-sticky;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);-webkit-transform:translateX(-50%);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));-webkit-transform:translateX(-50%);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}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 3 - 2px) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 4 - 4px) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header .subtitle{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}';const F=O;const D=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';const T=class{constructor(i){t(this,i);this.modalClose=e(this,"modalClose",7);this.modalHeaderActive=e(this,"modalHeaderActive",7);this.modalBackgroundClick=e(this,"modalBackgroundClick",7);this.modalid=undefined;this.modaltitle=undefined;this.modalsubtitle=undefined;this.closeButtonLabel="chiudi modale";this.alertdialog=false;this.closable=true;this.scrollInside=true}emitModalClose(){if(this.closable){this.modalClose.emit({modalid:this.modalid})}}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){if(this.closable){this.modalBackgroundClick.emit({modalid:this.modalid})}}componentDidLoad(){if(typeof window.HTMLDialogElement!=="function"){if(!this.dialog.localName){Object.defineProperty(this.dialog,"localName",{value:"dialog"})}y.registerDialog(this.dialog);this.dialog.setAttribute("open","true")}else{this.open()}}async open(){var t;(t=this.dialog)===null||t===void 0?void 0:t.showModal()}async close(){var t;if(this.closable){(t=this.dialog)===null||t===void 0?void 0:t.close()}}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(D)),...Array.from(this.host.querySelectorAll(D))].filter((t=>getComputedStyle(t).display!=="none"))}handleKeyDown(t){if(t.code!==a.TAB){return}const e=this.focusableElements;const i=this.host.shadowRoot.activeElement;const o=this.host.ownerDocument.activeElement;const n=e[0];const r=e[e.length-1];if(t.shiftKey&&(i==n||o==n)){t.preventDefault();r.focus()}else if(!t.shiftKey&&(i==r||o==r)){t.preventDefault();n.focus()}}closeButtonSlot(){if(this.closable){return i("slot",{name:"modalCloseButton"},i("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},i("z-icon",{name:"multiply-circle-filled"})))}}handleEscape(t){if(this.closable){return}t.preventDefault()}render(){return i("dialog",{key:"502c0fd42f37a498ef3ec2b2b174ac4950287883",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":undefined,ref:t=>this.dialog=t,onClose:()=>this.emitModalClose(),onCancel:t=>this.handleEscape(t)},i("div",{key:"0dd9496ca11660307bcb8d751e8793659aa30741",class:{"modal-container":true,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},i("header",{key:"6952365a4a1d64e1ce23a9454f11cd4ae76e37ca",onClick:this.emitModalHeaderActive.bind(this)},i("div",{key:"fe219a40167ad9984255885bb189d9a9a0509cd5"},this.modaltitle&&i("h1",{key:"2991d4e6c254160dfe33e3558dc5db4d4dbf0abf",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&i("div",{key:"5a612bc3eb027b488a37918794c4f24e1991a38d",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),i("div",{key:"34008ade3d0f05c701b4d94df647086a8de3cd27",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},i("slot",{key:"7ce631a687090f9b69bafa8de5dbe76d21d2c554",name:"modalContent"}))),i("div",{key:"8fc40e271bec8219fbbbf208bbba900a74ebdec8",class:{"modal-background":true,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick();this.close()}}))}get host(){return o(this)}};T.style=F;export{s as z_dragdrop_area,T as z_modal}; +//# sourceMappingURL=p-5bd51a65.entry.js.map \ No newline at end of file diff --git a/web-components-library/p-51e3b496.entry.js.map b/web-components-library/p-5bd51a65.entry.js.map similarity index 56% rename from web-components-library/p-51e3b496.entry.js.map rename to web-components-library/p-5bd51a65.entry.js.map index 17b26787f..8a5a44309 100644 --- a/web-components-library/p-51e3b496.entry.js.map +++ b/web-components-library/p-5bd51a65.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["stylesCss","ZDragdropAreaStyle0","ZDragdropArea","fileDroppedHandler","files","this","fileDropped","emit","renderOnDragOverMessage","h","class","dragAndDropLabel","render","key","tabIndex","ref","val","dragDropContainer","onDragOver","e","preventDefault","classList","add","onDragLeave","remove","onDrop","dataTransfer","length","supportCustomEvent","window","CustomEvent","event","x","ev","document","createEvent","initCustomEvent","bubbles","cancelable","detail","prototype","Event","safeDispatchEvent","target","check","type","toLowerCase","dispatchEvent","createsStackingContext","el","body","s","getComputedStyle","invalid","k","ok","undefined","opacity","position","webkitOverflowScrolling","parentElement","findNearestDialog","localName","parentNode","host","safeBlur","shadowRoot","activeElement","blur","inNodeList","nodeList","node","i","isFormMethodDialog","hasAttribute","getAttribute","findFocusableElementWithin","hostElement","opts","query","map","push","querySelector","join","Element","elems","querySelectorAll","tagName","isConnected","element","contains","findFormSubmitter","submitter","form","HTMLFormElement","dialogPolyfill","formSubmitter","root","getRootNode","maybeHandleSubmit","defaultPrevented","value","imagemapUseValue","dialog","formmethod","close","dialogPolyfillInfo","dialog_","replacedStyleTop_","openAsModal_","setAttribute","show","bind","showModal","addEventListener","returnValue","mo","MutationObserver","maybeHideModal","observe","attributes","attributeFilter","removed","cb","downgradeModal","timeout","delayModel","cand","substr","clearTimeout","setTimeout","forEach","name","Object","defineProperty","set","setOpen","get","backdrop_","createElement","className","backdropMouseEvent_","style","zIndex","top","removeChild","dm","removeDialog","removeAttribute","fake","insertBefore","firstChild","focus","redirectedEvent","initMouseEvent","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","stopPropagation","focus_","updateZIndex","dialogZ","backdropZ","Error","open","pushDialog","console","warn","needsCentering","reposition","nextSibling","opt_returnValue","closeEvent","scrollTop","documentElement","topValue","innerHeight","offsetHeight","Math","max","isInlinePositionSetByStylesheet","styleSheets","styleSheet","cssRules","j","rule","selectedNodes","selectorText","cssTop","getPropertyValue","cssBottom","computedStyle","bottom","forceRegisterDialog","HTMLDialogElement","registerDialog","DialogManager","pendingDialogStack","checkDOM","checkDOM_","overlay","forwardTab_","handleKey_","handleFocus_","zIndexLow_","zIndexHigh_","mo_","records","rec","c","removedNodes","concat","blockDocument","childList","subtree","unblockDocument","removeEventListener","disconnect","updateStacking","dpi","last","p","appendChild","containedByTopDialog_","candidate","composedPath","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","keyCode","cancelEvent","clone","slice","indexOf","allowed","unshift","index","splice","testForm","method","methodDescriptor","getOwnPropertyDescriptor","realGet","call","realSet","v","path","shift","valid","offsetX","offsetY","nativeFormSubmit","submit","replacementFormSubmit","ZModalStyle0","FOCUSABLE_ELEMENTS_SELECTOR","ZModal","emitModalClose","closable","modalClose","modalid","emitModalHeaderActive","modalHeaderActive","emitBackgroundClick","modalBackgroundClick","componentDidLoad","_a","focusableElements","Array","from","filter","display","handleKeyDown","code","KeyboardCode","TAB","shadowActiveElement","ownerDocument","firstFocusableElement","lastFocusableElement","closeButtonSlot","closeButtonLabel","onClick","handleEscape","scrollInside","role","alertdialog","onClose","onCancel","id","modaltitle","modalsubtitle"],"sources":["src/components/file-upload/z-dragdrop-area/styles.css?tag=z-dragdrop-area&encapsulation=shadow","src/components/file-upload/z-dragdrop-area/index.tsx","node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js","src/components/z-modal/styles.css?tag=z-modal&encapsulation=shadow","src/components/z-modal/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > .dragdrop {\n position: relative;\n display: flex;\n height: 228px;\n flex-direction: column;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--color-surface04);\n background-color: var(--color-surface02);\n\n /* Native CSS properties don't support the customization of border-style.\n Therefore, we use a trick with an SVG image inside background-image property.\n The SVG features give us the ability to change the distance between dashed lines, set custom pattern, add dash offset or even change a line cap.\n Generated SVG image is vector and it fills width and height of elements by 100%, so it doesn't matter what size elements have. */\n background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");\n border-radius: 2px;\n color: var(--color-default-text);\n}\n\n/* https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */\n:host > .dragdrop.dragover * {\n pointer-events: none;\n}\n\n:host > .dragdrop .dragover-container {\n position: absolute;\n z-index: 10;\n top: 0;\n left: 0;\n display: none;\n width: 100%;\n height: 100%;\n background-color: var(--color-primary03);\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host > .dragdrop .dragover-container .dragover-message {\n padding: 10px 28px;\n background-color: var(--color-link-primary);\n color: var(--color-text-inverse);\n}\n\n:host > .dragdrop.dragover .dragover-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-dragdrop-area\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZDragdropArea {\n /** drag & drop button label */\n @Prop()\n dragAndDropLabel: string;\n\n /** Emitted when user drop one or more files */\n @Event()\n fileDropped: EventEmitter;\n\n private fileDroppedHandler(files: FileList): void {\n this.fileDropped.emit(files);\n }\n\n private dragDropContainer: HTMLDivElement;\n\n private renderOnDragOverMessage(): HTMLDivElement {\n return (\n
\n
\n {this.dragAndDropLabel}\n
\n
\n );\n }\n\n render(): HTMLDivElement {\n return (\n (this.dragDropContainer = val)}\n class=\"dragdrop\"\n onDragOver={(e) => {\n e.preventDefault();\n this.dragDropContainer.classList.add(\"dragover\");\n }}\n onDragLeave={() => {\n this.dragDropContainer.classList.remove(\"dragover\");\n }}\n onDrop={(e) => {\n e.preventDefault();\n if (e.dataTransfer.files.length) {\n this.dragDropContainer.classList.remove(\"dragover\");\n this.fileDroppedHandler(e.dataTransfer.files);\n }\n }}\n >\n {this.renderOnDragOverMessage()}\n \n \n );\n }\n}\n","// nb. This is for IE10 and lower _only_.\nvar supportCustomEvent = window.CustomEvent;\nif (!supportCustomEvent || typeof supportCustomEvent === 'object') {\n supportCustomEvent = function CustomEvent(event, x) {\n x = x || {};\n var ev = document.createEvent('CustomEvent');\n ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);\n return ev;\n };\n supportCustomEvent.prototype = window.Event.prototype;\n}\n\n/**\n * Dispatches the passed event to both an \"on\" handler as well as via the\n * normal dispatch operation. Does not bubble.\n *\n * @param {!EventTarget} target\n * @param {!Event} event\n * @return {boolean}\n */\nfunction safeDispatchEvent(target, event) {\n var check = 'on' + event.type.toLowerCase();\n if (typeof target[check] === 'function') {\n target[check](event);\n }\n return target.dispatchEvent(event);\n}\n\n/**\n * @param {Element} el to check for stacking context\n * @return {boolean} whether this el or its parents creates a stacking context\n */\nfunction createsStackingContext(el) {\n while (el && el !== document.body) {\n var s = window.getComputedStyle(el);\n var invalid = function(k, ok) {\n return !(s[k] === undefined || s[k] === ok);\n };\n\n if (s.opacity < 1 ||\n invalid('zIndex', 'auto') ||\n invalid('transform', 'none') ||\n invalid('mixBlendMode', 'normal') ||\n invalid('filter', 'none') ||\n invalid('perspective', 'none') ||\n s['isolation'] === 'isolate' ||\n s.position === 'fixed' ||\n s.webkitOverflowScrolling === 'touch') {\n return true;\n }\n el = el.parentElement;\n }\n return false;\n}\n\n/**\n * Finds the nearest from the passed element.\n *\n * @param {Element} el to search from\n * @return {HTMLDialogElement} dialog found\n */\nfunction findNearestDialog(el) {\n while (el) {\n if (el.localName === 'dialog') {\n return /** @type {HTMLDialogElement} */ (el);\n }\n if (el.parentElement) {\n el = el.parentElement;\n } else if (el.parentNode) {\n el = el.parentNode.host;\n } else {\n el = null;\n }\n }\n return null;\n}\n\n/**\n * Blur the specified element, as long as it's not the HTML body element.\n * This works around an IE9/10 bug - blurring the body causes Windows to\n * blur the whole application.\n *\n * @param {Element} el to blur\n */\nfunction safeBlur(el) {\n // Find the actual focused element when the active element is inside a shadow root\n while (el && el.shadowRoot && el.shadowRoot.activeElement) {\n el = el.shadowRoot.activeElement;\n }\n\n if (el && el.blur && el !== document.body) {\n el.blur();\n }\n}\n\n/**\n * @param {!NodeList} nodeList to search\n * @param {Node} node to find\n * @return {boolean} whether node is inside nodeList\n */\nfunction inNodeList(nodeList, node) {\n for (var i = 0; i < nodeList.length; ++i) {\n if (nodeList[i] === node) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * @param {HTMLFormElement} el to check\n * @return {boolean} whether this form has method=\"dialog\"\n */\nfunction isFormMethodDialog(el) {\n if (!el || !el.hasAttribute('method')) {\n return false;\n }\n return el.getAttribute('method').toLowerCase() === 'dialog';\n}\n\n/**\n * @param {!DocumentFragment|!Element} hostElement\n * @return {?Element}\n */\nfunction findFocusableElementWithin(hostElement) {\n // Note that this is 'any focusable area'. This list is probably not exhaustive, but the\n // alternative involves stepping through and trying to focus everything.\n var opts = ['button', 'input', 'keygen', 'select', 'textarea'];\n var query = opts.map(function(el) {\n return el + ':not([disabled])';\n });\n // TODO(samthor): tabindex values that are not numeric are not focusable.\n query.push('[tabindex]:not([disabled]):not([tabindex=\"\"])'); // tabindex != \"\", not disabled\n var target = hostElement.querySelector(query.join(', '));\n\n if (!target && 'attachShadow' in Element.prototype) {\n // If we haven't found a focusable target, see if the host element contains an element\n // which has a shadowRoot.\n // Recursively search for the first focusable item in shadow roots.\n var elems = hostElement.querySelectorAll('*');\n for (var i = 0; i < elems.length; i++) {\n if (elems[i].tagName && elems[i].shadowRoot) {\n target = findFocusableElementWithin(elems[i].shadowRoot);\n if (target) {\n break;\n }\n }\n }\n }\n return target;\n}\n\n/**\n * Determines if an element is attached to the DOM.\n * @param {Element} element to check\n * @return {boolean} whether the element is in DOM\n */\nfunction isConnected(element) {\n return element.isConnected || document.body.contains(element);\n}\n\n/**\n * @param {!Event} event\n * @return {?Element}\n */\nfunction findFormSubmitter(event) {\n if (event.submitter) {\n return event.submitter;\n }\n\n var form = event.target;\n if (!(form instanceof HTMLFormElement)) {\n return null;\n }\n\n var submitter = dialogPolyfill.formSubmitter;\n if (!submitter) {\n var target = event.target;\n var root = ('getRootNode' in target && target.getRootNode() || document);\n submitter = root.activeElement;\n }\n\n if (!submitter || submitter.form !== form) {\n return null;\n }\n return submitter;\n}\n\n/**\n * @param {!Event} event\n */\nfunction maybeHandleSubmit(event) {\n if (event.defaultPrevented) {\n return;\n }\n var form = /** @type {!HTMLFormElement} */ (event.target);\n\n // We'd have a value if we clicked on an imagemap.\n var value = dialogPolyfill.imagemapUseValue;\n var submitter = findFormSubmitter(event);\n if (value === null && submitter) {\n value = submitter.value;\n }\n\n // There should always be a dialog as this handler is added specifically on them, but check just\n // in case.\n var dialog = findNearestDialog(form);\n if (!dialog) {\n return;\n }\n\n // Prefer formmethod on the button.\n var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n if (formmethod !== 'dialog') {\n return;\n }\n event.preventDefault();\n\n if (value != null) {\n // nb. we explicitly check against null/undefined\n dialog.close(value);\n } else {\n dialog.close();\n }\n}\n\n/**\n * @param {!HTMLDialogElement} dialog to upgrade\n * @constructor\n */\nfunction dialogPolyfillInfo(dialog) {\n this.dialog_ = dialog;\n this.replacedStyleTop_ = false;\n this.openAsModal_ = false;\n\n // Set a11y role. Browsers that support dialog implicitly know this already.\n if (!dialog.hasAttribute('role')) {\n dialog.setAttribute('role', 'dialog');\n }\n\n dialog.show = this.show.bind(this);\n dialog.showModal = this.showModal.bind(this);\n dialog.close = this.close.bind(this);\n\n dialog.addEventListener('submit', maybeHandleSubmit, false);\n\n if (!('returnValue' in dialog)) {\n dialog.returnValue = '';\n }\n\n if ('MutationObserver' in window) {\n var mo = new MutationObserver(this.maybeHideModal.bind(this));\n mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n } else {\n // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also\n // seem to fire even if the element was removed as part of a parent removal. Use the removed\n // events to force downgrade (useful if removed/immediately added).\n var removed = false;\n var cb = function() {\n removed ? this.downgradeModal() : this.maybeHideModal();\n removed = false;\n }.bind(this);\n var timeout;\n var delayModel = function(ev) {\n if (ev.target !== dialog) { return; } // not for a child element\n var cand = 'DOMNodeRemoved';\n removed |= (ev.type.substr(0, cand.length) === cand);\n window.clearTimeout(timeout);\n timeout = window.setTimeout(cb, 0);\n };\n ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {\n dialog.addEventListener(name, delayModel);\n });\n }\n // Note that the DOM is observed inside DialogManager while any dialog\n // is being displayed as a modal, to catch modal removal from the DOM.\n\n Object.defineProperty(dialog, 'open', {\n set: this.setOpen.bind(this),\n get: dialog.hasAttribute.bind(dialog, 'open')\n });\n\n this.backdrop_ = document.createElement('div');\n this.backdrop_.className = 'backdrop';\n this.backdrop_.addEventListener('mouseup' , this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('click' , this.backdropMouseEvent_.bind(this));\n}\n\ndialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({\n\n get dialog() {\n return this.dialog_;\n },\n\n /**\n * Maybe remove this dialog from the modal top layer. This is called when\n * a modal dialog may no longer be tenable, e.g., when the dialog is no\n * longer open or is no longer part of the DOM.\n */\n maybeHideModal: function() {\n if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }\n this.downgradeModal();\n },\n\n /**\n * Remove this dialog from the modal top layer, leaving it as a non-modal.\n */\n downgradeModal: function() {\n if (!this.openAsModal_) { return; }\n this.openAsModal_ = false;\n this.dialog_.style.zIndex = '';\n\n // This won't match the native exactly because if the user set top on a centered\n // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's\n // possible to polyfill this perfectly.\n if (this.replacedStyleTop_) {\n this.dialog_.style.top = '';\n this.replacedStyleTop_ = false;\n }\n\n // Clear the backdrop and remove from the manager.\n this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);\n dialogPolyfill.dm.removeDialog(this);\n },\n\n /**\n * @param {boolean} value whether to open or close this dialog\n */\n setOpen: function(value) {\n if (value) {\n this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');\n } else {\n this.dialog_.removeAttribute('open');\n this.maybeHideModal(); // nb. redundant with MutationObserver\n }\n },\n\n /**\n * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if\n * they were on the dialog itself.\n *\n * @param {!Event} e to redirect\n */\n backdropMouseEvent_: function(e) {\n if (!this.dialog_.hasAttribute('tabindex')) {\n // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be\n // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this\n // would not be needed - clicks would move the implicit cursor there.\n var fake = document.createElement('div');\n this.dialog_.insertBefore(fake, this.dialog_.firstChild);\n fake.tabIndex = -1;\n fake.focus();\n this.dialog_.removeChild(fake);\n } else {\n this.dialog_.focus();\n }\n\n var redirectedEvent = document.createEvent('MouseEvents');\n redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,\n e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,\n e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);\n this.dialog_.dispatchEvent(redirectedEvent);\n e.stopPropagation();\n },\n\n /**\n * Focuses on the first focusable element within the dialog. This will always blur the current\n * focus, even if nothing within the dialog is found.\n */\n focus_: function() {\n // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.\n var target = this.dialog_.querySelector('[autofocus]:not([disabled])');\n if (!target && this.dialog_.tabIndex >= 0) {\n target = this.dialog_;\n }\n if (!target) {\n target = findFocusableElementWithin(this.dialog_);\n }\n safeBlur(document.activeElement);\n target && target.focus();\n },\n\n /**\n * Sets the zIndex for the backdrop and dialog.\n *\n * @param {number} dialogZ\n * @param {number} backdropZ\n */\n updateZIndex: function(dialogZ, backdropZ) {\n if (dialogZ < backdropZ) {\n throw new Error('dialogZ should never be < backdropZ');\n }\n this.dialog_.style.zIndex = dialogZ;\n this.backdrop_.style.zIndex = backdropZ;\n },\n\n /**\n * Shows the dialog. If the dialog is already open, this does nothing.\n */\n show: function() {\n if (!this.dialog_.open) {\n this.setOpen(true);\n this.focus_();\n }\n },\n\n /**\n * Show this dialog modally.\n */\n showModal: function() {\n if (this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is already open, and therefore cannot be opened modally.');\n }\n if (!isConnected(this.dialog_)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is not in a Document.');\n }\n if (!dialogPolyfill.dm.pushDialog(this)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: There are too many open modal dialogs.');\n }\n\n if (createsStackingContext(this.dialog_.parentElement)) {\n console.warn('A dialog is being shown inside a stacking context. ' +\n 'This may cause it to be unusable. For more information, see this link: ' +\n 'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');\n }\n\n this.setOpen(true);\n this.openAsModal_ = true;\n\n // Optionally center vertically, relative to the current viewport.\n if (dialogPolyfill.needsCentering(this.dialog_)) {\n dialogPolyfill.reposition(this.dialog_);\n this.replacedStyleTop_ = true;\n } else {\n this.replacedStyleTop_ = false;\n }\n\n // Insert backdrop.\n this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);\n\n // Focus on whatever inside the dialog.\n this.focus_();\n },\n\n /**\n * Closes this HTMLDialogElement. This is optional vs clearing the open\n * attribute, however this fires a 'close' event.\n *\n * @param {string=} opt_returnValue to use as the returnValue\n */\n close: function(opt_returnValue) {\n if (!this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'close\\' on dialog: The element does not have an \\'open\\' attribute, and therefore cannot be closed.');\n }\n this.setOpen(false);\n\n // Leave returnValue untouched in case it was set directly on the element\n if (opt_returnValue !== undefined) {\n this.dialog_.returnValue = opt_returnValue;\n }\n\n // Triggering \"close\" event for any attached listeners on the .\n var closeEvent = new supportCustomEvent('close', {\n bubbles: false,\n cancelable: false\n });\n safeDispatchEvent(this.dialog_, closeEvent);\n }\n\n});\n\nvar dialogPolyfill = {};\n\ndialogPolyfill.reposition = function(element) {\n var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;\n var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;\n element.style.top = Math.max(scrollTop, topValue) + 'px';\n};\n\ndialogPolyfill.isInlinePositionSetByStylesheet = function(element) {\n for (var i = 0; i < document.styleSheets.length; ++i) {\n var styleSheet = document.styleSheets[i];\n var cssRules = null;\n // Some browsers throw on cssRules.\n try {\n cssRules = styleSheet.cssRules;\n } catch (e) {}\n if (!cssRules) { continue; }\n for (var j = 0; j < cssRules.length; ++j) {\n var rule = cssRules[j];\n var selectedNodes = null;\n // Ignore errors on invalid selector texts.\n try {\n selectedNodes = document.querySelectorAll(rule.selectorText);\n } catch(e) {}\n if (!selectedNodes || !inNodeList(selectedNodes, element)) {\n continue;\n }\n var cssTop = rule.style.getPropertyValue('top');\n var cssBottom = rule.style.getPropertyValue('bottom');\n if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {\n return true;\n }\n }\n }\n return false;\n};\n\ndialogPolyfill.needsCentering = function(dialog) {\n var computedStyle = window.getComputedStyle(dialog);\n if (computedStyle.position !== 'absolute') {\n return false;\n }\n\n // We must determine whether the top/bottom specified value is non-auto. In\n // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but\n // Firefox returns the used value. So we do this crazy thing instead: check\n // the inline style and then go through CSS rules.\n if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||\n (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {\n return false;\n }\n return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);\n};\n\n/**\n * @param {!Element} element to force upgrade\n */\ndialogPolyfill.forceRegisterDialog = function(element) {\n if (window.HTMLDialogElement || element.showModal) {\n console.warn('This browser already supports , the polyfill ' +\n 'may not work correctly', element);\n }\n if (element.localName !== 'dialog') {\n throw new Error('Failed to register dialog: The element is not a dialog.');\n }\n new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));\n};\n\n/**\n * @param {!Element} element to upgrade, if necessary\n */\ndialogPolyfill.registerDialog = function(element) {\n if (!element.showModal) {\n dialogPolyfill.forceRegisterDialog(element);\n }\n};\n\n/**\n * @constructor\n */\ndialogPolyfill.DialogManager = function() {\n /** @type {!Array} */\n this.pendingDialogStack = [];\n\n var checkDOM = this.checkDOM_.bind(this);\n\n // The overlay is used to simulate how a modal dialog blocks the document.\n // The blocking dialog is positioned on top of the overlay, and the rest of\n // the dialogs on the pending dialog stack are positioned below it. In the\n // actual implementation, the modal dialog stacking is controlled by the\n // top layer, where z-index has no effect.\n this.overlay = document.createElement('div');\n this.overlay.className = '_dialog_overlay';\n this.overlay.addEventListener('click', function(e) {\n this.forwardTab_ = undefined;\n e.stopPropagation();\n checkDOM([]); // sanity-check DOM\n }.bind(this));\n\n this.handleKey_ = this.handleKey_.bind(this);\n this.handleFocus_ = this.handleFocus_.bind(this);\n\n this.zIndexLow_ = 100000;\n this.zIndexHigh_ = 100000 + 150;\n\n this.forwardTab_ = undefined;\n\n if ('MutationObserver' in window) {\n this.mo_ = new MutationObserver(function(records) {\n var removed = [];\n records.forEach(function(rec) {\n for (var i = 0, c; c = rec.removedNodes[i]; ++i) {\n if (!(c instanceof Element)) {\n continue;\n } else if (c.localName === 'dialog') {\n removed.push(c);\n }\n removed = removed.concat(c.querySelectorAll('dialog'));\n }\n });\n removed.length && checkDOM(removed);\n });\n }\n};\n\n/**\n * Called on the first modal dialog being shown. Adds the overlay and related\n * handlers.\n */\ndialogPolyfill.DialogManager.prototype.blockDocument = function() {\n document.documentElement.addEventListener('focus', this.handleFocus_, true);\n document.addEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});\n};\n\n/**\n * Called on the first modal dialog being removed, i.e., when no more modal\n * dialogs are visible.\n */\ndialogPolyfill.DialogManager.prototype.unblockDocument = function() {\n document.documentElement.removeEventListener('focus', this.handleFocus_, true);\n document.removeEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.disconnect();\n};\n\n/**\n * Updates the stacking of all known dialogs.\n */\ndialogPolyfill.DialogManager.prototype.updateStacking = function() {\n var zIndex = this.zIndexHigh_;\n\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n dpi.updateZIndex(--zIndex, --zIndex);\n if (i === 0) {\n this.overlay.style.zIndex = --zIndex;\n }\n }\n\n // Make the overlay a sibling of the dialog itself.\n var last = this.pendingDialogStack[0];\n if (last) {\n var p = last.dialog.parentNode || document.body;\n p.appendChild(this.overlay);\n } else if (this.overlay.parentNode) {\n this.overlay.parentNode.removeChild(this.overlay);\n }\n};\n\n/**\n * @param {Element} candidate to check if contained or is the top-most modal dialog\n * @return {boolean} whether candidate is contained in top dialog\n */\ndialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {\n while (candidate = findNearestDialog(candidate)) {\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n if (dpi.dialog === candidate) {\n return i === 0; // only valid if top-most\n }\n }\n candidate = candidate.parentElement;\n }\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {\n var target = event.composedPath ? event.composedPath()[0] : event.target;\n\n if (this.containedByTopDialog_(target)) { return; }\n\n if (document.activeElement === document.documentElement) { return; }\n\n event.preventDefault();\n event.stopPropagation();\n safeBlur(/** @type {Element} */ (target));\n\n if (this.forwardTab_ === undefined) { return; } // move focus only from a tab key\n\n var dpi = this.pendingDialogStack[0];\n var dialog = dpi.dialog;\n var position = dialog.compareDocumentPosition(target);\n if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n if (this.forwardTab_) {\n // forward\n dpi.focus_();\n } else if (target !== document.documentElement) {\n // backwards if we're not already focused on \n document.documentElement.focus();\n }\n }\n\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {\n this.forwardTab_ = undefined;\n if (event.keyCode === 27) {\n event.preventDefault();\n event.stopPropagation();\n var cancelEvent = new supportCustomEvent('cancel', {\n bubbles: false,\n cancelable: true\n });\n var dpi = this.pendingDialogStack[0];\n if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {\n dpi.dialog.close();\n }\n } else if (event.keyCode === 9) {\n this.forwardTab_ = !event.shiftKey;\n }\n};\n\n/**\n * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are\n * removed and immediately readded don't stay modal, they become normal.\n *\n * @param {!Array} removed that have definitely been removed\n */\ndialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {\n // This operates on a clone because it may cause it to change. Each change also calls\n // updateStacking, which only actually needs to happen once. But who removes many modal dialogs\n // at a time?!\n var clone = this.pendingDialogStack.slice();\n clone.forEach(function(dpi) {\n if (removed.indexOf(dpi.dialog) !== -1) {\n dpi.downgradeModal();\n } else {\n dpi.maybeHideModal();\n }\n });\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n * @return {boolean} whether the dialog was allowed\n */\ndialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {\n var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;\n if (this.pendingDialogStack.length >= allowed) {\n return false;\n }\n if (this.pendingDialogStack.unshift(dpi) === 1) {\n this.blockDocument();\n }\n this.updateStacking();\n return true;\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n */\ndialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {\n var index = this.pendingDialogStack.indexOf(dpi);\n if (index === -1) { return; }\n\n this.pendingDialogStack.splice(index, 1);\n if (this.pendingDialogStack.length === 0) {\n this.unblockDocument();\n }\n this.updateStacking();\n};\n\ndialogPolyfill.dm = new dialogPolyfill.DialogManager();\ndialogPolyfill.formSubmitter = null;\ndialogPolyfill.imagemapUseValue = null;\n\n/**\n * Installs global handlers, such as click listers and native method overrides. These are needed\n * even if a no dialog is registered, as they deal with .\n */\nif (window.HTMLDialogElement === undefined) {\n\n /**\n * If HTMLFormElement translates method=\"DIALOG\" into 'get', then replace the descriptor with\n * one that returns the correct value.\n */\n var testForm = document.createElement('form');\n testForm.setAttribute('method', 'dialog');\n if (testForm.method !== 'dialog') {\n var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');\n if (methodDescriptor) {\n // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything\n // and don't bother to update the element.\n var realGet = methodDescriptor.get;\n methodDescriptor.get = function() {\n if (isFormMethodDialog(this)) {\n return 'dialog';\n }\n return realGet.call(this);\n };\n var realSet = methodDescriptor.set;\n /** @this {HTMLElement} */\n methodDescriptor.set = function(v) {\n if (typeof v === 'string' && v.toLowerCase() === 'dialog') {\n return this.setAttribute('method', v);\n }\n return realSet.call(this, v);\n };\n Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);\n }\n }\n\n /**\n * Global 'click' handler, to capture the or \n \n );\n }\n }\n\n private handleEscape(e: Event): void {\n if (this.closable) {\n return;\n }\n e.preventDefault();\n }\n\n render(): HTMLZModalElement {\n return (\n (this.dialog = el as HTMLDialogElement)}\n onClose={() => this.emitModalClose()}\n onCancel={(e) => this.handleEscape(e)}\n >\n \n
\n
\n {this.modaltitle &&

{this.modaltitle}

}\n {this.closeButtonSlot()}\n
\n {this.modalsubtitle && (\n \n {this.modalsubtitle}\n \n )}\n
\n\n \n \n \n \n {\n this.emitBackgroundClick();\n this.close();\n }}\n >\n \n );\n }\n}\n"],"mappings":"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","ignoreList":[]} \ No newline at end of file +{"version":3,"names":["stylesCss","ZDragdropAreaStyle0","ZDragdropArea","fileDroppedHandler","files","this","fileDropped","emit","renderOnDragOverMessage","h","class","dragAndDropLabel","render","key","tabIndex","ref","val","dragDropContainer","onDragOver","e","preventDefault","classList","add","onDragLeave","remove","onDrop","dataTransfer","length","supportCustomEvent","window","CustomEvent","event","x","ev","document","createEvent","initCustomEvent","bubbles","cancelable","detail","prototype","Event","safeDispatchEvent","target","check","type","toLowerCase","dispatchEvent","createsStackingContext","el","body","s","getComputedStyle","invalid","k","ok","undefined","opacity","position","webkitOverflowScrolling","parentElement","findNearestDialog","localName","parentNode","host","safeBlur","shadowRoot","activeElement","blur","inNodeList","nodeList","node","i","isFormMethodDialog","hasAttribute","getAttribute","findFocusableElementWithin","hostElement","opts","query","map","push","querySelector","join","Element","elems","querySelectorAll","tagName","isConnected","element","contains","findFormSubmitter","submitter","form","HTMLFormElement","dialogPolyfill","formSubmitter","root","getRootNode","maybeHandleSubmit","defaultPrevented","value","imagemapUseValue","dialog","formmethod","close","dialogPolyfillInfo","dialog_","replacedStyleTop_","openAsModal_","setAttribute","show","bind","showModal","addEventListener","returnValue","mo","MutationObserver","maybeHideModal","observe","attributes","attributeFilter","removed","cb","downgradeModal","timeout","delayModel","cand","substr","clearTimeout","setTimeout","forEach","name","Object","defineProperty","set","setOpen","get","backdrop_","createElement","className","backdropMouseEvent_","style","zIndex","top","removeChild","dm","removeDialog","removeAttribute","fake","insertBefore","firstChild","focus","redirectedEvent","initMouseEvent","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","stopPropagation","focus_","updateZIndex","dialogZ","backdropZ","Error","open","pushDialog","console","warn","needsCentering","reposition","nextSibling","opt_returnValue","closeEvent","scrollTop","documentElement","topValue","innerHeight","offsetHeight","Math","max","isInlinePositionSetByStylesheet","styleSheets","styleSheet","cssRules","j","rule","selectedNodes","selectorText","cssTop","getPropertyValue","cssBottom","computedStyle","bottom","forceRegisterDialog","HTMLDialogElement","registerDialog","DialogManager","pendingDialogStack","checkDOM","checkDOM_","overlay","forwardTab_","handleKey_","handleFocus_","zIndexLow_","zIndexHigh_","mo_","records","rec","c","removedNodes","concat","blockDocument","childList","subtree","unblockDocument","removeEventListener","disconnect","updateStacking","dpi","last","p","appendChild","containedByTopDialog_","candidate","composedPath","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","keyCode","cancelEvent","clone","slice","indexOf","allowed","unshift","index","splice","testForm","method","methodDescriptor","getOwnPropertyDescriptor","realGet","call","realSet","v","path","shift","valid","offsetX","offsetY","nativeFormSubmit","submit","replacementFormSubmit","ZModalStyle0","FOCUSABLE_ELEMENTS_SELECTOR","ZModal","emitModalClose","closable","modalClose","modalid","emitModalHeaderActive","modalHeaderActive","emitBackgroundClick","modalBackgroundClick","componentDidLoad","_a","focusableElements","Array","from","filter","display","handleKeyDown","code","KeyboardCode","TAB","shadowActiveElement","ownerDocument","firstFocusableElement","lastFocusableElement","closeButtonSlot","closeButtonLabel","onClick","handleEscape","scrollInside","role","alertdialog","onClose","onCancel","id","modaltitle","modalsubtitle"],"sources":["src/components/file-upload/z-dragdrop-area/styles.css?tag=z-dragdrop-area&encapsulation=shadow","src/components/file-upload/z-dragdrop-area/index.tsx","node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js","src/components/z-modal/styles.css?tag=z-modal&encapsulation=shadow","src/components/z-modal/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > .dragdrop {\n position: relative;\n display: flex;\n height: 228px;\n flex-direction: column;\n padding: calc(var(--space-unit) * 2);\n border-color: var(--color-surface04);\n background-color: var(--color-surface02);\n\n /* Native CSS properties don't support the customization of border-style.\n Therefore, we use a trick with an SVG image inside background-image property.\n The SVG features give us the ability to change the distance between dashed lines, set custom pattern, add dash offset or even change a line cap.\n Generated SVG image is vector and it fills width and height of elements by 100%, so it doesn't matter what size elements have. */\n background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");\n border-radius: 2px;\n color: var(--color-default-text);\n}\n\n/* https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */\n:host > .dragdrop.dragover * {\n pointer-events: none;\n}\n\n:host > .dragdrop .dragover-container {\n position: absolute;\n z-index: 10;\n top: 0;\n left: 0;\n display: none;\n width: 100%;\n height: 100%;\n background-color: var(--color-primary03);\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host > .dragdrop .dragover-container .dragover-message {\n padding: 10px 28px;\n background-color: var(--color-link-primary);\n color: var(--color-text-inverse);\n}\n\n:host > .dragdrop.dragover .dragover-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-dragdrop-area\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZDragdropArea {\n /** drag & drop button label */\n @Prop()\n dragAndDropLabel: string;\n\n /** Emitted when user drop one or more files */\n @Event()\n fileDropped: EventEmitter;\n\n private fileDroppedHandler(files: FileList): void {\n this.fileDropped.emit(files);\n }\n\n private dragDropContainer: HTMLDivElement;\n\n private renderOnDragOverMessage(): HTMLDivElement {\n return (\n
\n
\n {this.dragAndDropLabel}\n
\n
\n );\n }\n\n render(): HTMLDivElement {\n return (\n (this.dragDropContainer = val)}\n class=\"dragdrop\"\n onDragOver={(e) => {\n e.preventDefault();\n this.dragDropContainer.classList.add(\"dragover\");\n }}\n onDragLeave={() => {\n this.dragDropContainer.classList.remove(\"dragover\");\n }}\n onDrop={(e) => {\n e.preventDefault();\n if (e.dataTransfer.files.length) {\n this.dragDropContainer.classList.remove(\"dragover\");\n this.fileDroppedHandler(e.dataTransfer.files);\n }\n }}\n >\n {this.renderOnDragOverMessage()}\n \n \n );\n }\n}\n","// nb. This is for IE10 and lower _only_.\nvar supportCustomEvent = window.CustomEvent;\nif (!supportCustomEvent || typeof supportCustomEvent === 'object') {\n supportCustomEvent = function CustomEvent(event, x) {\n x = x || {};\n var ev = document.createEvent('CustomEvent');\n ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);\n return ev;\n };\n supportCustomEvent.prototype = window.Event.prototype;\n}\n\n/**\n * Dispatches the passed event to both an \"on\" handler as well as via the\n * normal dispatch operation. Does not bubble.\n *\n * @param {!EventTarget} target\n * @param {!Event} event\n * @return {boolean}\n */\nfunction safeDispatchEvent(target, event) {\n var check = 'on' + event.type.toLowerCase();\n if (typeof target[check] === 'function') {\n target[check](event);\n }\n return target.dispatchEvent(event);\n}\n\n/**\n * @param {Element} el to check for stacking context\n * @return {boolean} whether this el or its parents creates a stacking context\n */\nfunction createsStackingContext(el) {\n while (el && el !== document.body) {\n var s = window.getComputedStyle(el);\n var invalid = function(k, ok) {\n return !(s[k] === undefined || s[k] === ok);\n };\n\n if (s.opacity < 1 ||\n invalid('zIndex', 'auto') ||\n invalid('transform', 'none') ||\n invalid('mixBlendMode', 'normal') ||\n invalid('filter', 'none') ||\n invalid('perspective', 'none') ||\n s['isolation'] === 'isolate' ||\n s.position === 'fixed' ||\n s.webkitOverflowScrolling === 'touch') {\n return true;\n }\n el = el.parentElement;\n }\n return false;\n}\n\n/**\n * Finds the nearest from the passed element.\n *\n * @param {Element} el to search from\n * @return {HTMLDialogElement} dialog found\n */\nfunction findNearestDialog(el) {\n while (el) {\n if (el.localName === 'dialog') {\n return /** @type {HTMLDialogElement} */ (el);\n }\n if (el.parentElement) {\n el = el.parentElement;\n } else if (el.parentNode) {\n el = el.parentNode.host;\n } else {\n el = null;\n }\n }\n return null;\n}\n\n/**\n * Blur the specified element, as long as it's not the HTML body element.\n * This works around an IE9/10 bug - blurring the body causes Windows to\n * blur the whole application.\n *\n * @param {Element} el to blur\n */\nfunction safeBlur(el) {\n // Find the actual focused element when the active element is inside a shadow root\n while (el && el.shadowRoot && el.shadowRoot.activeElement) {\n el = el.shadowRoot.activeElement;\n }\n\n if (el && el.blur && el !== document.body) {\n el.blur();\n }\n}\n\n/**\n * @param {!NodeList} nodeList to search\n * @param {Node} node to find\n * @return {boolean} whether node is inside nodeList\n */\nfunction inNodeList(nodeList, node) {\n for (var i = 0; i < nodeList.length; ++i) {\n if (nodeList[i] === node) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * @param {HTMLFormElement} el to check\n * @return {boolean} whether this form has method=\"dialog\"\n */\nfunction isFormMethodDialog(el) {\n if (!el || !el.hasAttribute('method')) {\n return false;\n }\n return el.getAttribute('method').toLowerCase() === 'dialog';\n}\n\n/**\n * @param {!DocumentFragment|!Element} hostElement\n * @return {?Element}\n */\nfunction findFocusableElementWithin(hostElement) {\n // Note that this is 'any focusable area'. This list is probably not exhaustive, but the\n // alternative involves stepping through and trying to focus everything.\n var opts = ['button', 'input', 'keygen', 'select', 'textarea'];\n var query = opts.map(function(el) {\n return el + ':not([disabled])';\n });\n // TODO(samthor): tabindex values that are not numeric are not focusable.\n query.push('[tabindex]:not([disabled]):not([tabindex=\"\"])'); // tabindex != \"\", not disabled\n var target = hostElement.querySelector(query.join(', '));\n\n if (!target && 'attachShadow' in Element.prototype) {\n // If we haven't found a focusable target, see if the host element contains an element\n // which has a shadowRoot.\n // Recursively search for the first focusable item in shadow roots.\n var elems = hostElement.querySelectorAll('*');\n for (var i = 0; i < elems.length; i++) {\n if (elems[i].tagName && elems[i].shadowRoot) {\n target = findFocusableElementWithin(elems[i].shadowRoot);\n if (target) {\n break;\n }\n }\n }\n }\n return target;\n}\n\n/**\n * Determines if an element is attached to the DOM.\n * @param {Element} element to check\n * @return {boolean} whether the element is in DOM\n */\nfunction isConnected(element) {\n return element.isConnected || document.body.contains(element);\n}\n\n/**\n * @param {!Event} event\n * @return {?Element}\n */\nfunction findFormSubmitter(event) {\n if (event.submitter) {\n return event.submitter;\n }\n\n var form = event.target;\n if (!(form instanceof HTMLFormElement)) {\n return null;\n }\n\n var submitter = dialogPolyfill.formSubmitter;\n if (!submitter) {\n var target = event.target;\n var root = ('getRootNode' in target && target.getRootNode() || document);\n submitter = root.activeElement;\n }\n\n if (!submitter || submitter.form !== form) {\n return null;\n }\n return submitter;\n}\n\n/**\n * @param {!Event} event\n */\nfunction maybeHandleSubmit(event) {\n if (event.defaultPrevented) {\n return;\n }\n var form = /** @type {!HTMLFormElement} */ (event.target);\n\n // We'd have a value if we clicked on an imagemap.\n var value = dialogPolyfill.imagemapUseValue;\n var submitter = findFormSubmitter(event);\n if (value === null && submitter) {\n value = submitter.value;\n }\n\n // There should always be a dialog as this handler is added specifically on them, but check just\n // in case.\n var dialog = findNearestDialog(form);\n if (!dialog) {\n return;\n }\n\n // Prefer formmethod on the button.\n var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n if (formmethod !== 'dialog') {\n return;\n }\n event.preventDefault();\n\n if (value != null) {\n // nb. we explicitly check against null/undefined\n dialog.close(value);\n } else {\n dialog.close();\n }\n}\n\n/**\n * @param {!HTMLDialogElement} dialog to upgrade\n * @constructor\n */\nfunction dialogPolyfillInfo(dialog) {\n this.dialog_ = dialog;\n this.replacedStyleTop_ = false;\n this.openAsModal_ = false;\n\n // Set a11y role. Browsers that support dialog implicitly know this already.\n if (!dialog.hasAttribute('role')) {\n dialog.setAttribute('role', 'dialog');\n }\n\n dialog.show = this.show.bind(this);\n dialog.showModal = this.showModal.bind(this);\n dialog.close = this.close.bind(this);\n\n dialog.addEventListener('submit', maybeHandleSubmit, false);\n\n if (!('returnValue' in dialog)) {\n dialog.returnValue = '';\n }\n\n if ('MutationObserver' in window) {\n var mo = new MutationObserver(this.maybeHideModal.bind(this));\n mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n } else {\n // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also\n // seem to fire even if the element was removed as part of a parent removal. Use the removed\n // events to force downgrade (useful if removed/immediately added).\n var removed = false;\n var cb = function() {\n removed ? this.downgradeModal() : this.maybeHideModal();\n removed = false;\n }.bind(this);\n var timeout;\n var delayModel = function(ev) {\n if (ev.target !== dialog) { return; } // not for a child element\n var cand = 'DOMNodeRemoved';\n removed |= (ev.type.substr(0, cand.length) === cand);\n window.clearTimeout(timeout);\n timeout = window.setTimeout(cb, 0);\n };\n ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {\n dialog.addEventListener(name, delayModel);\n });\n }\n // Note that the DOM is observed inside DialogManager while any dialog\n // is being displayed as a modal, to catch modal removal from the DOM.\n\n Object.defineProperty(dialog, 'open', {\n set: this.setOpen.bind(this),\n get: dialog.hasAttribute.bind(dialog, 'open')\n });\n\n this.backdrop_ = document.createElement('div');\n this.backdrop_.className = 'backdrop';\n this.backdrop_.addEventListener('mouseup' , this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));\n this.backdrop_.addEventListener('click' , this.backdropMouseEvent_.bind(this));\n}\n\ndialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({\n\n get dialog() {\n return this.dialog_;\n },\n\n /**\n * Maybe remove this dialog from the modal top layer. This is called when\n * a modal dialog may no longer be tenable, e.g., when the dialog is no\n * longer open or is no longer part of the DOM.\n */\n maybeHideModal: function() {\n if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }\n this.downgradeModal();\n },\n\n /**\n * Remove this dialog from the modal top layer, leaving it as a non-modal.\n */\n downgradeModal: function() {\n if (!this.openAsModal_) { return; }\n this.openAsModal_ = false;\n this.dialog_.style.zIndex = '';\n\n // This won't match the native exactly because if the user set top on a centered\n // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's\n // possible to polyfill this perfectly.\n if (this.replacedStyleTop_) {\n this.dialog_.style.top = '';\n this.replacedStyleTop_ = false;\n }\n\n // Clear the backdrop and remove from the manager.\n this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);\n dialogPolyfill.dm.removeDialog(this);\n },\n\n /**\n * @param {boolean} value whether to open or close this dialog\n */\n setOpen: function(value) {\n if (value) {\n this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');\n } else {\n this.dialog_.removeAttribute('open');\n this.maybeHideModal(); // nb. redundant with MutationObserver\n }\n },\n\n /**\n * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if\n * they were on the dialog itself.\n *\n * @param {!Event} e to redirect\n */\n backdropMouseEvent_: function(e) {\n if (!this.dialog_.hasAttribute('tabindex')) {\n // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be\n // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this\n // would not be needed - clicks would move the implicit cursor there.\n var fake = document.createElement('div');\n this.dialog_.insertBefore(fake, this.dialog_.firstChild);\n fake.tabIndex = -1;\n fake.focus();\n this.dialog_.removeChild(fake);\n } else {\n this.dialog_.focus();\n }\n\n var redirectedEvent = document.createEvent('MouseEvents');\n redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,\n e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,\n e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);\n this.dialog_.dispatchEvent(redirectedEvent);\n e.stopPropagation();\n },\n\n /**\n * Focuses on the first focusable element within the dialog. This will always blur the current\n * focus, even if nothing within the dialog is found.\n */\n focus_: function() {\n // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.\n var target = this.dialog_.querySelector('[autofocus]:not([disabled])');\n if (!target && this.dialog_.tabIndex >= 0) {\n target = this.dialog_;\n }\n if (!target) {\n target = findFocusableElementWithin(this.dialog_);\n }\n safeBlur(document.activeElement);\n target && target.focus();\n },\n\n /**\n * Sets the zIndex for the backdrop and dialog.\n *\n * @param {number} dialogZ\n * @param {number} backdropZ\n */\n updateZIndex: function(dialogZ, backdropZ) {\n if (dialogZ < backdropZ) {\n throw new Error('dialogZ should never be < backdropZ');\n }\n this.dialog_.style.zIndex = dialogZ;\n this.backdrop_.style.zIndex = backdropZ;\n },\n\n /**\n * Shows the dialog. If the dialog is already open, this does nothing.\n */\n show: function() {\n if (!this.dialog_.open) {\n this.setOpen(true);\n this.focus_();\n }\n },\n\n /**\n * Show this dialog modally.\n */\n showModal: function() {\n if (this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is already open, and therefore cannot be opened modally.');\n }\n if (!isConnected(this.dialog_)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: The element is not in a Document.');\n }\n if (!dialogPolyfill.dm.pushDialog(this)) {\n throw new Error('Failed to execute \\'showModal\\' on dialog: There are too many open modal dialogs.');\n }\n\n if (createsStackingContext(this.dialog_.parentElement)) {\n console.warn('A dialog is being shown inside a stacking context. ' +\n 'This may cause it to be unusable. For more information, see this link: ' +\n 'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');\n }\n\n this.setOpen(true);\n this.openAsModal_ = true;\n\n // Optionally center vertically, relative to the current viewport.\n if (dialogPolyfill.needsCentering(this.dialog_)) {\n dialogPolyfill.reposition(this.dialog_);\n this.replacedStyleTop_ = true;\n } else {\n this.replacedStyleTop_ = false;\n }\n\n // Insert backdrop.\n this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);\n\n // Focus on whatever inside the dialog.\n this.focus_();\n },\n\n /**\n * Closes this HTMLDialogElement. This is optional vs clearing the open\n * attribute, however this fires a 'close' event.\n *\n * @param {string=} opt_returnValue to use as the returnValue\n */\n close: function(opt_returnValue) {\n if (!this.dialog_.hasAttribute('open')) {\n throw new Error('Failed to execute \\'close\\' on dialog: The element does not have an \\'open\\' attribute, and therefore cannot be closed.');\n }\n this.setOpen(false);\n\n // Leave returnValue untouched in case it was set directly on the element\n if (opt_returnValue !== undefined) {\n this.dialog_.returnValue = opt_returnValue;\n }\n\n // Triggering \"close\" event for any attached listeners on the .\n var closeEvent = new supportCustomEvent('close', {\n bubbles: false,\n cancelable: false\n });\n safeDispatchEvent(this.dialog_, closeEvent);\n }\n\n});\n\nvar dialogPolyfill = {};\n\ndialogPolyfill.reposition = function(element) {\n var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;\n var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;\n element.style.top = Math.max(scrollTop, topValue) + 'px';\n};\n\ndialogPolyfill.isInlinePositionSetByStylesheet = function(element) {\n for (var i = 0; i < document.styleSheets.length; ++i) {\n var styleSheet = document.styleSheets[i];\n var cssRules = null;\n // Some browsers throw on cssRules.\n try {\n cssRules = styleSheet.cssRules;\n } catch (e) {}\n if (!cssRules) { continue; }\n for (var j = 0; j < cssRules.length; ++j) {\n var rule = cssRules[j];\n var selectedNodes = null;\n // Ignore errors on invalid selector texts.\n try {\n selectedNodes = document.querySelectorAll(rule.selectorText);\n } catch(e) {}\n if (!selectedNodes || !inNodeList(selectedNodes, element)) {\n continue;\n }\n var cssTop = rule.style.getPropertyValue('top');\n var cssBottom = rule.style.getPropertyValue('bottom');\n if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {\n return true;\n }\n }\n }\n return false;\n};\n\ndialogPolyfill.needsCentering = function(dialog) {\n var computedStyle = window.getComputedStyle(dialog);\n if (computedStyle.position !== 'absolute') {\n return false;\n }\n\n // We must determine whether the top/bottom specified value is non-auto. In\n // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but\n // Firefox returns the used value. So we do this crazy thing instead: check\n // the inline style and then go through CSS rules.\n if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||\n (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {\n return false;\n }\n return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);\n};\n\n/**\n * @param {!Element} element to force upgrade\n */\ndialogPolyfill.forceRegisterDialog = function(element) {\n if (window.HTMLDialogElement || element.showModal) {\n console.warn('This browser already supports , the polyfill ' +\n 'may not work correctly', element);\n }\n if (element.localName !== 'dialog') {\n throw new Error('Failed to register dialog: The element is not a dialog.');\n }\n new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));\n};\n\n/**\n * @param {!Element} element to upgrade, if necessary\n */\ndialogPolyfill.registerDialog = function(element) {\n if (!element.showModal) {\n dialogPolyfill.forceRegisterDialog(element);\n }\n};\n\n/**\n * @constructor\n */\ndialogPolyfill.DialogManager = function() {\n /** @type {!Array} */\n this.pendingDialogStack = [];\n\n var checkDOM = this.checkDOM_.bind(this);\n\n // The overlay is used to simulate how a modal dialog blocks the document.\n // The blocking dialog is positioned on top of the overlay, and the rest of\n // the dialogs on the pending dialog stack are positioned below it. In the\n // actual implementation, the modal dialog stacking is controlled by the\n // top layer, where z-index has no effect.\n this.overlay = document.createElement('div');\n this.overlay.className = '_dialog_overlay';\n this.overlay.addEventListener('click', function(e) {\n this.forwardTab_ = undefined;\n e.stopPropagation();\n checkDOM([]); // sanity-check DOM\n }.bind(this));\n\n this.handleKey_ = this.handleKey_.bind(this);\n this.handleFocus_ = this.handleFocus_.bind(this);\n\n this.zIndexLow_ = 100000;\n this.zIndexHigh_ = 100000 + 150;\n\n this.forwardTab_ = undefined;\n\n if ('MutationObserver' in window) {\n this.mo_ = new MutationObserver(function(records) {\n var removed = [];\n records.forEach(function(rec) {\n for (var i = 0, c; c = rec.removedNodes[i]; ++i) {\n if (!(c instanceof Element)) {\n continue;\n } else if (c.localName === 'dialog') {\n removed.push(c);\n }\n removed = removed.concat(c.querySelectorAll('dialog'));\n }\n });\n removed.length && checkDOM(removed);\n });\n }\n};\n\n/**\n * Called on the first modal dialog being shown. Adds the overlay and related\n * handlers.\n */\ndialogPolyfill.DialogManager.prototype.blockDocument = function() {\n document.documentElement.addEventListener('focus', this.handleFocus_, true);\n document.addEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});\n};\n\n/**\n * Called on the first modal dialog being removed, i.e., when no more modal\n * dialogs are visible.\n */\ndialogPolyfill.DialogManager.prototype.unblockDocument = function() {\n document.documentElement.removeEventListener('focus', this.handleFocus_, true);\n document.removeEventListener('keydown', this.handleKey_);\n this.mo_ && this.mo_.disconnect();\n};\n\n/**\n * Updates the stacking of all known dialogs.\n */\ndialogPolyfill.DialogManager.prototype.updateStacking = function() {\n var zIndex = this.zIndexHigh_;\n\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n dpi.updateZIndex(--zIndex, --zIndex);\n if (i === 0) {\n this.overlay.style.zIndex = --zIndex;\n }\n }\n\n // Make the overlay a sibling of the dialog itself.\n var last = this.pendingDialogStack[0];\n if (last) {\n var p = last.dialog.parentNode || document.body;\n p.appendChild(this.overlay);\n } else if (this.overlay.parentNode) {\n this.overlay.parentNode.removeChild(this.overlay);\n }\n};\n\n/**\n * @param {Element} candidate to check if contained or is the top-most modal dialog\n * @return {boolean} whether candidate is contained in top dialog\n */\ndialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {\n while (candidate = findNearestDialog(candidate)) {\n for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n if (dpi.dialog === candidate) {\n return i === 0; // only valid if top-most\n }\n }\n candidate = candidate.parentElement;\n }\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {\n var target = event.composedPath ? event.composedPath()[0] : event.target;\n\n if (this.containedByTopDialog_(target)) { return; }\n\n if (document.activeElement === document.documentElement) { return; }\n\n event.preventDefault();\n event.stopPropagation();\n safeBlur(/** @type {Element} */ (target));\n\n if (this.forwardTab_ === undefined) { return; } // move focus only from a tab key\n\n var dpi = this.pendingDialogStack[0];\n var dialog = dpi.dialog;\n var position = dialog.compareDocumentPosition(target);\n if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n if (this.forwardTab_) {\n // forward\n dpi.focus_();\n } else if (target !== document.documentElement) {\n // backwards if we're not already focused on \n document.documentElement.focus();\n }\n }\n\n return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {\n this.forwardTab_ = undefined;\n if (event.keyCode === 27) {\n event.preventDefault();\n event.stopPropagation();\n var cancelEvent = new supportCustomEvent('cancel', {\n bubbles: false,\n cancelable: true\n });\n var dpi = this.pendingDialogStack[0];\n if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {\n dpi.dialog.close();\n }\n } else if (event.keyCode === 9) {\n this.forwardTab_ = !event.shiftKey;\n }\n};\n\n/**\n * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are\n * removed and immediately readded don't stay modal, they become normal.\n *\n * @param {!Array} removed that have definitely been removed\n */\ndialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {\n // This operates on a clone because it may cause it to change. Each change also calls\n // updateStacking, which only actually needs to happen once. But who removes many modal dialogs\n // at a time?!\n var clone = this.pendingDialogStack.slice();\n clone.forEach(function(dpi) {\n if (removed.indexOf(dpi.dialog) !== -1) {\n dpi.downgradeModal();\n } else {\n dpi.maybeHideModal();\n }\n });\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n * @return {boolean} whether the dialog was allowed\n */\ndialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {\n var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;\n if (this.pendingDialogStack.length >= allowed) {\n return false;\n }\n if (this.pendingDialogStack.unshift(dpi) === 1) {\n this.blockDocument();\n }\n this.updateStacking();\n return true;\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n */\ndialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {\n var index = this.pendingDialogStack.indexOf(dpi);\n if (index === -1) { return; }\n\n this.pendingDialogStack.splice(index, 1);\n if (this.pendingDialogStack.length === 0) {\n this.unblockDocument();\n }\n this.updateStacking();\n};\n\ndialogPolyfill.dm = new dialogPolyfill.DialogManager();\ndialogPolyfill.formSubmitter = null;\ndialogPolyfill.imagemapUseValue = null;\n\n/**\n * Installs global handlers, such as click listers and native method overrides. These are needed\n * even if a no dialog is registered, as they deal with .\n */\nif (window.HTMLDialogElement === undefined) {\n\n /**\n * If HTMLFormElement translates method=\"DIALOG\" into 'get', then replace the descriptor with\n * one that returns the correct value.\n */\n var testForm = document.createElement('form');\n testForm.setAttribute('method', 'dialog');\n if (testForm.method !== 'dialog') {\n var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');\n if (methodDescriptor) {\n // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything\n // and don't bother to update the element.\n var realGet = methodDescriptor.get;\n methodDescriptor.get = function() {\n if (isFormMethodDialog(this)) {\n return 'dialog';\n }\n return realGet.call(this);\n };\n var realSet = methodDescriptor.set;\n /** @this {HTMLElement} */\n methodDescriptor.set = function(v) {\n if (typeof v === 'string' && v.toLowerCase() === 'dialog') {\n return this.setAttribute('method', v);\n }\n return realSet.call(this, v);\n };\n Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);\n }\n }\n\n /**\n * Global 'click' handler, to capture the or \n \n );\n }\n }\n\n private handleEscape(e: Event): void {\n if (this.closable) {\n return;\n }\n e.preventDefault();\n }\n\n render(): HTMLZModalElement {\n return (\n (this.dialog = el as HTMLDialogElement)}\n onClose={() => this.emitModalClose()}\n onCancel={(e) => this.handleEscape(e)}\n >\n \n
\n
\n {this.modaltitle &&

{this.modaltitle}

}\n {this.closeButtonSlot()}\n
\n {this.modalsubtitle && (\n \n {this.modalsubtitle}\n \n )}\n
\n\n \n \n \n \n {\n this.emitBackgroundClick();\n this.close();\n }}\n >\n \n );\n }\n}\n"],"mappings":"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","ignoreList":[]} \ No newline at end of file diff --git a/web-components-library/p-8f28871c.entry.js b/web-components-library/p-8f28871c.entry.js deleted file mode 100644 index 88fbecea1..000000000 --- a/web-components-library/p-8f28871c.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,h as o,a as i}from"./p-cc3c02fe.js";const t=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";const s=t;const a=class{constructor(o){e(this,o)}render(){return o(i,{key:"c1069a6d199240aa1e8eb9fe30be9a75b2dabecb",role:"list"},o("slot",{key:"283f1f42d5f73259b7c04e965bf592e4ba543fc8"}))}};a.style=s;export{a as z_stepper}; -//# sourceMappingURL=p-8f28871c.entry.js.map \ No newline at end of file diff --git a/web-components-library/p-eea9f7fd.system.entry.js b/web-components-library/p-9551ea7a.system.entry.js similarity index 54% rename from web-components-library/p-eea9f7fd.system.entry.js rename to web-components-library/p-9551ea7a.system.entry.js index b6384b8f6..80821116c 100644 --- a/web-components-library/p-eea9f7fd.system.entry.js +++ b/web-components-library/p-9551ea7a.system.entry.js @@ -1,2 +1,2 @@ -System.register(["./p-d8fcaf1f.system.js"],(function(e){"use strict";var t,i,n;return{setters:[function(e){t=e.r;i=e.h;n=e.a}],execute:function(){var o=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";var r=o;var a=e("z_stepper",function(){function e(e){t(this,e)}e.prototype.render=function(){return i(n,{key:"c1069a6d199240aa1e8eb9fe30be9a75b2dabecb",role:"list"},i("slot",{key:"283f1f42d5f73259b7c04e965bf592e4ba543fc8"}))};return e}());a.style=r}}})); -//# sourceMappingURL=p-eea9f7fd.system.entry.js.map \ No newline at end of file +System.register(["./p-d8fcaf1f.system.js"],(function(e){"use strict";var t,i,n;return{setters:[function(e){t=e.r;i=e.h;n=e.a}],execute:function(){var a=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";var o=a;var r=e("z_stepper",function(){function e(e){t(this,e)}e.prototype.render=function(){return i(n,{key:"80b89caa35e9adb82ad413783b16eae491a26f48",role:"list"},i("slot",{key:"140e35a55637873b1eee70d5a7a8c2b03af3eed7"}))};return e}());r.style=o}}})); +//# sourceMappingURL=p-9551ea7a.system.entry.js.map \ No newline at end of file diff --git a/web-components-library/p-eea9f7fd.system.entry.js.map b/web-components-library/p-9551ea7a.system.entry.js.map similarity index 59% rename from web-components-library/p-eea9f7fd.system.entry.js.map rename to web-components-library/p-9551ea7a.system.entry.js.map index 7ebd65ced..069989380 100644 --- a/web-components-library/p-eea9f7fd.system.entry.js.map +++ b/web-components-library/p-9551ea7a.system.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","exports","class_1","prototype","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`s\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n \n \n \n );\n }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,6WAClB,IAAAC,EAAeD,E,ICSFE,EAAQC,EAAA,uB,wBACnBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C,WAJa,I","ignoreList":[]} \ No newline at end of file +{"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","exports","class_1","prototype","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n \n \n \n );\n }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,6WAClB,IAAAC,EAAeD,E,ICSFE,EAAQC,EAAA,uB,wBACnBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C,WAJa,I","ignoreList":[]} \ No newline at end of file diff --git a/web-components-library/p-f530271b.system.js b/web-components-library/p-f530271b.system.js index 4eeb80e80..f909223d7 100644 --- a/web-components-library/p-f530271b.system.js +++ b/web-components-library/p-f530271b.system.js @@ -1,2 +1,2 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,s){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{r(s.next(e))}catch(e){o(e)}}function l(e){try{r(s["throw"](e))}catch(e){o(e)}}function r(e){e.done?a(e.value):i(e.value).then(n,l)}r((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,i,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(e){return function(t){return r([e,t])}}function r(l){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(s=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;i=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]{{l(a.prototype)}const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};var l=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const i=this.childNodes;if(e){for(let e=0;e{await i();return t(JSON.parse('[["p-76765071",[[1,"z-app-header",{"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"]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"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":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":["watchItems"],"resultsCount":["watchResultsCount"],"value":["watchValue"],"searchString":["watchSearchString"]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]},null,{"open":["onOpenChanged"]}],[6,"z-tag",{"icon":[1],"expandable":[4]}],[1,"z-list",{"size":[513],"listType":[513,"list-type"],"role":[513]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"role":[513],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"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":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"role":[1],"hasclearicon":[4],"icon":[1],"min":[2],"minlength":[2],"max":[2],"maxlength":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[6,"z-button",{"ariaLabel":[513,"aria-label"],"role":[1],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]},null,{"message":["onMessageChange"],"status":["onMessageChange"]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-2bf1edba",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32],"checkboxes":[32]},null,{"items":["watchItems"],"searchValue":["watchSearchValue"],"checkboxes":["watchCheckboxes"]}]]],["p-6f0ad848",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{"items":["watchItems"]}]]],["p-01982531",[[1,"z-breadcrumb",{"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]],{"maxNodesToShow":["handlePropChange"],"viewPortWidth":["handleResizeUp"]}]]],["p-f17abc5a",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-10572f51",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"hasFileSection":[4,"has-file-section"],"files":[32],"invalidFiles":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-0c31e559",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-e0f74038",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]],{"_visiblePages":["setPagesContainerWidth"],"visiblePages":["setVisiblePages"],"currentPage":["onPageChanged"],"split":["onSplitChanged"]}]]],["p-29a1577c",[[1,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":["onIndexChange"],"single":["onSingleModeChange"],"infinite":["onInfiniteModeChange"]}]]],["p-114088a1",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]],{"mode":["setupPickers"]}]]],["p-62598750",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-0e342fa3",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"firstPickerReadOnly":[4,"first-picker-read-only"],"lastPickerReadOnly":[4,"last-picker-read-only"],"firstPickerPlaceholder":[1,"first-picker-placeholder"],"lastPickerPlaceholder":[1,"last-picker-placeholder"],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]],{"firstPickerReadOnly":["setupFirstPickersReadOnly"],"lastPickerReadOnly":["setupLastPickersReadOnly"],"mode":["setupPickers"]}]]],["p-2a374812",[[1,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-163c185f",[[1,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-0fba1b18",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsed":[32]}]]],["p-c306910e",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-6d801a7d",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-f7180c65",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]},null,{"inputrawdata":["oninputrawdataChange"]}]]],["p-fc1e9ce0",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-f0608870",[[1,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516]},null,{"isDisabled":["onDisabledChange"]}]]],["p-3970d479",[[1,"z-book-card",{"variant":[1],"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]}]]],["p-254c85c4",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-df6ef4b4",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-9d538ffe",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-c3a862fb",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"ariaLabel":[1,"aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":["adjustPanelPosition"],"open":["adjustPanelPosition"]}]]],["p-c3845d8f",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]],{"open":["onOpenChanged"]}]]],["p-a614194d",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-a28c2a25",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-c012f19c",[[4,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"selectedTab":[1026,"selected-tab"],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{"canNavigate":["checkScrollEnabled"],"selectedTab":["onTabSelected"]}]]],["p-ffcf7250",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-05545df5",[[6,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-2c9f0119",[[1,"z-pocket-message"]]],["p-c2829bd8",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-353c9666",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]},null,{"data":["watchData"]}]]],["p-0a3954c7",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"checked":[4],"disabled":[4]}]]],["p-22610d00",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]},null,{"isdraggable":["watchPropIsdraggable"],"autoclose":["watchPropAutoclose"],"pauseonfocusloss":["watchPropPauseonfocusloss"]}]]],["p-9abaaaab",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-5c9a626c",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-8cedb801",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-e02a8ea0",[[1,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":["updateColumns"]}]]],["p-7da88300",[[4,"z-aria-alert",{"mode":[1]}]]],["p-58ca2dea",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-3b03ec76",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-0c2fdbe5",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-2737e3dd",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-43905ef3",[[1,"z-myz-card-footer-sections"]]],["p-a0893037",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-b44a65b5",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-8f28871c",[[1,"z-stepper"]]],["p-12c99b8f",[[1,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-111c3ee7",[[1,"z-tbody"]]],["p-e7932983",[[1,"z-tfoot",{"sticky":[516]}]]],["p-09164086",[[1,"z-thead",{"sticky":[516]}]]],["p-f69e5a0a",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":["watchPropNewestontop"]}]]],["p-b2283828",[[1,"z-visually-hidden"]]],["p-a974ae73",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-71286e86",[[1,"z-alert",{"type":[1]}]]],["p-3afa342c",[[1,"z-ghost-loading"]]],["p-51e3b496",[[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"]]],[1,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"]}]]],["p-8591add7",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-22b108f0",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]],{"status":["watchStatusHandler"]}],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-db76c8af",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-1090b1fd",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":["validatePosition"],"open":["onOpen"]}]]]]'),e)})); +import{p as e,H as a,b as t}from"./p-cc3c02fe.js";export{s as setNonce}from"./p-cc3c02fe.js";import{g as i}from"./p-e1255160.js";var o=()=>{{l(a.prototype)}const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};var l=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const i=this.childNodes;if(e){for(let e=0;e{await i();return t(JSON.parse('[["p-76765071",[[1,"z-app-header",{"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"]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"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":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":["watchItems"],"resultsCount":["watchResultsCount"],"value":["watchValue"],"searchString":["watchSearchString"]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]},null,{"open":["onOpenChanged"]}],[6,"z-tag",{"icon":[1],"expandable":[4]}],[1,"z-list",{"size":[513],"listType":[513,"list-type"],"role":[513]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"role":[513],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"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":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"role":[1],"hasclearicon":[4],"icon":[1],"min":[2],"minlength":[2],"max":[2],"maxlength":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[6,"z-button",{"ariaLabel":[513,"aria-label"],"role":[1],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]},null,{"message":["onMessageChange"],"status":["onMessageChange"]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-2bf1edba",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32],"checkboxes":[32]},null,{"items":["watchItems"],"searchValue":["watchSearchValue"],"checkboxes":["watchCheckboxes"]}]]],["p-6f0ad848",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{"items":["watchItems"]}]]],["p-01982531",[[1,"z-breadcrumb",{"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]],{"maxNodesToShow":["handlePropChange"],"viewPortWidth":["handleResizeUp"]}]]],["p-f17abc5a",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-10572f51",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"hasFileSection":[4,"has-file-section"],"files":[32],"invalidFiles":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-0c31e559",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-e0f74038",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]],{"_visiblePages":["setPagesContainerWidth"],"visiblePages":["setVisiblePages"],"currentPage":["onPageChanged"],"split":["onSplitChanged"]}]]],["p-29a1577c",[[1,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":["onIndexChange"],"single":["onSingleModeChange"],"infinite":["onInfiniteModeChange"]}]]],["p-114088a1",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]],{"mode":["setupPickers"]}]]],["p-62598750",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-0e342fa3",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"firstPickerReadOnly":[4,"first-picker-read-only"],"lastPickerReadOnly":[4,"last-picker-read-only"],"firstPickerPlaceholder":[1,"first-picker-placeholder"],"lastPickerPlaceholder":[1,"last-picker-placeholder"],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]],{"firstPickerReadOnly":["setupFirstPickersReadOnly"],"lastPickerReadOnly":["setupLastPickersReadOnly"],"mode":["setupPickers"]}]]],["p-2a374812",[[1,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-163c185f",[[1,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-0fba1b18",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsed":[32]}]]],["p-c306910e",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-6d801a7d",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-f7180c65",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]},null,{"inputrawdata":["oninputrawdataChange"]}]]],["p-fc1e9ce0",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-f0608870",[[1,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516]},null,{"isDisabled":["onDisabledChange"]}]]],["p-3970d479",[[1,"z-book-card",{"variant":[1],"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]}]]],["p-254c85c4",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-df6ef4b4",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-9d538ffe",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-c3a862fb",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"ariaLabel":[1,"aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":["adjustPanelPosition"],"open":["adjustPanelPosition"]}]]],["p-c3845d8f",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]],{"open":["onOpenChanged"]}]]],["p-a614194d",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-a28c2a25",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-c012f19c",[[4,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"selectedTab":[1026,"selected-tab"],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{"canNavigate":["checkScrollEnabled"],"selectedTab":["onTabSelected"]}]]],["p-ffcf7250",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-05545df5",[[6,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-2c9f0119",[[1,"z-pocket-message"]]],["p-c2829bd8",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-353c9666",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]},null,{"data":["watchData"]}]]],["p-0a3954c7",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"checked":[4],"disabled":[4]}]]],["p-22610d00",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]},null,{"isdraggable":["watchPropIsdraggable"],"autoclose":["watchPropAutoclose"],"pauseonfocusloss":["watchPropPauseonfocusloss"]}]]],["p-9abaaaab",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-5c9a626c",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-8cedb801",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-e02a8ea0",[[1,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":["updateColumns"]}]]],["p-7da88300",[[4,"z-aria-alert",{"mode":[1]}]]],["p-58ca2dea",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-3b03ec76",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-0c2fdbe5",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-2737e3dd",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-43905ef3",[[1,"z-myz-card-footer-sections"]]],["p-a0893037",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-b44a65b5",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-05827ca5",[[1,"z-stepper"]]],["p-12c99b8f",[[1,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-111c3ee7",[[1,"z-tbody"]]],["p-e7932983",[[1,"z-tfoot",{"sticky":[516]}]]],["p-09164086",[[1,"z-thead",{"sticky":[516]}]]],["p-f69e5a0a",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":["watchPropNewestontop"]}]]],["p-b2283828",[[1,"z-visually-hidden"]]],["p-a974ae73",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-71286e86",[[1,"z-alert",{"type":[1]}]]],["p-3afa342c",[[1,"z-ghost-loading"]]],["p-5bd51a65",[[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"]]],[1,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"]}]]],["p-8591add7",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-22b108f0",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]],{"status":["watchStatusHandler"]}],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-db76c8af",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-1090b1fd",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":["validatePosition"],"open":["onOpen"]}]]]]'),e)})); //# sourceMappingURL=web-components-library.esm.js.map \ No newline at end of file