@prozorro/prozorro-ui 0.0.8 → 0.0.9-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/assets/Color-FRDS63T2-DlPAsSuC.js +1 -0
- package/dist/app/assets/{Colors.stories-B6EPF0nC.js → Colors.stories-7e9Kvci_.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-6m2x0Slf.js → DocsRenderer-LL677BLK-Bjj1XNYP.js} +24 -24
- package/dist/app/assets/{Grid.stories-DCpTvq1h.js → Grid.stories-CDiFrqKQ.js} +1 -1
- package/dist/app/assets/PzAccordion-ChXTPL78.css +1 -0
- package/dist/app/assets/PzAccordion-DTiV4JOM.js +1 -0
- package/dist/app/assets/PzAccordion-hujlMYpG.css +1 -0
- package/dist/app/assets/PzAccordion.stories-DxsYsHwE.js +322 -0
- package/dist/app/assets/PzAccordionTable-CsabBugL.css +1 -0
- package/dist/app/assets/PzAccordionTable.stories-DNbpjx54.js +275 -0
- package/dist/app/assets/{PzArrayClamp.stories-DYjTyM_w.js → PzArrayClamp.stories-BYdoVxPw.js} +3 -3
- package/dist/app/assets/{PzBreadcrumb.stories-b4V3GARM.js → PzBreadcrumb.stories-DwATLRI2.js} +3 -3
- package/dist/app/assets/{PzBtn-Brjbpw1b.js → PzBtn-B24JwTDl.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-Bu5qPhtp.js → PzBtn.stories-BRV1I_nf.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-DqW3Mfem.js → PzDomHandler.stories-C0SwIaVU.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-CPjzWBvH.js → PzDropdown.stories-gi6eGhLV.js} +2 -2
- package/dist/app/assets/{PzGrid.stories-C1Y3nz5O.js → PzGrid.stories-v8QLnTB3.js} +1 -1
- package/dist/app/assets/{PzHint-BwKGDkUu.js → PzHint-D62JWyEp.js} +1 -1
- package/dist/app/assets/{PzHint.stories-B6l3Ocr8.js → PzHint.stories-YkWa41IH.js} +1 -1
- package/dist/app/assets/{PzIcon-Don8TXO3.js → PzIcon-Drlqf9PC.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-DE4e2be_.js → PzIcon.stories-DAJBWawA.js} +1 -1
- package/dist/app/assets/{PzImage.stories-DoGwhzIO.js → PzImage.stories-CuPnUuRv.js} +1 -1
- package/dist/app/assets/PzInfoBlockLayout-5bxpq9bJ.css +1 -0
- package/dist/app/assets/PzInfoBlockLayout.stories-Bv_9N16u.js +248 -0
- package/dist/app/assets/PzInfoHint-DUCe-kk0.js +1 -0
- package/dist/app/assets/{PzInfoHint-CtK7BZOs.css → PzInfoHint-Da02XLY2.css} +1 -1
- package/dist/app/assets/PzInfoHint-SKNZ9Qnk.css +1 -0
- package/dist/app/assets/PzInfoHint.stories-8e7rIcBj.js +38 -0
- package/dist/app/assets/PzLink-BU7dMeUw.js +1 -0
- package/dist/app/assets/{PzLink.stories-D1DLILnY.js → PzLink.stories-RRRT37UH.js} +3 -3
- package/dist/app/assets/{PzModal.stories-GJIUTcxR.js → PzModal.stories-j0FW0OcM.js} +3 -3
- package/dist/app/assets/{PzNav.stories-vqArvp6y.js → PzNav.stories-BPTRR62X.js} +3 -3
- package/dist/app/assets/{PzPagination.stories-D-kZtPzf.js → PzPagination.stories-CFaLbyxd.js} +2 -2
- package/dist/app/assets/{PzRouterLink.stories-CRcNmODE.js → PzRouterLink.stories-BcMmoayC.js} +2 -2
- package/dist/app/assets/{PzScrollTo.stories-C0m8oG4O.js → PzScrollTo.stories-Gvacxovn.js} +1 -1
- package/dist/app/assets/PzSearchResultItemLayout-DtvZAeWW.css +1 -0
- package/dist/app/assets/PzSearchResultItemLayout.stories-B0EKt_OP.js +112 -0
- package/dist/app/assets/PzSkeleton-0INQyyC6.css +1 -0
- package/dist/app/assets/PzSkeleton-CYVQJkRt.css +1 -0
- package/dist/app/assets/PzSkeleton-DnpztBv3.js +1 -0
- package/dist/app/assets/PzSkeleton.stories-a9NDBt3Z.js +39 -0
- package/dist/app/assets/{PzStatus-DlvKjmG7.css → PzStatus-B_H5z0YP.css} +1 -1
- package/dist/app/assets/PzStatus-KfVGXJ4A.css +1 -0
- package/dist/app/assets/PzStatus-dVlplKB_.js +1 -0
- package/dist/app/assets/{PzStatus.stories-u5QAVco_.js → PzStatus.stories-Dzj8SM95.js} +4 -4
- package/dist/app/assets/PzTable-B73TyHoC.css +1 -0
- package/dist/app/assets/PzTable-BNMYmoRd.css +1 -0
- package/dist/app/assets/PzTable-BipugQuF.js +27 -0
- package/dist/app/assets/PzTable.stories-DcKqkFYa.js +353 -0
- package/dist/app/assets/{PzTabs.stories-CEoVVF4Z.js → PzTabs.stories-BqU667nR.js} +3 -3
- package/dist/app/assets/{PzTag-rwtmuhv6.css → PzTag-C_iRJRZc.css} +1 -1
- package/dist/app/assets/PzTag-Jn6TGUtg.css +1 -0
- package/dist/app/assets/PzTag-jiAX5zAj.js +1 -0
- package/dist/app/assets/{PzTag.stories-B2WKURWu.js → PzTag.stories-bK1-c1pG.js} +6 -6
- package/dist/app/assets/{PzText-LfRr6NF7.js → PzText-Qtpayc5y.js} +1 -1
- package/dist/app/assets/{PzText.stories-CJhqWJtS.js → PzText.stories-9Hrvi7P7.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-B-2pPs9u.js → PzTextClamp.stories--mMfXCQg.js} +2 -2
- package/dist/app/assets/{PzValidatorXSS.stories-DqA_mla7.js → PzValidatorXSS.stories-HZEissEy.js} +1 -1
- package/dist/app/assets/{Spacing.stories-55zVSJ08.js → Spacing.stories-Cu5R7R8t.js} +1 -1
- package/dist/app/assets/{Typography.stories-DEgPTqUk.js → Typography.stories-j9AXuH47.js} +1 -1
- package/dist/app/assets/WithTooltip-65CFNBJE-BcToq9Uh.js +9 -0
- package/dist/app/assets/_commonjsHelpers-Cpj98o6Y.js +1 -0
- package/dist/app/assets/configs-DshpCAYO.js +1 -0
- package/dist/app/assets/{floating-vue-ydzBnlRK.js → floating-vue-BD2YJLen.js} +1 -1
- package/dist/app/assets/formatter-EIJCOSYU-X1jNy3Wo.js +1 -0
- package/dist/app/assets/{iframe-XnrfGA2g.js → iframe-B7Bddli1.js} +93 -93
- package/dist/app/assets/syntaxhighlighter-OH4MV7E3-DpHT8arc.js +6 -0
- package/dist/app/iframe.html +1 -1
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/PzAccordion/PzAccordion.vue.d.ts +33 -0
- package/dist/components/PzAccordion/PzAccordionContent.vue.d.ts +21 -0
- package/dist/components/PzAccordion/configs.d.ts +4 -0
- package/dist/components/PzAccordion/index.d.ts +3 -0
- package/dist/components/PzAccordion/types.d.ts +21 -0
- package/dist/components/PzAccordionTable/PzAccordionTable.vue.d.ts +43 -0
- package/dist/components/PzAccordionTable/constants.d.ts +4 -0
- package/dist/components/PzAccordionTable/index.d.ts +2 -0
- package/dist/components/PzAccordionTable/types.d.ts +28 -0
- package/dist/components/PzGrid/PzGrid.vue.d.ts +1 -1
- package/dist/components/PzGrid/PzGridItem.vue.d.ts +1 -1
- package/dist/components/PzHint/PzHint.vue.d.ts +2 -2
- package/dist/components/PzImage/PzImage.vue.d.ts +1 -1
- package/dist/components/PzInfoBlockLayout/PzInfoBlockLayout.vue.d.ts +24 -0
- package/dist/components/PzInfoBlockLayout/index.d.ts +2 -0
- package/dist/components/PzInfoBlockLayout/types.d.ts +6 -0
- package/dist/components/PzInfoHint/PzInfoHint.vue.d.ts +1 -1
- package/dist/components/PzLink/PzLink.vue.d.ts +1 -1
- package/dist/components/PzModal/PzModal.vue.d.ts +1 -1
- package/dist/components/PzRouterLink/PzRouterLink.vue.d.ts +1 -1
- package/dist/components/PzSearchResultItemLayout/PzSearchResultItemLayout.vue.d.ts +21 -0
- package/dist/components/PzSearchResultItemLayout/index.d.ts +2 -0
- package/dist/components/PzSearchResultItemLayout/types.d.ts +4 -0
- package/dist/components/PzSkeleton/PzSkeleton.vue.d.ts +8 -0
- package/dist/components/PzSkeleton/index.d.ts +2 -0
- package/dist/components/PzSkeleton/types.d.ts +6 -0
- package/dist/components/PzStatus/configs.d.ts +1 -1
- package/dist/components/PzTable/PzTable.vue.d.ts +24 -0
- package/dist/components/PzTable/PzTableData.vue.d.ts +25 -0
- package/dist/components/PzTable/PzTableHead.vue.d.ts +3 -0
- package/dist/components/PzTable/constants.d.ts +1 -0
- package/dist/components/PzTable/index.d.ts +4 -0
- package/dist/components/PzTable/types.d.ts +35 -0
- package/dist/index.d.ts +6 -0
- package/dist/package.json +7 -2
- package/dist/prozorro-ui.cjs +27 -1
- package/dist/prozorro-ui.js +6642 -1883
- package/dist/style.css +1 -1
- package/package.json +7 -2
- package/dist/app/assets/Color-FRDS63T2-C5bQ2Iuy.js +0 -1
- package/dist/app/assets/PzInfoHint.stories-CWDV-k9d.js +0 -38
- package/dist/app/assets/PzLink-BkfNrG4H.js +0 -1
- package/dist/app/assets/WithTooltip-65CFNBJE-D3ytr0gE.js +0 -9
- package/dist/app/assets/formatter-EIJCOSYU-Ca5EM9Pa.js +0 -1
- package/dist/app/assets/syntaxhighlighter-OH4MV7E3-meijqKce.js +0 -6
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
import{d as Da,z as ka,J as Ea,L as Ra,e as m,l as I,F as R,p as ee,h as ae,s as w,k as F,P as Ba,g as $e,o as v,n as Te,f as B,v as Ma,w as Ae,j as ze,N as Na,m as we}from"./iframe-B7Bddli1.js";import{c as M,g as Ua}from"./_commonjsHelpers-Cpj98o6Y.js";import{a as Ga}from"./PzAccordion-DTiV4JOM.js";import{_ as Va}from"./PzIcon-Drlqf9PC.js";import{b as Se,c as Ka}from"./PzTable-BipugQuF.js";import{_ as Ha,P as ia}from"./PzText-Qtpayc5y.js";import{P as qa}from"./PzLink-BU7dMeUw.js";import{P as Wa}from"./PzStatus-dVlplKB_.js";import{P as ca}from"./PzTag-jiAX5zAj.js";import"./preload-helper-C1FmrZbK.js";import"./PzSkeleton-DnpztBv3.js";import"./PzInfoHint-DUCe-kk0.js";import"./PzHint-D62JWyEp.js";import"./floating-vue-BD2YJLen.js";function Za(){this.__data__=[],this.size=0}var Ja=Za;function Ya(e,a){return e===a||e!==e&&a!==a}var la=Ya,Xa=la;function Qa(e,a){for(var t=e.length;t--;)if(Xa(e[t][0],a))return t;return-1}var W=Qa,et=W,at=Array.prototype,tt=at.splice;function rt(e){var a=this.__data__,t=et(a,e);if(t<0)return!1;var r=a.length-1;return t==r?a.pop():tt.call(a,t,1),--this.size,!0}var nt=rt,ot=W;function st(e){var a=this.__data__,t=ot(a,e);return t<0?void 0:a[t][1]}var it=st,ct=W;function lt(e){return ct(this.__data__,e)>-1}var dt=lt,pt=W;function ut(e,a){var t=this.__data__,r=pt(t,e);return r<0?(++this.size,t.push([e,a])):t[r][1]=a,this}var bt=ut,vt=Ja,ft=nt,gt=it,yt=dt,ht=bt;function S(e){var a=-1,t=e==null?0:e.length;for(this.clear();++a<t;){var r=e[a];this.set(r[0],r[1])}}S.prototype.clear=vt;S.prototype.delete=ft;S.prototype.get=gt;S.prototype.has=yt;S.prototype.set=ht;var Z=S,_t=Z;function mt(){this.__data__=new _t,this.size=0}var $t=mt;function Tt(e){var a=this.__data__,t=a.delete(e);return this.size=a.size,t}var At=Tt;function zt(e){return this.__data__.get(e)}var wt=zt;function St(e){return this.__data__.has(e)}var jt=St,Pt=typeof M=="object"&&M&&M.Object===Object&&M,da=Pt,Ct=da,Ot=typeof self=="object"&&self&&self.Object===Object&&self,xt=Ct||Ot||Function("return this")(),y=xt,It=y,Ft=It.Symbol,ce=Ft,je=ce,pa=Object.prototype,Lt=pa.hasOwnProperty,Dt=pa.toString,L=je?je.toStringTag:void 0;function kt(e){var a=Lt.call(e,L),t=e[L];try{e[L]=void 0;var r=!0}catch{}var s=Dt.call(e);return r&&(a?e[L]=t:delete e[L]),s}var Et=kt,Rt=Object.prototype,Bt=Rt.toString;function Mt(e){return Bt.call(e)}var Nt=Mt,Pe=ce,Ut=Et,Gt=Nt,Vt="[object Null]",Kt="[object Undefined]",Ce=Pe?Pe.toStringTag:void 0;function Ht(e){return e==null?e===void 0?Kt:Vt:Ce&&Ce in Object(e)?Ut(e):Gt(e)}var J=Ht;function qt(e){var a=typeof e;return e!=null&&(a=="object"||a=="function")}var k=qt,Wt=J,Zt=k,Jt="[object AsyncFunction]",Yt="[object Function]",Xt="[object GeneratorFunction]",Qt="[object Proxy]";function er(e){if(!Zt(e))return!1;var a=Wt(e);return a==Yt||a==Xt||a==Jt||a==Qt}var ua=er,ar=y,tr=ar["__core-js_shared__"],rr=tr,te=rr,Oe=function(){var e=/[^.]+$/.exec(te&&te.keys&&te.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function nr(e){return!!Oe&&Oe in e}var or=nr,sr=Function.prototype,ir=sr.toString;function cr(e){if(e!=null){try{return ir.call(e)}catch{}try{return e+""}catch{}}return""}var ba=cr,lr=ua,dr=or,pr=k,ur=ba,br=/[\\^$.*+?()[\]{}|]/g,vr=/^\[object .+?Constructor\]$/,fr=Function.prototype,gr=Object.prototype,yr=fr.toString,hr=gr.hasOwnProperty,_r=RegExp("^"+yr.call(hr).replace(br,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function mr(e){if(!pr(e)||dr(e))return!1;var a=lr(e)?_r:vr;return a.test(ur(e))}var $r=mr;function Tr(e,a){return e==null?void 0:e[a]}var Ar=Tr,zr=$r,wr=Ar;function Sr(e,a){var t=wr(e,a);return zr(t)?t:void 0}var A=Sr,jr=A,Pr=y,Cr=jr(Pr,"Map"),le=Cr,Or=A,xr=Or(Object,"create"),Y=xr,xe=Y;function Ir(){this.__data__=xe?xe(null):{},this.size=0}var Fr=Ir;function Lr(e){var a=this.has(e)&&delete this.__data__[e];return this.size-=a?1:0,a}var Dr=Lr,kr=Y,Er="__lodash_hash_undefined__",Rr=Object.prototype,Br=Rr.hasOwnProperty;function Mr(e){var a=this.__data__;if(kr){var t=a[e];return t===Er?void 0:t}return Br.call(a,e)?a[e]:void 0}var Nr=Mr,Ur=Y,Gr=Object.prototype,Vr=Gr.hasOwnProperty;function Kr(e){var a=this.__data__;return Ur?a[e]!==void 0:Vr.call(a,e)}var Hr=Kr,qr=Y,Wr="__lodash_hash_undefined__";function Zr(e,a){var t=this.__data__;return this.size+=this.has(e)?0:1,t[e]=qr&&a===void 0?Wr:a,this}var Jr=Zr,Yr=Fr,Xr=Dr,Qr=Nr,en=Hr,an=Jr;function j(e){var a=-1,t=e==null?0:e.length;for(this.clear();++a<t;){var r=e[a];this.set(r[0],r[1])}}j.prototype.clear=Yr;j.prototype.delete=Xr;j.prototype.get=Qr;j.prototype.has=en;j.prototype.set=an;var tn=j,Ie=tn,rn=Z,nn=le;function on(){this.size=0,this.__data__={hash:new Ie,map:new(nn||rn),string:new Ie}}var sn=on;function cn(e){var a=typeof e;return a=="string"||a=="number"||a=="symbol"||a=="boolean"?e!=="__proto__":e===null}var ln=cn,dn=ln;function pn(e,a){var t=e.__data__;return dn(a)?t[typeof a=="string"?"string":"hash"]:t.map}var X=pn,un=X;function bn(e){var a=un(this,e).delete(e);return this.size-=a?1:0,a}var vn=bn,fn=X;function gn(e){return fn(this,e).get(e)}var yn=gn,hn=X;function _n(e){return hn(this,e).has(e)}var mn=_n,$n=X;function Tn(e,a){var t=$n(this,e),r=t.size;return t.set(e,a),this.size+=t.size==r?0:1,this}var An=Tn,zn=sn,wn=vn,Sn=yn,jn=mn,Pn=An;function P(e){var a=-1,t=e==null?0:e.length;for(this.clear();++a<t;){var r=e[a];this.set(r[0],r[1])}}P.prototype.clear=zn;P.prototype.delete=wn;P.prototype.get=Sn;P.prototype.has=jn;P.prototype.set=Pn;var Cn=P,On=Z,xn=le,In=Cn,Fn=200;function Ln(e,a){var t=this.__data__;if(t instanceof On){var r=t.__data__;if(!xn||r.length<Fn-1)return r.push([e,a]),this.size=++t.size,this;t=this.__data__=new In(r)}return t.set(e,a),this.size=t.size,this}var Dn=Ln,kn=Z,En=$t,Rn=At,Bn=wt,Mn=jt,Nn=Dn;function C(e){var a=this.__data__=new kn(e);this.size=a.size}C.prototype.clear=En;C.prototype.delete=Rn;C.prototype.get=Bn;C.prototype.has=Mn;C.prototype.set=Nn;var Un=C;function Gn(e,a){for(var t=-1,r=e==null?0:e.length;++t<r&&a(e[t],t,e)!==!1;);return e}var Vn=Gn,Kn=A,Hn=function(){try{var e=Kn(Object,"defineProperty");return e({},"",{}),e}catch{}}(),qn=Hn,Fe=qn;function Wn(e,a,t){a=="__proto__"&&Fe?Fe(e,a,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[a]=t}var va=Wn,Zn=va,Jn=la,Yn=Object.prototype,Xn=Yn.hasOwnProperty;function Qn(e,a,t){var r=e[a];(!(Xn.call(e,a)&&Jn(r,t))||t===void 0&&!(a in e))&&Zn(e,a,t)}var fa=Qn,eo=fa,ao=va;function to(e,a,t,r){var s=!t;t||(t={});for(var i=-1,o=a.length;++i<o;){var l=a[i],u=r?r(t[l],e[l],l,t,e):void 0;u===void 0&&(u=e[l]),s?ao(t,l,u):eo(t,l,u)}return t}var Q=to;function ro(e,a){for(var t=-1,r=Array(e);++t<e;)r[t]=a(t);return r}var no=ro;function oo(e){return e!=null&&typeof e=="object"}var E=oo,so=J,io=E,co="[object Arguments]";function lo(e){return io(e)&&so(e)==co}var po=lo,Le=po,uo=E,ga=Object.prototype,bo=ga.hasOwnProperty,vo=ga.propertyIsEnumerable,fo=Le(function(){return arguments}())?Le:function(e){return uo(e)&&bo.call(e,"callee")&&!vo.call(e,"callee")},go=fo,yo=Array.isArray,de=yo,K={exports:{}};function ho(){return!1}var _o=ho;K.exports;(function(e,a){var t=y,r=_o,s=a&&!a.nodeType&&a,i=s&&!0&&e&&!e.nodeType&&e,o=i&&i.exports===s,l=o?t.Buffer:void 0,u=l?l.isBuffer:void 0,b=u||r;e.exports=b})(K,K.exports);var ya=K.exports,mo=9007199254740991,$o=/^(?:0|[1-9]\d*)$/;function To(e,a){var t=typeof e;return a=a??mo,!!a&&(t=="number"||t!="symbol"&&$o.test(e))&&e>-1&&e%1==0&&e<a}var Ao=To,zo=9007199254740991;function wo(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=zo}var ha=wo,So=J,jo=ha,Po=E,Co="[object Arguments]",Oo="[object Array]",xo="[object Boolean]",Io="[object Date]",Fo="[object Error]",Lo="[object Function]",Do="[object Map]",ko="[object Number]",Eo="[object Object]",Ro="[object RegExp]",Bo="[object Set]",Mo="[object String]",No="[object WeakMap]",Uo="[object ArrayBuffer]",Go="[object DataView]",Vo="[object Float32Array]",Ko="[object Float64Array]",Ho="[object Int8Array]",qo="[object Int16Array]",Wo="[object Int32Array]",Zo="[object Uint8Array]",Jo="[object Uint8ClampedArray]",Yo="[object Uint16Array]",Xo="[object Uint32Array]",p={};p[Vo]=p[Ko]=p[Ho]=p[qo]=p[Wo]=p[Zo]=p[Jo]=p[Yo]=p[Xo]=!0;p[Co]=p[Oo]=p[Uo]=p[xo]=p[Go]=p[Io]=p[Fo]=p[Lo]=p[Do]=p[ko]=p[Eo]=p[Ro]=p[Bo]=p[Mo]=p[No]=!1;function Qo(e){return Po(e)&&jo(e.length)&&!!p[So(e)]}var es=Qo;function as(e){return function(a){return e(a)}}var pe=as,H={exports:{}};H.exports;(function(e,a){var t=da,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,i=s&&s.exports===r,o=i&&t.process,l=function(){try{var u=s&&s.require&&s.require("util").types;return u||o&&o.binding&&o.binding("util")}catch{}}();e.exports=l})(H,H.exports);var ue=H.exports,ts=es,rs=pe,De=ue,ke=De&&De.isTypedArray,ns=ke?rs(ke):ts,os=ns,ss=no,is=go,cs=de,ls=ya,ds=Ao,ps=os,us=Object.prototype,bs=us.hasOwnProperty;function vs(e,a){var t=cs(e),r=!t&&is(e),s=!t&&!r&&ls(e),i=!t&&!r&&!s&&ps(e),o=t||r||s||i,l=o?ss(e.length,String):[],u=l.length;for(var b in e)(a||bs.call(e,b))&&!(o&&(b=="length"||s&&(b=="offset"||b=="parent")||i&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||ds(b,u)))&&l.push(b);return l}var _a=vs,fs=Object.prototype;function gs(e){var a=e&&e.constructor,t=typeof a=="function"&&a.prototype||fs;return e===t}var be=gs;function ys(e,a){return function(t){return e(a(t))}}var ma=ys,hs=ma,_s=hs(Object.keys,Object),ms=_s,$s=be,Ts=ms,As=Object.prototype,zs=As.hasOwnProperty;function ws(e){if(!$s(e))return Ts(e);var a=[];for(var t in Object(e))zs.call(e,t)&&t!="constructor"&&a.push(t);return a}var Ss=ws,js=ua,Ps=ha;function Cs(e){return e!=null&&Ps(e.length)&&!js(e)}var $a=Cs,Os=_a,xs=Ss,Is=$a;function Fs(e){return Is(e)?Os(e):xs(e)}var ve=Fs,Ls=Q,Ds=ve;function ks(e,a){return e&&Ls(a,Ds(a),e)}var Es=ks;function Rs(e){var a=[];if(e!=null)for(var t in Object(e))a.push(t);return a}var Bs=Rs,Ms=k,Ns=be,Us=Bs,Gs=Object.prototype,Vs=Gs.hasOwnProperty;function Ks(e){if(!Ms(e))return Us(e);var a=Ns(e),t=[];for(var r in e)r=="constructor"&&(a||!Vs.call(e,r))||t.push(r);return t}var Hs=Ks,qs=_a,Ws=Hs,Zs=$a;function Js(e){return Zs(e)?qs(e,!0):Ws(e)}var fe=Js,Ys=Q,Xs=fe;function Qs(e,a){return e&&Ys(a,Xs(a),e)}var ei=Qs,q={exports:{}};q.exports;(function(e,a){var t=y,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,i=s&&s.exports===r,o=i?t.Buffer:void 0,l=o?o.allocUnsafe:void 0;function u(b,z){if(z)return b.slice();var f=b.length,$=l?l(f):new b.constructor(f);return b.copy($),$}e.exports=u})(q,q.exports);var ai=q.exports;function ti(e,a){var t=-1,r=e.length;for(a||(a=Array(r));++t<r;)a[t]=e[t];return a}var ri=ti;function ni(e,a){for(var t=-1,r=e==null?0:e.length,s=0,i=[];++t<r;){var o=e[t];a(o,t,e)&&(i[s++]=o)}return i}var oi=ni;function si(){return[]}var Ta=si,ii=oi,ci=Ta,li=Object.prototype,di=li.propertyIsEnumerable,Ee=Object.getOwnPropertySymbols,pi=Ee?function(e){return e==null?[]:(e=Object(e),ii(Ee(e),function(a){return di.call(e,a)}))}:ci,ge=pi,ui=Q,bi=ge;function vi(e,a){return ui(e,bi(e),a)}var fi=vi;function gi(e,a){for(var t=-1,r=a.length,s=e.length;++t<r;)e[s+t]=a[t];return e}var Aa=gi,yi=ma,hi=yi(Object.getPrototypeOf,Object),za=hi,_i=Aa,mi=za,$i=ge,Ti=Ta,Ai=Object.getOwnPropertySymbols,zi=Ai?function(e){for(var a=[];e;)_i(a,$i(e)),e=mi(e);return a}:Ti,wa=zi,wi=Q,Si=wa;function ji(e,a){return wi(e,Si(e),a)}var Pi=ji,Ci=Aa,Oi=de;function xi(e,a,t){var r=a(e);return Oi(e)?r:Ci(r,t(e))}var Sa=xi,Ii=Sa,Fi=ge,Li=ve;function Di(e){return Ii(e,Li,Fi)}var ki=Di,Ei=Sa,Ri=wa,Bi=fe;function Mi(e){return Ei(e,Bi,Ri)}var Ni=Mi,Ui=A,Gi=y,Vi=Ui(Gi,"DataView"),Ki=Vi,Hi=A,qi=y,Wi=Hi(qi,"Promise"),Zi=Wi,Ji=A,Yi=y,Xi=Ji(Yi,"Set"),Qi=Xi,ec=A,ac=y,tc=ec(ac,"WeakMap"),rc=tc,re=Ki,ne=le,oe=Zi,se=Qi,ie=rc,ja=J,O=ba,Re="[object Map]",nc="[object Object]",Be="[object Promise]",Me="[object Set]",Ne="[object WeakMap]",Ue="[object DataView]",oc=O(re),sc=O(ne),ic=O(oe),cc=O(se),lc=O(ie),T=ja;(re&&T(new re(new ArrayBuffer(1)))!=Ue||ne&&T(new ne)!=Re||oe&&T(oe.resolve())!=Be||se&&T(new se)!=Me||ie&&T(new ie)!=Ne)&&(T=function(e){var a=ja(e),t=a==nc?e.constructor:void 0,r=t?O(t):"";if(r)switch(r){case oc:return Ue;case sc:return Re;case ic:return Be;case cc:return Me;case lc:return Ne}return a});var ye=T,dc=Object.prototype,pc=dc.hasOwnProperty;function uc(e){var a=e.length,t=new e.constructor(a);return a&&typeof e[0]=="string"&&pc.call(e,"index")&&(t.index=e.index,t.input=e.input),t}var bc=uc,vc=y,fc=vc.Uint8Array,gc=fc,Ge=gc;function yc(e){var a=new e.constructor(e.byteLength);return new Ge(a).set(new Ge(e)),a}var he=yc,hc=he;function _c(e,a){var t=a?hc(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}var mc=_c,$c=/\w*$/;function Tc(e){var a=new e.constructor(e.source,$c.exec(e));return a.lastIndex=e.lastIndex,a}var Ac=Tc,Ve=ce,Ke=Ve?Ve.prototype:void 0,He=Ke?Ke.valueOf:void 0;function zc(e){return He?Object(He.call(e)):{}}var wc=zc,Sc=he;function jc(e,a){var t=a?Sc(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var Pc=jc,Cc=he,Oc=mc,xc=Ac,Ic=wc,Fc=Pc,Lc="[object Boolean]",Dc="[object Date]",kc="[object Map]",Ec="[object Number]",Rc="[object RegExp]",Bc="[object Set]",Mc="[object String]",Nc="[object Symbol]",Uc="[object ArrayBuffer]",Gc="[object DataView]",Vc="[object Float32Array]",Kc="[object Float64Array]",Hc="[object Int8Array]",qc="[object Int16Array]",Wc="[object Int32Array]",Zc="[object Uint8Array]",Jc="[object Uint8ClampedArray]",Yc="[object Uint16Array]",Xc="[object Uint32Array]";function Qc(e,a,t){var r=e.constructor;switch(a){case Uc:return Cc(e);case Lc:case Dc:return new r(+e);case Gc:return Oc(e,t);case Vc:case Kc:case Hc:case qc:case Wc:case Zc:case Jc:case Yc:case Xc:return Fc(e,t);case kc:return new r;case Ec:case Mc:return new r(e);case Rc:return xc(e);case Bc:return new r;case Nc:return Ic(e)}}var el=Qc,al=k,qe=Object.create,tl=function(){function e(){}return function(a){if(!al(a))return{};if(qe)return qe(a);e.prototype=a;var t=new e;return e.prototype=void 0,t}}(),rl=tl,nl=rl,ol=za,sl=be;function il(e){return typeof e.constructor=="function"&&!sl(e)?nl(ol(e)):{}}var cl=il,ll=ye,dl=E,pl="[object Map]";function ul(e){return dl(e)&&ll(e)==pl}var bl=ul,vl=bl,fl=pe,We=ue,Ze=We&&We.isMap,gl=Ze?fl(Ze):vl,yl=gl,hl=ye,_l=E,ml="[object Set]";function $l(e){return _l(e)&&hl(e)==ml}var Tl=$l,Al=Tl,zl=pe,Je=ue,Ye=Je&&Je.isSet,wl=Ye?zl(Ye):Al,Sl=wl,jl=Un,Pl=Vn,Cl=fa,Ol=Es,xl=ei,Il=ai,Fl=ri,Ll=fi,Dl=Pi,kl=ki,El=Ni,Rl=ye,Bl=bc,Ml=el,Nl=cl,Ul=de,Gl=ya,Vl=yl,Kl=k,Hl=Sl,ql=ve,Wl=fe,Zl=1,Jl=2,Yl=4,Pa="[object Arguments]",Xl="[object Array]",Ql="[object Boolean]",ed="[object Date]",ad="[object Error]",Ca="[object Function]",td="[object GeneratorFunction]",rd="[object Map]",nd="[object Number]",Oa="[object Object]",od="[object RegExp]",sd="[object Set]",id="[object String]",cd="[object Symbol]",ld="[object WeakMap]",dd="[object ArrayBuffer]",pd="[object DataView]",ud="[object Float32Array]",bd="[object Float64Array]",vd="[object Int8Array]",fd="[object Int16Array]",gd="[object Int32Array]",yd="[object Uint8Array]",hd="[object Uint8ClampedArray]",_d="[object Uint16Array]",md="[object Uint32Array]",c={};c[Pa]=c[Xl]=c[dd]=c[pd]=c[Ql]=c[ed]=c[ud]=c[bd]=c[vd]=c[fd]=c[gd]=c[rd]=c[nd]=c[Oa]=c[od]=c[sd]=c[id]=c[cd]=c[yd]=c[hd]=c[_d]=c[md]=!0;c[ad]=c[Ca]=c[ld]=!1;function G(e,a,t,r,s,i){var o,l=a&Zl,u=a&Jl,b=a&Yl;if(t&&(o=s?t(e,r,s,i):t(e)),o!==void 0)return o;if(!Kl(e))return e;var z=Ul(e);if(z){if(o=Bl(e),!l)return Fl(e,o)}else{var f=Rl(e),$=f==Ca||f==td;if(Gl(e))return Il(e,l);if(f==Oa||f==Pa||$&&!s){if(o=u||$?{}:Nl(e),!l)return u?Dl(e,xl(o,e)):Ll(e,Ol(o,e))}else{if(!c[f])return s?e:{};o=Ml(e,f,l)}}i||(i=new jl);var x=i.get(e);if(x)return x;i.set(e,o),Hl(e)?e.forEach(function(n){o.add(G(n,a,t,n,e,i))}):Vl(e)&&e.forEach(function(n,_){o.set(_,G(n,a,t,_,e,i))});var d=b?u?El:kl:u?Wl:ql,h=z?void 0:d(e);return Pl(h||e,function(n,_){h&&(_=n,n=e[_]),Cl(o,_,G(n,a,t,_,e,i))}),o}var $d=G,Td=$d,Ad=1,zd=4;function wd(e){return Td(e,Ad|zd)}var Sd=wd;const jd=Ua(Sd),xa="—",Pd=100,Cd={id:"accordion-toggle",name:"",key:""},Od={class:"pz-accordion-table-wrap"},xd={class:"pz-accordion-table"},Id={key:0,class:"pz-accordion-table__head"},Fd={class:"pz-accordion-table__row pz-accordion-table__row--head"},Ld=["id","onClick"],Dd={key:0,class:"pz-accordion-table__toggle-cell"},kd=["aria-expanded","aria-label","onClick"],Ed=["colspan"],V=Da({name:"PzAccordionTable",__name:"PzAccordionTable",props:{rowIdFn:{type:Function,default:({id:e})=>String(e??"")},defaultOpenedSubRowFn:{type:Function,default:()=>!1},visibleToggleBtnFn:{type:Function,default:()=>!1},fields:{},data:{},defaultValue:{default:xa},visibleHeader:{type:Boolean,default:!0}},setup(e){const a=ka(),t=Ba({array:[]}),r=e;Ea(()=>x()),Ra(()=>[r.data,r.defaultOpenedSubRowFn],()=>x(),{deep:!0});const s=$e(()=>t.array.some(d=>u(d))),i=$e(()=>r.fields.length+(s.value?1:0)),o=({colWidth:d})=>({width:r.fields.some(({colWidth:n})=>!!n)?`${d}%`:`${Math.floor(Pd/r.fields.length)}%`}),l=d=>!!a[d],u=d=>r.visibleToggleBtnFn(d),b=d=>{u(d)&&(d.showSubRow=!d.showSubRow)},z=d=>r.rowIdFn(d)||void 0,f=d=>{const{target:h}=d;return h instanceof Element&&!!h.closest("a, button, input, select, textarea, summary, [role='button']")},$=(d,h)=>{f(h)||b(d)},x=()=>{t.array=jd(r.data||[]).map(d=>({...d,showSubRow:r.defaultOpenedSubRowFn(d)}))};return(d,h)=>(v(),m("div",Od,[I("table",xd,[e.visibleHeader?(v(),m("thead",Id,[I("tr",Fd,[(v(!0),m(R,null,ee(e.fields,n=>(v(),ae(w(Se),{key:n.id,column:n,style:Te(o(n))},null,8,["column","style"]))),128)),s.value?(v(),ae(w(Se),{key:0,column:w(Cd),class:"pz-accordion-table__toggle-head"},null,8,["column"])):F("",!0)])])):F("",!0),I("tbody",null,[(v(!0),m(R,null,ee(t.array,(n,_)=>(v(),m(R,{key:n.id??_},[I("tr",{id:z(n),class:B(["pz-accordion-table__row",{expandable:u(n),open:n.showSubRow}]),onClick:g=>$(n,g)},[(v(!0),m(R,null,ee(e.fields,(g,Fa)=>(v(),ae(w(Ka),{key:`${g.id}-${g.key}`,column:g,data:n,style:Te(o(g)),"default-value":e.defaultValue,class:B({"pz-accordion-table__cell--first-col":Fa===0})},Ma({_:2},[l(g.key)?{name:"default",fn:Ae(({value:La})=>[ze(d.$slots,g.key,{data:n,column:g,value:La,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),key:"0"}:void 0]),1032,["column","data","style","default-value","class"]))),128)),s.value?(v(),m("td",Dd,[u(n)?(v(),m("button",{key:0,type:"button",class:B(["pz-accordion-table__toggle-button",{"pz-accordion-table__toggle-button--open":n.showSubRow}]),"aria-expanded":n.showSubRow,"aria-label":n.showSubRow?"Згорнути деталі рядка":"Розгорнути деталі рядка",onClick:Na(g=>b(n),["stop"])},[we(w(Va),{name:"expand_more",size:"20"})],10,kd)):F("",!0)])):F("",!0)],10,Ld),u(n)?(v(),m("tr",{key:0,class:B(["pz-accordion-table__row pz-accordion-table__row--sub-row",{"pz-accordion-table__row--sub-row-open":n.showSubRow}])},[I("td",{colspan:i.value,class:"pz-accordion-table__sub-row-cell"},[we(w(Ga),{active:n.showSubRow,"content-class":"pz-accordion-table-sub-row-surface"},{default:Ae(()=>[ze(d.$slots,"subRow",{data:n,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),_:2},1032,["active"])],8,Ed)],2)):F("",!0)],64))),128))])])]))}}),_e=Ha(V,[["__scopeId","data-v-b95525d7"]]);V.__docgenInfo=Object.assign({displayName:V.name??V.__name},{name:"PzAccordionTable",exportName:"default",displayName:"PzAccordionTable",description:"",tags:{},props:[{name:"rowIdFn",required:!1,type:{name:"PzAccordionTableRowIdFn"},defaultValue:{func:!1,value:'({ id }: PzAccordionTableRow) => String(id ?? "")'}},{name:"defaultOpenedSubRowFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn"},defaultValue:{func:!1,value:"() => false"}},{name:"visibleToggleBtnFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn"},defaultValue:{func:!1,value:"() => false"}},{name:"fields",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn"}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"PzAccordionTableRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_ACCORDION_TABLE_DEFAULT_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"field.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"},{name:"expanded",title:"binding"},{name:"toggle",title:"binding"}]},{name:"subRow",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"expanded",title:"binding"},{name:"toggle",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzAccordionTable/PzAccordionTable.vue"]});const Ia=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:28},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"location",name:"Місце поставки",key:"location",colWidth:22},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:14}],me=[{id:"paper-a4",name:"Папір для друку A4",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"1 упаковка",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Відповідає",statusVariant:"active",details:[{id:"format",title:"1. Формат паперу",tags:["Підтверджує участь","Відноситься до предмету закупівлі"],description:"Формат паперу А4 (210x297 мм)",values:["Формат паперу (210x297 мм)","Допустиме значення: А4"]},{id:"color",title:"2. Колір паперу",tags:["Підтверджує участь","Відноситься до предмету закупівлі"],description:"Колір паперу білий",values:["Колір паперу","Допустиме значення: Білий"]}]},{id:"paper-a3",name:"Папір для друку A3",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"10 упаковок",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Відповідає",statusVariant:"active"},{id:"ketamine",name:"ТОПЕНТАЛ ліофілізат для розчину для ін'єкцій по 1,0 г у флаконах",classification:"ДК 021:2015: 33600000-6 — Фармацевтична продукція",quantity:"20 флаконів",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Потребує перевірки",statusVariant:"progress",supplier:{name:"ТОВ Медичні рішення",href:"https://prozorro.gov.ua"},details:[{id:"dosage",title:"1. Дозування та форма випуску",tags:["Підтверджує участь"],description:"Ліофілізат для розчину для ін'єкцій, по 1,0 г у флаконах",values:["Форма випуску: ліофілізат","Дозування: 1,0 г"]}]}],Rd=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"classification",name:"Предмет закупівлі",key:"classification",colWidth:30},{id:"quantity",name:"Обсяг",key:"quantity",colWidth:12},{id:"statusLabel",name:"Статус",key:"statusLabel",colWidth:14},{id:"deliveryDate",name:"Поставка",key:"deliveryDate",colWidth:16}],Bd=me.map(e=>({...e,supplier:e.supplier??{name:"ТОВ Канцелярія плюс",href:"https://prozorro.gov.ua"}})),Md=`<template>
|
|
2
|
+
<PzAccordionTable
|
|
3
|
+
:fields="fields"
|
|
4
|
+
:data="data"
|
|
5
|
+
:visible-toggle-btn-fn="visibleToggleBtnFn"
|
|
6
|
+
>
|
|
7
|
+
<template #subRow="{ data }">
|
|
8
|
+
<div>{{ data.name }}</div>
|
|
9
|
+
</template>
|
|
10
|
+
</PzAccordionTable>
|
|
11
|
+
</template>`,Nd=`<template>
|
|
12
|
+
<PzAccordionTable
|
|
13
|
+
:fields="fields"
|
|
14
|
+
:data="data"
|
|
15
|
+
:visible-toggle-btn-fn="visibleToggleBtnFn"
|
|
16
|
+
>
|
|
17
|
+
<template #supplier="{ data }">
|
|
18
|
+
<PzLink :href="data.supplier.href" bold>
|
|
19
|
+
{{ data.supplier.name }}
|
|
20
|
+
</PzLink>
|
|
21
|
+
</template>
|
|
22
|
+
|
|
23
|
+
<template #statusLabel="{ data }">
|
|
24
|
+
<PzStatus :variant="data.statusVariant">
|
|
25
|
+
{{ data.statusLabel }}
|
|
26
|
+
</PzStatus>
|
|
27
|
+
</template>
|
|
28
|
+
|
|
29
|
+
<template #subRow="{ data }">
|
|
30
|
+
<div>Expanded details for {{ data.name }}</div>
|
|
31
|
+
</template>
|
|
32
|
+
</PzAccordionTable>
|
|
33
|
+
</template>`,tp={title:"Components/Data/PzAccordionTable",component:_e,parameters:{prototype:{caption:"PzAccordionTable",note:"Table rows can expand into a full-width details area. Figma node access was blocked by rate limits during this turn, so fine spacing was verified against the screenshot and the local prototype."},docs:{description:{component:"Use `PzAccordionTable` when most rows behave like a standard data table but some rows also reveal a nested detail surface. It reuses `PzTable` cell primitives, keeps a per-row toggle predicate, and exposes named cell slots plus a `subRow` slot for expanded content."},source:{code:Md}}},args:{fields:Ia,data:me,defaultValue:xa,visibleHeader:!0,rowIdFn:e=>String(e.id??""),defaultOpenedSubRowFn:()=>!1,visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},argTypes:{fields:{control:!1,description:"Column configuration array based on `PzTableColumn`."},data:{control:!1,description:"Table rows. Expansion state is managed internally from the provided data."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},rowIdFn:{control:!1,description:"Maps a row to the rendered DOM id attribute."},defaultOpenedSubRowFn:{control:!1,description:"Sets the initial open state for matching rows."},visibleToggleBtnFn:{control:!1,description:"Determines whether a row renders the expansion control and detail section."}}},D={render:e=>({components:{pzAccordionTable:_e,pzText:ia,pzTag:ca},setup(){return{args:e}},template:`
|
|
34
|
+
<div class="pz-accordion-table-story">
|
|
35
|
+
<section class="pz-accordion-table-story-board">
|
|
36
|
+
<div class="pz-accordion-table-story-header">
|
|
37
|
+
<div class="pz-accordion-table-story-copy">
|
|
38
|
+
<span class="pz-accordion-table-story-eyebrow">Component API</span>
|
|
39
|
+
<pz-text variant="h4-bold">Mixed flat and expandable rows</pz-text>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div class="pz-accordion-table-story-preview">
|
|
44
|
+
<pz-accordion-table v-bind="args">
|
|
45
|
+
<template #subRow="{ data }">
|
|
46
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
47
|
+
<div
|
|
48
|
+
v-for="detail in data.details || []"
|
|
49
|
+
:key="detail.id"
|
|
50
|
+
class="pz-accordion-table-story-detail"
|
|
51
|
+
>
|
|
52
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
53
|
+
<strong>{{ detail.title }}</strong>
|
|
54
|
+
<div class="pz-accordion-table-story-tags">
|
|
55
|
+
<pz-tag
|
|
56
|
+
v-for="tag in detail.tags"
|
|
57
|
+
:key="tag"
|
|
58
|
+
variant="grey-light"
|
|
59
|
+
>
|
|
60
|
+
{{ tag }}
|
|
61
|
+
</pz-tag>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<p class="pz-accordion-table-story-detail-copy">{{ detail.description }}</p>
|
|
66
|
+
|
|
67
|
+
<ul class="pz-accordion-table-story-detail-list">
|
|
68
|
+
<li
|
|
69
|
+
v-for="value in detail.values"
|
|
70
|
+
:key="value"
|
|
71
|
+
>
|
|
72
|
+
{{ value }}
|
|
73
|
+
</li>
|
|
74
|
+
</ul>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</template>
|
|
78
|
+
</pz-accordion-table>
|
|
79
|
+
</div>
|
|
80
|
+
</section>
|
|
81
|
+
</div>
|
|
82
|
+
`})},N={parameters:{docs:{source:{code:Nd}}},args:{fields:Rd,data:Bd,visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},render:e=>({components:{pzAccordionTable:_e,pzLink:qa,pzStatus:Wa,pzText:ia,pzTag:ca},setup(){return{args:e}},template:`
|
|
83
|
+
<div class="pz-accordion-table-story">
|
|
84
|
+
<section class="pz-accordion-table-story-board">
|
|
85
|
+
<div class="pz-accordion-table-story-header">
|
|
86
|
+
<div class="pz-accordion-table-story-copy">
|
|
87
|
+
<span class="pz-accordion-table-story-eyebrow">Usage example</span>
|
|
88
|
+
<pz-text variant="h4-bold">Custom cells and detail content</pz-text>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
|
|
92
|
+
<div class="pz-accordion-table-story-preview">
|
|
93
|
+
<pz-accordion-table v-bind="args">
|
|
94
|
+
<template #supplier="{ data }">
|
|
95
|
+
<pz-link
|
|
96
|
+
:href="data.supplier.href"
|
|
97
|
+
bold
|
|
98
|
+
>
|
|
99
|
+
{{ data.supplier.name }}
|
|
100
|
+
</pz-link>
|
|
101
|
+
</template>
|
|
102
|
+
|
|
103
|
+
<template #statusLabel="{ data }">
|
|
104
|
+
<pz-status :variant="data.statusVariant">
|
|
105
|
+
{{ data.statusLabel }}
|
|
106
|
+
</pz-status>
|
|
107
|
+
</template>
|
|
108
|
+
|
|
109
|
+
<template #subRow="{ data }">
|
|
110
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
111
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
112
|
+
<strong>{{ data.name }}</strong>
|
|
113
|
+
<pz-tag variant="blue">Додаткові умови</pz-tag>
|
|
114
|
+
</div>
|
|
115
|
+
|
|
116
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
117
|
+
{{ data.classification }}
|
|
118
|
+
</p>
|
|
119
|
+
|
|
120
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
121
|
+
Постачання: {{ data.location }}
|
|
122
|
+
</p>
|
|
123
|
+
</div>
|
|
124
|
+
</template>
|
|
125
|
+
</pz-accordion-table>
|
|
126
|
+
</div>
|
|
127
|
+
</section>
|
|
128
|
+
</div>
|
|
129
|
+
`})},U={args:{fields:Ia,data:me,defaultOpenedSubRowFn:e=>e.id==="paper-a4",visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},render:D.render};var Xe,Qe,ea;D.parameters={...D.parameters,docs:{...(Xe=D.parameters)==null?void 0:Xe.docs,source:{originalSource:`{
|
|
130
|
+
render: (args: PzAccordionTableStoryArgs) => ({
|
|
131
|
+
components: {
|
|
132
|
+
pzAccordionTable: PzAccordionTable,
|
|
133
|
+
pzText: PzText,
|
|
134
|
+
pzTag: PzTag
|
|
135
|
+
},
|
|
136
|
+
setup() {
|
|
137
|
+
return {
|
|
138
|
+
args
|
|
139
|
+
};
|
|
140
|
+
},
|
|
141
|
+
template: \`
|
|
142
|
+
<div class="pz-accordion-table-story">
|
|
143
|
+
<section class="pz-accordion-table-story-board">
|
|
144
|
+
<div class="pz-accordion-table-story-header">
|
|
145
|
+
<div class="pz-accordion-table-story-copy">
|
|
146
|
+
<span class="pz-accordion-table-story-eyebrow">Component API</span>
|
|
147
|
+
<pz-text variant="h4-bold">Mixed flat and expandable rows</pz-text>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
|
|
151
|
+
<div class="pz-accordion-table-story-preview">
|
|
152
|
+
<pz-accordion-table v-bind="args">
|
|
153
|
+
<template #subRow="{ data }">
|
|
154
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
155
|
+
<div
|
|
156
|
+
v-for="detail in data.details || []"
|
|
157
|
+
:key="detail.id"
|
|
158
|
+
class="pz-accordion-table-story-detail"
|
|
159
|
+
>
|
|
160
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
161
|
+
<strong>{{ detail.title }}</strong>
|
|
162
|
+
<div class="pz-accordion-table-story-tags">
|
|
163
|
+
<pz-tag
|
|
164
|
+
v-for="tag in detail.tags"
|
|
165
|
+
:key="tag"
|
|
166
|
+
variant="grey-light"
|
|
167
|
+
>
|
|
168
|
+
{{ tag }}
|
|
169
|
+
</pz-tag>
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
|
|
173
|
+
<p class="pz-accordion-table-story-detail-copy">{{ detail.description }}</p>
|
|
174
|
+
|
|
175
|
+
<ul class="pz-accordion-table-story-detail-list">
|
|
176
|
+
<li
|
|
177
|
+
v-for="value in detail.values"
|
|
178
|
+
:key="value"
|
|
179
|
+
>
|
|
180
|
+
{{ value }}
|
|
181
|
+
</li>
|
|
182
|
+
</ul>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</template>
|
|
186
|
+
</pz-accordion-table>
|
|
187
|
+
</div>
|
|
188
|
+
</section>
|
|
189
|
+
</div>
|
|
190
|
+
\`
|
|
191
|
+
})
|
|
192
|
+
}`,...(ea=(Qe=D.parameters)==null?void 0:Qe.docs)==null?void 0:ea.source}}};var aa,ta,ra;N.parameters={...N.parameters,docs:{...(aa=N.parameters)==null?void 0:aa.docs,source:{originalSource:`{
|
|
193
|
+
parameters: {
|
|
194
|
+
docs: {
|
|
195
|
+
source: {
|
|
196
|
+
code: customSlotsSource
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
args: {
|
|
201
|
+
fields: contractFields,
|
|
202
|
+
data: contractData,
|
|
203
|
+
visibleToggleBtnFn: (row: PzAccordionTableRow) => Boolean((row as RequirementRow).details?.length)
|
|
204
|
+
},
|
|
205
|
+
render: (args: PzAccordionTableStoryArgs) => ({
|
|
206
|
+
components: {
|
|
207
|
+
pzAccordionTable: PzAccordionTable,
|
|
208
|
+
pzLink: PzLink,
|
|
209
|
+
pzStatus: PzStatus,
|
|
210
|
+
pzText: PzText,
|
|
211
|
+
pzTag: PzTag
|
|
212
|
+
},
|
|
213
|
+
setup() {
|
|
214
|
+
return {
|
|
215
|
+
args
|
|
216
|
+
};
|
|
217
|
+
},
|
|
218
|
+
template: \`
|
|
219
|
+
<div class="pz-accordion-table-story">
|
|
220
|
+
<section class="pz-accordion-table-story-board">
|
|
221
|
+
<div class="pz-accordion-table-story-header">
|
|
222
|
+
<div class="pz-accordion-table-story-copy">
|
|
223
|
+
<span class="pz-accordion-table-story-eyebrow">Usage example</span>
|
|
224
|
+
<pz-text variant="h4-bold">Custom cells and detail content</pz-text>
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
|
|
228
|
+
<div class="pz-accordion-table-story-preview">
|
|
229
|
+
<pz-accordion-table v-bind="args">
|
|
230
|
+
<template #supplier="{ data }">
|
|
231
|
+
<pz-link
|
|
232
|
+
:href="data.supplier.href"
|
|
233
|
+
bold
|
|
234
|
+
>
|
|
235
|
+
{{ data.supplier.name }}
|
|
236
|
+
</pz-link>
|
|
237
|
+
</template>
|
|
238
|
+
|
|
239
|
+
<template #statusLabel="{ data }">
|
|
240
|
+
<pz-status :variant="data.statusVariant">
|
|
241
|
+
{{ data.statusLabel }}
|
|
242
|
+
</pz-status>
|
|
243
|
+
</template>
|
|
244
|
+
|
|
245
|
+
<template #subRow="{ data }">
|
|
246
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
247
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
248
|
+
<strong>{{ data.name }}</strong>
|
|
249
|
+
<pz-tag variant="blue">Додаткові умови</pz-tag>
|
|
250
|
+
</div>
|
|
251
|
+
|
|
252
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
253
|
+
{{ data.classification }}
|
|
254
|
+
</p>
|
|
255
|
+
|
|
256
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
257
|
+
Постачання: {{ data.location }}
|
|
258
|
+
</p>
|
|
259
|
+
</div>
|
|
260
|
+
</template>
|
|
261
|
+
</pz-accordion-table>
|
|
262
|
+
</div>
|
|
263
|
+
</section>
|
|
264
|
+
</div>
|
|
265
|
+
\`
|
|
266
|
+
})
|
|
267
|
+
}`,...(ra=(ta=N.parameters)==null?void 0:ta.docs)==null?void 0:ra.source}}};var na,oa,sa;U.parameters={...U.parameters,docs:{...(na=U.parameters)==null?void 0:na.docs,source:{originalSource:`{
|
|
268
|
+
args: {
|
|
269
|
+
fields: requirementFields,
|
|
270
|
+
data: requirementData,
|
|
271
|
+
defaultOpenedSubRowFn: (row: PzAccordionTableRow) => row.id === "paper-a4",
|
|
272
|
+
visibleToggleBtnFn: (row: PzAccordionTableRow) => Boolean((row as RequirementRow).details?.length)
|
|
273
|
+
},
|
|
274
|
+
render: Playground.render
|
|
275
|
+
}`,...(sa=(oa=U.parameters)==null?void 0:oa.docs)==null?void 0:sa.source}}};const rp=["Playground","CustomSlots","DefaultOpenedRows"];export{N as CustomSlots,U as DefaultOpenedRows,D as Playground,rp as __namedExportsOrder,tp as default};
|
package/dist/app/assets/{PzArrayClamp.stories-DYjTyM_w.js → PzArrayClamp.stories-BYdoVxPw.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as q,
|
|
1
|
+
import{d as q,r as x,L as E,e as n,F as D,p as j,j as v,k as F,g as r,o,q as O,t as C,l as U,f as J}from"./iframe-B7Bddli1.js";import{_ as M,P as N}from"./PzText-Qtpayc5y.js";import"./preload-helper-C1FmrZbK.js";const R={class:"pz-array-clamp"},W={key:0,class:"pz-array-clamp__item"},G=3,i=q({name:"PzArrayClamp",__name:"PzArrayClamp",props:{list:{},count:{default:G},expanded:{type:Boolean,default:!1},expandLabel:{default:"Показати більше"},collapseLabel:{default:"Показати менше"},btnClass:{default:""}},emits:["update:expanded"],setup(e,{emit:t}){const a=e,m=t,u=x(a.expanded);E(()=>a.expanded,s=>{u.value=s});const l=r(()=>u.value),I=r(()=>l.value?a.list:a.list.slice(0,a.count)),g=r(()=>Math.max(a.list.length-a.count,0)),B=r(()=>g.value>0),z=()=>{const s=!l.value;u.value=s,m("update:expanded",s)};return(s,X)=>(o(),n("ul",R,[(o(!0),n(D,null,j(I.value,(y,f)=>(o(),n("li",{key:`${String(y)}-${f}`,class:"pz-array-clamp__item"},[v(s.$slots,"default",{item:y,index:f},()=>[O(C(y),1)],!0)]))),128)),B.value?(o(),n("li",W,[v(s.$slots,"toggle",{toggle:z,expanded:l.value,hiddenCount:g.value},()=>[U("button",{type:"button",class:J(["pz-array-clamp__toggle",a.btnClass]),onClick:z},C(l.value?a.collapseLabel:a.expandLabel),3)],!0)])):F("",!0)]))}}),b=M(i,[["__scopeId","data-v-82bfa0b2"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzArrayClamp",exportName:"default",displayName:"PzArrayClamp",description:"",tags:{},props:[{name:"list",required:!0,type:{name:"Array",elements:[{name:"unknown"}]}},{name:"count",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"DEFAULT_VISIBLE_COUNT"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати більше"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати менше"'}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[{name:"item",title:"binding"},{name:"index",title:"binding"}]},{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"hidden-count",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzArrayClamp/PzArrayClamp.vue"]});const h=['251035-П29"','"7519 АК1"','"236-1701082"','"236-1702091"','"236-1115030"'],$=['ТОВ "Центральна ремонтна база"','ТОВ "Укрспецлогістика"','ДП "Технічний сервіс №17"','ТОВ "Промавтодеталь"'],H=e=>`<template>
|
|
2
2
|
<PzArrayClamp ${[`:list='${JSON.stringify(e.list,null,2)}'`,e.count!==3?`:count="${e.count}"`:null,e.expanded?':expanded="true"':null,e.expandLabel!=="Показати більше"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Показати менше"?`collapse-label="${e.collapseLabel}"`:null].filter(m=>!!m).join(" ")} />
|
|
3
3
|
</template>`,K=()=>`<template>
|
|
4
4
|
<PzArrayClamp :list="items" :count="2">
|
|
@@ -88,7 +88,7 @@ import{d as q,i as x,L as E,e as n,F as D,I as F,r as v,h as O,g as r,o,J as U,t
|
|
|
88
88
|
count: 2,
|
|
89
89
|
title: "Two visible suppliers"
|
|
90
90
|
}
|
|
91
|
-
}`,...(P=(w=d.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var T,V
|
|
91
|
+
}`,...(P=(w=d.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var T,k,V;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
92
92
|
parameters: {
|
|
93
93
|
docs: {
|
|
94
94
|
source: {
|
|
@@ -145,4 +145,4 @@ import{d as q,i as x,L as E,e as n,F as D,I as F,r as v,h as O,g as r,o,J as U,t
|
|
|
145
145
|
</div>
|
|
146
146
|
\`
|
|
147
147
|
})
|
|
148
|
-
}`,...(
|
|
148
|
+
}`,...(V=(k=c.parameters)==null?void 0:k.docs)==null?void 0:V.source}}};const ae=["Playground","TwoVisibleItems","CustomSlots"];export{c as CustomSlots,p as Playground,d as TwoVisibleItems,ae as __namedExportsOrder,Q as default};
|
package/dist/app/assets/{PzBreadcrumb.stories-b4V3GARM.js → PzBreadcrumb.stories-DwATLRI2.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as A,e as m,
|
|
1
|
+
import{d as A,e as m,l as B,m as L,w as P,s as c,R as x,F,p as q,g as w,o as d,j as b,q as z,t as v,h as D,y as J,J as $,K as E}from"./iframe-B7Bddli1.js";import{_ as U,P as O}from"./PzText-Qtpayc5y.js";import"./preload-helper-C1FmrZbK.js";const y={label:"Головна",to:"/"},W={class:"pz-breadcrumb","aria-label":"Breadcrumb"},H={class:"pz-breadcrumb__list"},K={class:"pz-breadcrumb__item"},G={key:0,class:"pz-breadcrumb__link pz-breadcrumb__link--current","aria-current":"page"},l=A({name:"PzBreadcrumb",__name:"PzBreadcrumb",props:{items:{}},setup(a){const n=J(),o=a,_=e=>typeof e!="string"?e:e.split("/").map(t=>{if(!t.startsWith(":"))return t;const r=n.params[t.slice(1)];return Array.isArray(r)?r.join("/"):r??t}).join("/"),V=w(()=>{const e=[];return n.matched.forEach(t=>{const r=t.meta,s=String(r.breadcrumb??r.name??t.name??"").trim();!s||t.path==="/"||e.push({label:s,to:_(t.path)})}),e}),f=w(()=>{var e;return(e=o.items)!=null&&e.length?o.items.map(t=>({...t,to:_(t.to)})):V.value}),g=e=>e===f.value.length-1;return(e,t)=>(d(),m("nav",W,[B("ul",H,[B("li",K,[L(c(x),{to:c(y).to,class:"pz-breadcrumb__link"},{default:P(()=>[b(e.$slots,"home",{data:c(y),index:-1,isCurrent:!1},()=>[z(v(c(y).label),1)],!0)]),_:3},8,["to"])]),(d(!0),m(F,null,q(f.value,(r,s)=>(d(),m("li",{key:`${r.label}-${s}`,class:"pz-breadcrumb__item"},[g(s)||!r.to?(d(),m("span",G,[b(e.$slots,"view",{data:r,isCurrent:g(s)||!r.to,index:s},()=>[z(v(r.label),1)],!0)])):(d(),D(c(x),{key:1,to:r.to,class:"pz-breadcrumb__link"},{default:P(()=>[b(e.$slots,"view",{data:r,isCurrent:!1,index:s},()=>[z(v(r.label),1)],!0)]),_:2},1032,["to"]))]))),128))])]))}}),h=U(l,[["__scopeId","data-v-121084ee"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzBreadcrumb",exportName:"default",displayName:"PzBreadcrumb",description:"",tags:{},props:[{name:"items",required:!1,type:{name:"Array",elements:[{name:"PzBreadcrumbItem"}]}}],slots:[{name:"home",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"index",title:"binding"},{name:"is-current",title:"binding"}]},{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"is-current",title:"binding"},{name:"index",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzBreadcrumb/PzBreadcrumb.vue"]});const Q=[{label:"Тендери",to:"/breadcrumbs/tenders"},{label:"Транспорт",to:"/breadcrumbs/tenders/transport"},{label:"Автомобіль ВАЗ 21703"}],X=[{label:"Закупівлі",to:"/breadcrumbs/procedures"},{label:"Товари",to:"/breadcrumbs/procedures/products"},{label:"Легковий транспорт",to:"/breadcrumbs/procedures/products/cars"},{label:"Автомобіль ВАЗ 21703"}],Y=a=>{var o;return(o=a.items)!=null&&o.length?`<template>
|
|
2
2
|
<PzBreadcrumb :items='${JSON.stringify(a.items,null,2)}' />
|
|
3
3
|
</template>`:`<template>
|
|
4
4
|
<PzBreadcrumb />
|
|
@@ -12,7 +12,7 @@ import{d as A,e as m,y as B,l as L,w as P,k as c,R as x,F,I as q,g as w,o as d,r
|
|
|
12
12
|
<span :style="{ opacity: isCurrent ? 0.7 : 1 }">{{ data.label }}</span>
|
|
13
13
|
</template>
|
|
14
14
|
</PzBreadcrumb>
|
|
15
|
-
</template>`,ee={title:"Components/Navigation/PzBreadcrumb",component:h,parameters:{prototype:{caption:"Breadcrumb component",note:"This version stays close to the old app breadcrumb: the home crumb is rendered first, intermediate crumbs are links, the last crumb is plain text, and route-derived breadcrumbs come from vue-router metadata."},docs:{description:{component:"Use `PzBreadcrumb` with no props to derive crumbs from `route.matched` via `route.meta.breadcrumb` or `route.meta.name`. Pass `items` only when you need to override the route-derived trail."},source:{transform:(a,n)=>Y(n.args??ee.args)}}},args:{items:void 0},argTypes:{items:{control:"object",description:"Optional manual breadcrumb override. If omitted, the component reads crumbs from vue-router."}},render:a=>({components:{pzBreadcrumb:h,pzText:O},setup(){const n
|
|
15
|
+
</template>`,ee={title:"Components/Navigation/PzBreadcrumb",component:h,parameters:{prototype:{caption:"Breadcrumb component",note:"This version stays close to the old app breadcrumb: the home crumb is rendered first, intermediate crumbs are links, the last crumb is plain text, and route-derived breadcrumbs come from vue-router metadata."},docs:{description:{component:"Use `PzBreadcrumb` with no props to derive crumbs from `route.matched` via `route.meta.breadcrumb` or `route.meta.name`. Pass `items` only when you need to override the route-derived trail."},source:{transform:(a,n)=>Y(n.args??ee.args)}}},args:{items:void 0},argTypes:{items:{control:"object",description:"Optional manual breadcrumb override. If omitted, the component reads crumbs from vue-router."}},render:a=>({components:{pzBreadcrumb:h,pzText:O},setup(){const n=E();return $(async()=>{await n.push("/breadcrumbs/tenders/transport/vaz-21703")}),{args:a,deepItems:X}},template:`
|
|
16
16
|
<div class="pz-breadcrumb-story">
|
|
17
17
|
<section class="pz-breadcrumb-story-frame">
|
|
18
18
|
<div class="pz-breadcrumb-story-header">
|
|
@@ -43,7 +43,7 @@ import{d as A,e as m,y as B,l as L,w as P,k as c,R as x,F,I as q,g as w,o as d,r
|
|
|
43
43
|
</article>
|
|
44
44
|
</section>
|
|
45
45
|
</div>
|
|
46
|
-
`})},i={},u={args:{items:Q}},p={parameters:{docs:{source:{code:Z()}}},render:()=>({components:{pzBreadcrumb:h,pzText:O},setup(){const a
|
|
46
|
+
`})},i={},u={args:{items:Q}},p={parameters:{docs:{source:{code:Z()}}},render:()=>({components:{pzBreadcrumb:h,pzText:O},setup(){const a=E();return $(async()=>{await a.push("/breadcrumbs/tenders/transport/vaz-21703")}),{}},template:`
|
|
47
47
|
<div class="pz-breadcrumb-story">
|
|
48
48
|
<section class="pz-breadcrumb-story-frame">
|
|
49
49
|
<div class="pz-breadcrumb-story-header">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as i,e as a,
|
|
1
|
+
import{d as i,e as a,j as o,k as l,f as p,o as t}from"./iframe-B7Bddli1.js";import{_ as u}from"./PzText-Qtpayc5y.js";const d=["type","disabled"],f={key:0,class:"pz-btn-prefix"},m={key:1,class:"pz-btn-content"},c={key:2,class:"pz-btn-suffix"},s=i({name:"PzBtn",__name:"PzBtn",props:{variant:{default:"primary"},type:{default:"button"},disabled:{type:Boolean,default:!1}},setup(r){const n=r;return(e,b)=>(t(),a("button",{type:n.type,disabled:n.disabled,class:p(["pz-btn",`pz-btn--${n.variant}`])},[e.$slots.prefix?(t(),a("span",f,[o(e.$slots,"prefix",{},void 0,!0)])):l("",!0),e.$slots.default?(t(),a("span",m,[o(e.$slots,"default",{},void 0,!0)])):l("",!0),e.$slots.suffix?(t(),a("span",c,[o(e.$slots,"suffix",{},void 0,!0)])):l("",!0)],10,d))}}),z=u(s,[["__scopeId","data-v-1c1e8351"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzBtn",exportName:"default",displayName:"PzBtn",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzBtnVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"type",required:!1,type:{name:"PzBtnType"},defaultValue:{func:!1,value:'"button"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzBtn/PzBtn.vue"]});export{z as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-Drlqf9PC.js";import{P as c}from"./PzText-Qtpayc5y.js";import{P as n}from"./PzBtn-B24JwTDl.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const f=["primary","primary-outline","danger","danger-outline","alert","alert-outline","success","success-outline","pink","pink-outline","link","transparent"],b=["button","submit","reset"],m=[{variant:"primary",label:"Підтвердити",prefix:"check"},{variant:"primary-outline",label:"Редагувати",prefix:"edit"},{variant:"danger",label:"Видалити",prefix:"delete"},{variant:"danger-outline",label:"Скасувати",suffix:"close"},{variant:"alert",label:"Попередження",prefix:"warning"},{variant:"alert-outline",label:"Зверніть увагу"},{variant:"success",label:"Підтвердити",prefix:"check"},{variant:"success-outline",label:"Скасувати",suffix:"close"},{variant:"pink",label:"Відгук",prefix:"star"},{variant:"pink-outline",label:"Відгук",prefix:"star"},{variant:"link",label:"Перейти до деталей"},{variant:"transparent",label:"Показати більше"}],d=t=>{const e=[t.variant!=="primary"?`variant="${t.variant}"`:null,t.type!=="button"?`type="${t.type}"`:null,t.disabled?':disabled="true"':null].filter(i=>!!i).join(" "),o=[t.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="add" size="16" />
|
|
3
3
|
</template>`:null,` ${t.label}`,t.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
package/dist/app/assets/{PzDomHandler.stories-DqW3Mfem.js → PzDomHandler.stories-C0SwIaVU.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{r,J as m}from"./iframe-B7Bddli1.js";import{P as y}from"./PzText-Qtpayc5y.js";import"./preload-helper-C1FmrZbK.js";const u=["rgba(0, 0, 0, 0)","transparent","initial","inherit","revert","revert-layer","unset"];class o{static async copyToClipboard(t){if(navigator.clipboard)try{await navigator.clipboard.writeText(t);return}catch{}const e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}static getParentNearestBackground(t){if(!t||typeof window>"u")return"#fff";const e=window.getComputedStyle(t).backgroundColor;return u.includes(e)?o.getParentNearestBackground(t.parentElement):e}}const h=2e3,z=a=>`<script setup lang="ts">
|
|
2
2
|
import { PzDomHandler } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const handleCopy = async (): Promise<void> => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as c}from"./PzBtn-
|
|
1
|
+
import{P as c}from"./PzBtn-B24JwTDl.js";import{_ as l}from"./PzIcon-Drlqf9PC.js";import{_ as m,P as u}from"./PzText-Qtpayc5y.js";import{d as z,h as w,w as r,s as b,o as y,j as s}from"./iframe-B7Bddli1.js";import{k as g}from"./floating-vue-BD2YJLen.js";import"./preload-helper-C1FmrZbK.js";const n=z({name:"PzDropdown",__name:"PzDropdown",setup(o){return(t,P)=>(y(),w(b(g),{class:"pz-dropdown",theme:"dropdown"},{popper:r(()=>[s(t.$slots,"content",{},void 0,!0)]),default:r(()=>[s(t.$slots,"default",{},void 0,!0)]),_:3}))}}),p=m(n,[["__scopeId","data-v-a2315284"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzDropdown/PzDropdown.vue"]});const f=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],v=o=>`<template>
|
|
2
2
|
<PzDropdown>
|
|
3
3
|
<PzBtn variant="primary-outline">
|
|
4
4
|
${o.triggerLabel??"Дії"}
|
|
@@ -14,7 +14,7 @@ import{P as c}from"./PzBtn-Brjbpw1b.js";import{_ as l}from"./PzIcon-Don8TXO3.js"
|
|
|
14
14
|
<button type="button" class="pz-dropdown-story-item pz-dropdown-story-item--danger">Видалити</button>
|
|
15
15
|
</template>
|
|
16
16
|
</PzDropdown>
|
|
17
|
-
</template>`,_={title:"Components/Popups/PzDropdown",component:
|
|
17
|
+
</template>`,_={title:"Components/Popups/PzDropdown",component:p,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(o,t)=>v(t.args??_.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:o=>({components:{pzBtn:c,pzDropdown:p,pzIcon:l,pzText:u},setup(){return{args:o,dropdownItems:f}},template:`
|
|
18
18
|
<section class="pz-dropdown-story">
|
|
19
19
|
<div class="pz-dropdown-story-header">
|
|
20
20
|
<div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as _}from"./PzText-
|
|
1
|
+
import{P as _}from"./PzText-Qtpayc5y.js";import{d as b,h as G,w as v,f as h,i as I,g as C,o as $,j as L}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),G(I(e.as),{class:h(a.value)},{default:v(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),G(I(e.as),{class:h(i.value)},{default:v(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>` ${e}`).join(`
|
|
2
2
|
`),E=t=>{const e=l([["as",t.as,"div"],["container",t.container,!1],["grid",t.grid,!0],["fluid",t.fluid,!1],["fit",t.fit,!1],["dense",t.dense,!1]]),a=l([["span",t.heroSpan],["md",r.hero.md],["xl",r.hero.xl]]),n=l([["span",t.sidebarSpan],["md",r.sidebar.md],["xl",r.sidebar.xl]]),i=l([["span",t.metricSpan],["md",r.metric.md],["xl",r.metric.xl]]);return`<template>
|
|
3
3
|
<PzGrid
|
|
4
4
|
${e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as p,e as i,
|
|
1
|
+
import{d as p,e as i,m,w as n,f as l,s as c,o as u,j as r}from"./iframe-B7Bddli1.js";import{H as o,V as f}from"./floating-vue-BD2YJLen.js";import{_ as d}from"./PzText-Qtpayc5y.js";const t=o.themes??{};t["dark-tooltip"]||(t["dark-tooltip"]={$extend:"tooltip"});o.themes=t;const a=p({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){return(s,h)=>(u(),i("span",{class:l(["pz-hint-container",e.containerWrapperClass])},[m(c(f),{class:l(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement},{popper:n(()=>[r(s.$slots,"content",{},void 0,!0)]),default:n(()=>[r(s.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement"])],2))}}),v=d(a,[["__scopeId","data-v-19cc0b71"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzHint/PzHint.vue"]});export{v as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"./PzIcon-
|
|
1
|
+
import{_ as i}from"./PzIcon-Drlqf9PC.js";import{P as l}from"./PzText-Qtpayc5y.js";import{P as r}from"./PzHint-D62JWyEp.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";import"./floating-vue-BD2YJLen.js";const c=t=>`<template>
|
|
2
2
|
<PzHint
|
|
3
3
|
${[t.wrapperClass?`wrapper-class="${t.wrapperClass}"`:null,t.containerWrapperClass?`container-wrapper-class="${t.containerWrapperClass}"`:null,t.theme&&t.theme!=="tooltip"?`theme="${t.theme}"`:null,t.placement&&t.placement!=="top"?`placement="${t.placement}"`:null].filter(s=>!!s).join(`
|
|
4
4
|
`)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as s,e as r,n as c,f as u,t as d,g as a,o as m}from"./iframe-
|
|
1
|
+
import{d as s,e as r,n as c,f as u,t as d,g as a,o as m}from"./iframe-B7Bddli1.js";const p=["role","aria-hidden","aria-label"],n=s({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),t=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:u([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:c(o.value),role:i.value,"aria-hidden":t.value,"aria-label":e.label},d(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzIcon/PzIcon.vue"]});export{n as _};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as c}from"./PzText-
|
|
1
|
+
import{P as c}from"./PzText-Qtpayc5y.js";import{_ as n}from"./PzIcon-Drlqf9PC.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
|
|
2
2
|
<PzIcon ${[`name="${e.name}"`,e.variant!=="outlined"?`variant="${e.variant}"`:null,e.size!=="16"?`size="${e.size}"`:null,e.label?`label="${e.label}"`:null].filter(r=>!!r).join(" ")} />
|
|
3
3
|
</template>`,z={title:"Components/Display/PzIcon",component:n,parameters:{prototype:{caption:"Icon component",note:"Material icon ligatures wrapped in a small Vue API with token-backed sizing and easy CSS overrides."},docs:{description:{component:"Use `PzIcon` for Material icons in design-system UI. The component keeps the API small, inherits custom classes and styles, and exposes CSS custom properties for size and color overrides. Find available icon names in the [Material Icons catalog](https://fonts.google.com/icons)."},source:{transform:(e,t)=>m(t.args??z.args)}}},args:{name:"account_balance",variant:"outlined",size:"24",label:"Procurement entity"},argTypes:{name:{control:"text",description:"Material icon ligature name."},variant:{control:"inline-radio",options:l,description:"Material icon font family variant."},size:{control:"select",options:p,description:"Token-backed font size for the icon."},label:{control:"text",description:"Accessible label. Leave empty for decorative icons."}},render:e=>({components:{pzIcon:n,pzText:c},setup(){return{args:e,iconReferenceItems:d}},template:`
|
|
4
4
|
<div class="pz-icon-story">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as l,P as p}from"./PzText-
|
|
1
|
+
import{_ as l,P as p}from"./PzText-Qtpayc5y.js";import{d,e as g,n as m,g as u,o as f}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=d({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=u(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(f(),g("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:m(o.value)},null,12,h))}}),s=l(i,[["__scopeId","data-v-33d59ff0"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzImage/PzImage.vue"]});const I=e=>`<template>
|
|
2
2
|
<PzImage ${[`src="${e.src}"`,`alt="${e.alt}"`,e.fit!=="contain"?`fit="${e.fit}"`:null,e.loading?`loading="${e.loading}"`:null,e.decoding!=="async"?`decoding="${e.decoding}"`:null].filter(o=>!!o).join(" ")} />
|
|
3
3
|
</template>`,_={title:"Components/Display/PzImage",component:s,parameters:{prototype:{caption:"Image component",note:"Minimal image primitive with basic responsive defaults and CSS custom properties for easy visual overrides."},docs:{description:{component:"Use `PzImage` when you want a predictable image primitive with responsive defaults. Styling remains easy to customize through inherited classes, inline styles, and the `--pz-image-*` custom properties."},source:{transform:(e,a)=>I(a.args??_.args)}}},args:{src:"/prozorro_logo.png",alt:"Prozorro logotype",fit:"contain",loading:"lazy",decoding:"async"},argTypes:{src:{control:"text",description:"Image source URL."},alt:{control:"text",description:"Alternative text for the image."},fit:{control:"select",options:z,description:"Object-fit behavior for framed image layouts."},loading:{control:"inline-radio",options:y,description:"Native browser loading hint."},decoding:{control:"inline-radio",options:v,description:"Native image decoding mode."}},render:e=>({components:{pzImage:s,pzText:p},setup(){return{args:e}},template:`
|
|
4
4
|
<div class="pz-image-story">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-info-block-layout-story{display:grid;gap:var(--pz-space-24)}.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 46%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-info-block-layout-story-group-muted{background:linear-gradient(180deg,color-mix(in srgb,#dbe8e2 72%,var(--pz-color-white)),color-mix(in srgb,#edf4f0 86%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,#6f9a8e 8%,transparent),transparent 44%)}.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-info-block-layout-story-board,.pz-info-block-layout-story-gallery,.pz-info-block-layout-story-stack{display:grid;gap:var(--pz-space-24)}.pz-info-block-layout-story-surface{padding:clamp(24px,3vw,36px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 54%,transparent);border-radius:28px;background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--pz-color-white) 98%,transparent),0 20px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-info-block-layout-story-eyebrow,.pz-info-block-layout-story-group-kicker,.pz-info-block-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-info-block-layout-story-eyebrow,.pz-info-block-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding-inline:10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);color:var(--pz-color-text-link-hover);font-size:13px;font-weight:700}.pz-info-block-layout-story-helper-link{display:inline-flex;align-items:start;gap:var(--pz-space-8);color:var(--pz-color-text-secondary);font-size:clamp(16px,1.35vw,18px);font-style:italic;line-height:1.45;text-decoration:none}.pz-info-block-layout-story-helper-link:hover{color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-helper-link .pz-icon{margin-top:2px;--pz-icon-color: currentcolor}.pz-info-block-layout-story-info-list{display:grid;gap:var(--pz-space-20)}.pz-info-block-layout-story-info-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:24px;align-items:start}.pz-info-block-layout-story-info-label{display:flex;align-items:center;gap:12px;min-width:0;color:var(--pz-color-text-primary);font-size:14px;font-weight:700;line-height:1.45}.pz-info-block-layout-story-info-label:after{flex:1;min-width:24px;border-bottom:1px dotted color-mix(in srgb,var(--pz-color-grey-40) 90%,transparent);content:""}.pz-info-block-layout-story-info-value{display:grid;gap:6px;min-width:0;color:var(--pz-color-text-primary);font-size:clamp(15px,1.25vw,17px);line-height:1.45}.pz-info-block-layout-story-inline-link{color:var(--pz-color-text-link);text-decoration:none}.pz-info-block-layout-story-inline-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-info-block-layout-story-table-wrap{overflow-x:auto}.pz-info-block-layout-story-table{width:100%;border-collapse:collapse}.pz-info-block-layout-story-table th,.pz-info-block-layout-story-table td{padding:18px 14px;text-align:left;vertical-align:top;color:var(--pz-color-text-primary);font-size:14px;line-height:1.45}.pz-info-block-layout-story-table th{font-size:13px;font-weight:700}.pz-info-block-layout-story-table thead tr{border-bottom:1px solid color-mix(in srgb,var(--pz-color-grey-40) 64%,transparent)}.pz-info-block-layout-story-table tbody tr+tr{border-top:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent)}@media (width <= 1024px){.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group-header,.pz-info-block-layout-story-info-row{grid-template-columns:1fr;flex-direction:column}.pz-info-block-layout-story-info-label:after{display:none}}@media (width <= 640px){.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group,.pz-info-block-layout-story-surface{padding:20px;border-radius:22px}.pz-info-block-layout-story-helper-link{font-size:16px}.pz-info-block-layout-story-table th,.pz-info-block-layout-story-table td{padding:14px 10px;font-size:13px}}.pz-info-block-layout[data-v-976b9034]{--pz-info-block-layout-content-margin-top: var(--pz-space-24);min-width:0}.pz-info-block-layout-header[data-v-976b9034]{display:flex;flex-direction:column;align-items:start;gap:var(--pz-space-16)}@media (min-width: 1024px){.pz-info-block-layout-header[data-v-976b9034]{flex-direction:row;justify-content:space-between}}.pz-info-block-layout-actions[data-v-976b9034]{min-width:0;flex-shrink:0}.pz-info-block-layout-helper[data-v-976b9034]{min-width:0;margin-top:var(--pz-space-12)}.pz-info-block-layout-content[data-v-976b9034]{min-width:0;margin-top:var(--pz-info-block-layout-content-margin-top)}.pz-info-block-layout-content.tight[data-v-976b9034]{--pz-info-block-layout-content-margin-top: var(--pz-space-12)}@media (min-width: 1024px){.pz-info-block-layout-content.tight[data-v-976b9034]{--pz-info-block-layout-content-margin-top: var(--pz-space-20)}}
|