@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,248 @@
|
|
|
1
|
+
import{_ as b}from"./PzIcon-Drlqf9PC.js";import{P as f,_ as h}from"./PzText-Qtpayc5y.js";import{d as k,e as s,l as r,m as z,w,s as g,j as t,k as c,f as x,o as l,q as _,t as I}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=k({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[z(g(f),{variant:"h4-bold"},{default:w(()=>[t(o.$slots,"title",{},()=>[_(I(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:x(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=h(i,[["__scopeId","data-v-976b9034"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}},{name:"spacing",defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const A=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],j=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
|
|
2
|
+
`),n=e.showHelper?`
|
|
3
|
+
<template #heading>
|
|
4
|
+
<a href="#" class="custom-helper-link">
|
|
5
|
+
<PzIcon name="open_in_new" size="20" />
|
|
6
|
+
${e.helperText??"How to check the customer before participating in the tender"}
|
|
7
|
+
</a>
|
|
8
|
+
</template>`:"",m=e.showActions?`
|
|
9
|
+
<template #right_section>
|
|
10
|
+
<span class="custom-badge">0</span>
|
|
11
|
+
</template>`:"";return`<template>
|
|
12
|
+
<PzInfoBlockLayout
|
|
13
|
+
${o}
|
|
14
|
+
>${m}${n}
|
|
15
|
+
<div class="custom-info-list">
|
|
16
|
+
<div class="custom-info-row">
|
|
17
|
+
<span>Name</span>
|
|
18
|
+
<span>Test Division Organization (AUTOMATION)</span>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="custom-info-row">
|
|
21
|
+
<span>EDRPOU code</span>
|
|
22
|
+
<span>60100000</span>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</PzInfoBlockLayout>
|
|
26
|
+
</template>`},H={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>j(o.args??H.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:A,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:L,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
|
|
27
|
+
<section class="pz-info-block-layout-story">
|
|
28
|
+
<div class="pz-info-block-layout-story-hero">
|
|
29
|
+
<div>
|
|
30
|
+
<span class="pz-info-block-layout-story-eyebrow">Component API</span>
|
|
31
|
+
<pz-text variant="h4-bold">Information sections with helper and data content</pz-text>
|
|
32
|
+
</div>
|
|
33
|
+
<span class="pz-info-block-layout-story-chip">{{ args.mode || 'default' }}</span>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<div class="pz-info-block-layout-story-board">
|
|
37
|
+
<section class="pz-info-block-layout-story-surface">
|
|
38
|
+
<pz-info-block-layout
|
|
39
|
+
:title="args.title"
|
|
40
|
+
:title-class="args.titleClass"
|
|
41
|
+
:mode="args.mode"
|
|
42
|
+
>
|
|
43
|
+
<template v-if="args.showActions" #right_section>
|
|
44
|
+
<span class="pz-info-block-layout-story-badge">0</span>
|
|
45
|
+
</template>
|
|
46
|
+
|
|
47
|
+
<template v-if="args.showHelper" #heading>
|
|
48
|
+
<a
|
|
49
|
+
href="#"
|
|
50
|
+
class="pz-info-block-layout-story-helper-link"
|
|
51
|
+
>
|
|
52
|
+
<pz-icon name="open_in_new" size="20" />
|
|
53
|
+
<span>{{ args.helperText }}</span>
|
|
54
|
+
</a>
|
|
55
|
+
</template>
|
|
56
|
+
|
|
57
|
+
<div class="pz-info-block-layout-story-info-list">
|
|
58
|
+
<div
|
|
59
|
+
v-for="row in previewRows"
|
|
60
|
+
:key="row.id"
|
|
61
|
+
class="pz-info-block-layout-story-info-row"
|
|
62
|
+
>
|
|
63
|
+
<div class="pz-info-block-layout-story-info-label">
|
|
64
|
+
{{ row.label }}:
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
<div class="pz-info-block-layout-story-info-value">
|
|
68
|
+
<span
|
|
69
|
+
v-for="part in row.parts"
|
|
70
|
+
:key="part.id"
|
|
71
|
+
>
|
|
72
|
+
{{ part.text }}
|
|
73
|
+
</span>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</pz-info-block-layout>
|
|
78
|
+
</section>
|
|
79
|
+
|
|
80
|
+
<section class="pz-info-block-layout-story-gallery">
|
|
81
|
+
<div class="pz-info-block-layout-story-group">
|
|
82
|
+
<div class="pz-info-block-layout-story-group-header">
|
|
83
|
+
<div>
|
|
84
|
+
<span class="pz-info-block-layout-story-group-kicker">Reference 01</span>
|
|
85
|
+
<pz-text variant="h4-bold">Key-value customer block</pz-text>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
<pz-info-block-layout title="Customer information">
|
|
90
|
+
<template #helper>
|
|
91
|
+
<a
|
|
92
|
+
href="#"
|
|
93
|
+
class="pz-info-block-layout-story-helper-link"
|
|
94
|
+
>
|
|
95
|
+
<pz-icon name="open_in_new" size="20" />
|
|
96
|
+
<span>How to check the customer before participating in the tender</span>
|
|
97
|
+
</a>
|
|
98
|
+
</template>
|
|
99
|
+
|
|
100
|
+
<div class="pz-info-block-layout-story-info-list">
|
|
101
|
+
<div
|
|
102
|
+
v-for="row in customerInfoRows"
|
|
103
|
+
:key="row.id"
|
|
104
|
+
class="pz-info-block-layout-story-info-row"
|
|
105
|
+
>
|
|
106
|
+
<div class="pz-info-block-layout-story-info-label">
|
|
107
|
+
{{ row.label }}:
|
|
108
|
+
</div>
|
|
109
|
+
|
|
110
|
+
<div class="pz-info-block-layout-story-info-value">
|
|
111
|
+
<template
|
|
112
|
+
v-for="part in row.parts"
|
|
113
|
+
:key="part.id"
|
|
114
|
+
>
|
|
115
|
+
<a
|
|
116
|
+
v-if="part.href"
|
|
117
|
+
:href="part.href"
|
|
118
|
+
class="pz-info-block-layout-story-inline-link"
|
|
119
|
+
>
|
|
120
|
+
{{ part.text }}
|
|
121
|
+
</a>
|
|
122
|
+
<span v-else>{{ part.text }}</span>
|
|
123
|
+
</template>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</pz-info-block-layout>
|
|
128
|
+
</div>
|
|
129
|
+
|
|
130
|
+
<div class="pz-info-block-layout-story-group pz-info-block-layout-story-group-muted">
|
|
131
|
+
<div class="pz-info-block-layout-story-group-header">
|
|
132
|
+
<div>
|
|
133
|
+
<span class="pz-info-block-layout-story-group-kicker">Reference 02</span>
|
|
134
|
+
<pz-text variant="h4-bold">Mixed block with subject rows and purchase table</pz-text>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
|
|
138
|
+
<pz-info-block-layout title="Tender documentation">
|
|
139
|
+
<template #helper>
|
|
140
|
+
<a
|
|
141
|
+
href="#"
|
|
142
|
+
class="pz-info-block-layout-story-helper-link"
|
|
143
|
+
>
|
|
144
|
+
<pz-icon name="open_in_new" size="20" />
|
|
145
|
+
<span>How a bidder can influence the quality of tender documents</span>
|
|
146
|
+
</a>
|
|
147
|
+
</template>
|
|
148
|
+
|
|
149
|
+
<div class="pz-info-block-layout-story-stack">
|
|
150
|
+
<pz-text variant="h4-bold">Information on the subject of purchase</pz-text>
|
|
151
|
+
|
|
152
|
+
<div class="pz-info-block-layout-story-info-list">
|
|
153
|
+
<div
|
|
154
|
+
v-for="row in purchaseInfoRows"
|
|
155
|
+
:key="row.id"
|
|
156
|
+
class="pz-info-block-layout-story-info-row"
|
|
157
|
+
>
|
|
158
|
+
<div class="pz-info-block-layout-story-info-label">
|
|
159
|
+
{{ row.label }}:
|
|
160
|
+
</div>
|
|
161
|
+
|
|
162
|
+
<div class="pz-info-block-layout-story-info-value">
|
|
163
|
+
<span
|
|
164
|
+
v-for="part in row.parts"
|
|
165
|
+
:key="part.id"
|
|
166
|
+
>
|
|
167
|
+
{{ part.text }}
|
|
168
|
+
</span>
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
|
|
173
|
+
<div class="pz-info-block-layout-story-table-wrap">
|
|
174
|
+
<table class="pz-info-block-layout-story-table">
|
|
175
|
+
<thead>
|
|
176
|
+
<tr>
|
|
177
|
+
<th
|
|
178
|
+
v-for="column in purchaseColumns"
|
|
179
|
+
:key="column.id"
|
|
180
|
+
>
|
|
181
|
+
{{ column.label }}
|
|
182
|
+
</th>
|
|
183
|
+
</tr>
|
|
184
|
+
</thead>
|
|
185
|
+
<tbody>
|
|
186
|
+
<tr
|
|
187
|
+
v-for="row in purchaseRows"
|
|
188
|
+
:key="row.id"
|
|
189
|
+
>
|
|
190
|
+
<td
|
|
191
|
+
v-for="(cell, index) in row.cells"
|
|
192
|
+
:key="row.id + '-' + index"
|
|
193
|
+
>
|
|
194
|
+
{{ cell }}
|
|
195
|
+
</td>
|
|
196
|
+
</tr>
|
|
197
|
+
</tbody>
|
|
198
|
+
</table>
|
|
199
|
+
</div>
|
|
200
|
+
</div>
|
|
201
|
+
</pz-info-block-layout>
|
|
202
|
+
</div>
|
|
203
|
+
|
|
204
|
+
<div class="pz-info-block-layout-story-group pz-info-block-layout-story-group-muted">
|
|
205
|
+
<div class="pz-info-block-layout-story-group-header">
|
|
206
|
+
<div>
|
|
207
|
+
<span class="pz-info-block-layout-story-group-kicker">Reference 03</span>
|
|
208
|
+
<pz-text variant="h4-bold">Dense table section for delivery terms</pz-text>
|
|
209
|
+
</div>
|
|
210
|
+
</div>
|
|
211
|
+
|
|
212
|
+
<pz-info-block-layout
|
|
213
|
+
title="Terms of delivery and payment"
|
|
214
|
+
mode="tight"
|
|
215
|
+
>
|
|
216
|
+
<div class="pz-info-block-layout-story-table-wrap">
|
|
217
|
+
<table class="pz-info-block-layout-story-table">
|
|
218
|
+
<thead>
|
|
219
|
+
<tr>
|
|
220
|
+
<th
|
|
221
|
+
v-for="column in deliveryColumns"
|
|
222
|
+
:key="column.id"
|
|
223
|
+
>
|
|
224
|
+
{{ column.label }}
|
|
225
|
+
</th>
|
|
226
|
+
</tr>
|
|
227
|
+
</thead>
|
|
228
|
+
<tbody>
|
|
229
|
+
<tr
|
|
230
|
+
v-for="row in deliveryRows"
|
|
231
|
+
:key="row.id"
|
|
232
|
+
>
|
|
233
|
+
<td
|
|
234
|
+
v-for="(cell, index) in row.cells"
|
|
235
|
+
:key="row.id + '-' + index"
|
|
236
|
+
>
|
|
237
|
+
{{ cell }}
|
|
238
|
+
</td>
|
|
239
|
+
</tr>
|
|
240
|
+
</tbody>
|
|
241
|
+
</table>
|
|
242
|
+
</div>
|
|
243
|
+
</pz-info-block-layout>
|
|
244
|
+
</div>
|
|
245
|
+
</section>
|
|
246
|
+
</div>
|
|
247
|
+
</section>
|
|
248
|
+
`})},a={};var p,u,y;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(y=(u=a.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};const E=["Playground"];export{a as Playground,E as __namedExportsOrder,H as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as i,h as p,w as r,o as n,l as s,m as c,e as o,p as m,t as l,q as f,F as u}from"./iframe-B7Bddli1.js";import{_ as d}from"./PzIcon-Drlqf9PC.js";import{P as _}from"./PzHint-D62JWyEp.js";import{_ as z}from"./PzText-Qtpayc5y.js";const P={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,I)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",P,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),b=z(a,[["__scopeId","data-v-540d7970"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{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"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzInfoHint/PzInfoHint.vue"]});export{b as P};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-info-hint-story{display:grid;gap:20px;max-width:760px}.pz-info-hint-story-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.pz-info-hint-story-eyebrow,.pz-info-hint-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 90%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-info-hint-story-preview,.pz-info-hint-story-card{padding:24px;border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:24px;background:linear-gradient(180deg,var(--pz-color-white),color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)));box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-info-hint-story-gallery{display:grid;gap:12px}.pz-info-hint-story-card{display:grid;gap:6px}.pz-info-hint-story-label{margin:0;color:var(--pz-color-text-link-hover);font-size:12px;font-weight:700;text-transform:uppercase}.pz-info-hint-story-copy{margin:0;color:var(--pz-color-text-secondary);line-height:1.6}
|
|
1
|
+
.pz-info-hint-story{display:grid;gap:20px;max-width:760px}.pz-info-hint-story-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.pz-info-hint-story-eyebrow,.pz-info-hint-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 90%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-info-hint-story-preview,.pz-info-hint-story-card{padding:24px;border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:24px;background:linear-gradient(180deg,var(--pz-color-white),color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)));box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-info-hint-story-gallery{display:grid;gap:12px}.pz-info-hint-story-card{display:grid;gap:6px}.pz-info-hint-story-label{margin:0;color:var(--pz-color-text-link-hover);font-size:12px;font-weight:700;text-transform:uppercase}.pz-info-hint-story-copy{margin:0;color:var(--pz-color-text-secondary);line-height:1.6}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-info-hint-trigger[data-v-540d7970]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.pz-info-hint-trigger[data-v-540d7970]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:999px}.pz-info-hint-icon[data-v-540d7970]{display:block}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import{P as a}from"./PzText-Qtpayc5y.js";import{P as e}from"./PzInfoHint-DUCe-kk0.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";import"./PzIcon-Drlqf9PC.js";import"./PzHint-D62JWyEp.js";import"./floating-vue-BD2YJLen.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
|
|
2
|
+
<PzInfoHint
|
|
3
|
+
:info-content="[
|
|
4
|
+
{ id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
|
|
5
|
+
{ id: 'contact', title: 'Contact', text: 'Responsible contact details stay visible near the request label.' },
|
|
6
|
+
]"
|
|
7
|
+
/>
|
|
8
|
+
</template>`,y={title:"Components/Popups/PzInfoHint",component:e,parameters:{prototype:{caption:"Info hint component",note:"Specialized helper that composes the shared tooltip shell with the design-system help icon and structured info rows."},docs:{description:{component:"Use `PzInfoHint` for structured helper text that needs a consistent help icon. It renders each row from `infoContent` inside the shared `PzHint` wrapper and defaults to the dark tooltip theme."},source:{transform:p}}},args:{infoContent:o,wrapperClass:"",containerWrapperClass:"",placement:"top"},argTypes:{infoContent:{control:!1,description:"Structured rows shown inside the popper.",table:{category:"Slots"}},wrapperClass:{control:"text",description:"Additional class applied to the popper wrapper."},containerWrapperClass:{control:"text",description:"Additional class applied to the outer trigger container."},placement:{control:"select",options:["top","top-start"],description:"Tooltip placement relative to the trigger."}},render:s=>({components:{pzInfoHint:e,pzText:a},setup(){return{args:s,infoHintItems:o}},template:`
|
|
9
|
+
<section class="pz-info-hint-story">
|
|
10
|
+
<div class="pz-info-hint-story-header">
|
|
11
|
+
<div>
|
|
12
|
+
<span class="pz-info-hint-story-eyebrow">Component API</span>
|
|
13
|
+
<pz-text variant="h4-bold">Structured info hint</pz-text>
|
|
14
|
+
</div>
|
|
15
|
+
<span class="pz-info-hint-story-chip">{{ args.placement }}</span>
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
<div class="pz-info-hint-story-preview">
|
|
19
|
+
<pz-info-hint
|
|
20
|
+
:info-content="args.infoContent"
|
|
21
|
+
:wrapper-class="args.wrapperClass"
|
|
22
|
+
:container-wrapper-class="args.containerWrapperClass"
|
|
23
|
+
:placement="args.placement"
|
|
24
|
+
/>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
<div class="pz-info-hint-story-gallery">
|
|
28
|
+
<article
|
|
29
|
+
v-for="item in infoHintItems"
|
|
30
|
+
:key="item.id"
|
|
31
|
+
class="pz-info-hint-story-card"
|
|
32
|
+
>
|
|
33
|
+
<p class="pz-info-hint-story-label">{{ item.title }}</p>
|
|
34
|
+
<p class="pz-info-hint-story-copy">{{ item.text }}</p>
|
|
35
|
+
</article>
|
|
36
|
+
</div>
|
|
37
|
+
</section>
|
|
38
|
+
`})},t={};var n,i,r;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(r=(i=t.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};const z=["Playground"];export{t as Playground,z as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as m,z as k,e as l,j as t,k as i,f as b,g as o,o as n}from"./iframe-B7Bddli1.js";import{_ as v}from"./PzText-Qtpayc5y.js";const z="noopener noreferrer",_=["href","target","rel","aria-disabled","tabindex"],y={key:0,class:"pz-link-prefix"},h={key:1,class:"pz-link-content"},g={key:2,class:"pz-link-suffix"},s=m({name:"PzLink",__name:"PzLink",props:{href:{},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(r){const u=k(),e=r,f=o(()=>!!u.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?z:void 0),p=o(()=>[`pz-link--${e.variant}`,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!f.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:b(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",y,[t(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",h,[t(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",g,[t(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,_))}}),q=v(s,[["__scopeId","data-v-568cb8cc"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",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/PzLink/PzLink.vue"]});export{q 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 d,a as f}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-BU7dMeUw.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const m=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],u=e=>{const t=[`href="${e.href}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null].filter(n=>!!n).join(" "),s=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="open_in_new" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -7,7 +7,7 @@ import{_ as p}from"./PzIcon-Don8TXO3.js";import{P as c}from"./PzText-LfRr6NF7.js
|
|
|
7
7
|
${s.join(`
|
|
8
8
|
`)}
|
|
9
9
|
</PzLink>
|
|
10
|
-
</template>`},b={title:"Components/Actions/PzLink",component:o,parameters:{prototype:{caption:"Link component",note:"Figma node access was blocked in this environment, so this single public link primitive is inferred from the shared link, button, and icon tokens plus the legacy link variants you provided."},docs:{description:{component:"Use `PzLink` as the single public link primitive. It stays anchor-based, supports variant-driven visual treatments, and prefers slot composition for prefix or suffix icons instead of router-specific behavior."},source:{transform:(e,t)=>
|
|
10
|
+
</template>`},b={title:"Components/Actions/PzLink",component:o,parameters:{prototype:{caption:"Link component",note:"Figma node access was blocked in this environment, so this single public link primitive is inferred from the shared link, button, and icon tokens plus the legacy link variants you provided."},docs:{description:{component:"Use `PzLink` as the single public link primitive. It stays anchor-based, supports variant-driven visual treatments, and prefers slot composition for prefix or suffix icons instead of router-specific behavior."},source:{transform:(e,t)=>u(t.args??b.args)}}},args:{href:"https://prozorro.gov.ua",variant:"primary",target:"_blank",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,label:"Open procurement details",showPrefix:!0,showSuffix:!0},argTypes:{href:{control:"text",description:"Anchor href value."},variant:{control:"inline-radio",options:f,description:"Visual link treatment."},target:{control:"select",options:d,description:"Anchor target attribute."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzLink:o,pzIcon:p,pzText:c},setup(){return{args:e,linkReferenceItems:m}},template:`
|
|
11
11
|
<div class="pz-link-story">
|
|
12
12
|
<section class="pz-link-story-board">
|
|
13
13
|
<div class="pz-link-story-header">
|
|
@@ -96,4 +96,4 @@ ${s.join(`
|
|
|
96
96
|
</div>
|
|
97
97
|
</section>
|
|
98
98
|
</div>
|
|
99
|
-
`})},i={};var r,a,l;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const
|
|
99
|
+
`})},i={};var r,a,l;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const y=["Playground"];export{i as Playground,y as __namedExportsOrder,b as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as Z,z as H,L as A,M as G,h as C,e as n,l as v,N as J,f as k,j as f,k as l,m as Q,s as P,D as X,T as Y,O as ee,g as r,w as oe,q as te,t as se,o as a,r as F}from"./iframe-B7Bddli1.js";import{P as O,_ as ae}from"./PzText-Qtpayc5y.js";import{_ as le}from"./PzIcon-Drlqf9PC.js";import"./preload-helper-C1FmrZbK.js";const ne=["compact","regular","wide","fullscreen"],re="close",de={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal"},ie=["aria-labelledby","aria-describedby"],ce=["id"],pe=["aria-label"],ue=["id"],me={key:1,class:"pz-modal-footer"},m=Z({name:"PzModal",__name:"PzModal",props:ee({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},de),setup(e,{emit:t}){const d=H(),o=e,y=t,g=r(()=>`pz-modal-title-${o.id}`),w=r(()=>`pz-modal-description-${o.id}`),z=r(()=>!!(o.title||d.header)),K=r(()=>z.value||o.showCloseButton),R=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const _=s=>{if(!(typeof document>"u")){if(s){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return A(()=>o.isOpen,s=>{_(s)},{immediate:!0}),G(()=>{_(!1)}),(s,x)=>(a(),C(Y,{to:"body"},[o.isOpen?(a(),n("div",{key:0,class:"pz-modal",onKeydown:X(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:U},[v("div",{ref:"dialogRef",class:k(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:x[0]||(x[0]=J(()=>{},["stop"]))},[K.value?(a(),n("header",{key:0,class:k(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(a(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(s.$slots,"header",{},()=>[o.title?(a(),C(P(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(se(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(a(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(P(le),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(s.$slots,"default",{},void 0,!0)],8,ue),s.$slots.footer?(a(),n("footer",me,[f(s.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=ae(m,[["__scopeId","data-v-8dc1c00e"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzModal",exportName:"default",displayName:"PzModal",description:"",tags:{},props:[{name:"id",required:!1,type:{name:"string"}},{name:"isOpen",required:!0,type:{name:"boolean"}},{name:"title",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"PzModalSize"}},{name:"closeOnOverlay",required:!1,type:{name:"boolean"}},{name:"closeOnEscape",required:!1,type:{name:"boolean"}},{name:"showCloseButton",required:!1,type:{name:"boolean"}},{name:"closeLabel",required:!1,type:{name:"string"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzModal/PzModal.vue"]});const ye=e=>`<template>
|
|
2
2
|
<PzModal ${[':is-open="true"',e.title?`title="${e.title}"`:null,e.size!=="regular"?`size="${e.size}"`:null,e.closeOnOverlay===!1?':close-on-overlay="false"':null,e.closeOnEscape===!1?':close-on-escape="false"':null,e.showCloseButton===!1?':show-close-button="false"':null].filter(d=>!!d).join(" ")}>
|
|
3
3
|
<p>Modal content</p>
|
|
4
4
|
</PzModal>
|
|
@@ -99,13 +99,13 @@ import{d as H,H as Z,L as A,M as J,j as C,e as n,y as v,N as G,f as k,r as f,h a
|
|
|
99
99
|
size: "compact",
|
|
100
100
|
buttonLabel: "Open compact modal"
|
|
101
101
|
}
|
|
102
|
-
}`,...(T=(D=c.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};var $,N
|
|
102
|
+
}`,...(T=(D=c.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};var $,q,N;p.parameters={...p.parameters,docs:{...($=p.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
103
103
|
args: {
|
|
104
104
|
title: "Перегляд документів закупівлі",
|
|
105
105
|
size: "wide",
|
|
106
106
|
buttonLabel: "Open wide modal"
|
|
107
107
|
}
|
|
108
|
-
}`,...(
|
|
108
|
+
}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var j,I,V;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
109
109
|
parameters: {
|
|
110
110
|
docs: {
|
|
111
111
|
source: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as R,e as r,F,
|
|
1
|
+
import{d as R,e as r,F,p as $,o,f as m,h as j,w as A,j as y,q as x,t as b,s as B,R as O,y as L,g as V,J as z,K as f}from"./iframe-B7Bddli1.js";import{_ as W,P as g}from"./PzText-Qtpayc5y.js";import"./preload-helper-C1FmrZbK.js";const J={class:"pz-nav"},l=R({name:"PzNav",__name:"PzNav",props:{config:{}},setup(s){const t=L(),h=s,d=a=>{const[n=""]=a.split("#");return n?n.startsWith("/")?n:`/${n}`:"/"},q=a=>a.startsWith("#")?a:d(a),E=V(()=>!h.config.some(a=>d(a.path)===t.path)),u=a=>d(a.path)===t.path||E.value&&!!a.isDefault;return(a,n)=>(o(),r("ul",J,[(o(!0),r(F,null,$(h.config,(e,M)=>(o(),r("li",{key:`${e.path}-${M}`,class:m(["pz-nav__item",[{disabled:e.disabled},{active:u(e)}]])},[e.disabled?(o(),r("span",{key:1,class:m(["pz-nav__text",{active:u(e)}])},[y(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)],2)):(o(),j(B(O),{key:0,to:q(e.path),class:m(["pz-nav__text",{active:u(e)}])},{default:A(()=>[y(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))]))}}),v=W(l,[["__scopeId","data-v-23082985"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzNav",exportName:"default",displayName:"PzNav",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzNavItem"}]}}],slots:[{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzNav/PzNav.vue"]});const N=[{path:"/market/procedures",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",text:"Договори"},{path:"/market/plans",text:"Плани"},{path:"/market/selection",text:"Відбори"},{path:"/market/products",text:"Товари"}],Q=[{path:"/tender/details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",text:"Скарги (0)"},{path:"/tender/monitoring",text:"Моніторинг (0)",disabled:!0}],U=[{path:"/archive/overview",text:"Overview",isDefault:!0},{path:"/archive/history",text:"History",disabled:!0},{path:"/archive/files",text:"Files"}],G=s=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(s.config,null,2)}' />
|
|
3
3
|
</template>`,H=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
|
@@ -96,7 +96,7 @@ import{d as R,e as r,F,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
96
96
|
</div>
|
|
97
97
|
</section>
|
|
98
98
|
</div>
|
|
99
|
-
`})};var w,k
|
|
99
|
+
`})};var w,P,k;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(k=(P=i.parameters)==null?void 0:P.docs)==null?void 0:k.source}}};var _,S,D;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
100
100
|
args: {
|
|
101
101
|
config: archiveNavItems
|
|
102
102
|
},
|
|
@@ -132,7 +132,7 @@ import{d as R,e as r,F,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
132
132
|
</div>
|
|
133
133
|
\`
|
|
134
134
|
})
|
|
135
|
-
}`,...(
|
|
135
|
+
}`,...(D=(S=c.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};var I,T,C;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
136
136
|
parameters: {
|
|
137
137
|
docs: {
|
|
138
138
|
source: {
|
package/dist/app/assets/{PzPagination.stories-D-kZtPzf.js → PzPagination.stories-CFaLbyxd.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as N,e as i,l as p,m as T,s as w,F as I,p as D,g as m,o as l,f as q,t as B,r as c,L as G}from"./iframe-B7Bddli1.js";import{_ as O,P as j}from"./PzText-Qtpayc5y.js";import{_ as x}from"./PzIcon-Drlqf9PC.js";import"./preload-helper-C1FmrZbK.js";const R={class:"pz-pagination","aria-label":"Pagination"},U={class:"pz-pagination__list"},W=["disabled"],Y={key:0,class:"pz-pagination__dots","aria-hidden":"true"},H=["aria-current","onClick"],J=["disabled"],P=1,z=N({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(a,{emit:n}){const e=a,o=n,g=m(()=>Math.ceil(e.total/e.perPage)),d=m(()=>e.modelValue<=1),u=m(()=>e.modelValue>=g.value),$=m(()=>{const s=g.value;if(s<=0)return[];if(s===1)return[{type:"page",page:P}];const y=e.modelValue,t=e.radius,_=P+1,f=s-1,h=Math.max(_,y-t),V=Math.min(f,y+t),r=[{type:"page",page:P}];h>_&&r.push({type:"dots",side:"left"});for(let b=h;b<=V;b++)r.push({type:"page",page:b});return V<f&&r.push({type:"dots",side:"right"}),r.push({type:"page",page:s}),r}),L=s=>{s!==e.modelValue&&o("update:modelValue",s)},k=()=>{d.value||o("update:modelValue",e.modelValue-1)},M=()=>{u.value||o("update:modelValue",e.modelValue+1)};return(s,y)=>(l(),i("nav",R,[p("ul",U,[p("li",null,[p("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:d.value,"aria-label":"Попередня сторінка",onClick:k},[T(w(x),{name:"chevron_left",size:"24"})],8,W)]),(l(!0),i(I,null,D($.value,t=>(l(),i("li",{key:t.type==="page"?`p-${t.page}`:`d-${t.side}`,class:"pz-pagination__item"},[t.type==="dots"?(l(),i("span",Y," … ")):(l(),i("button",{key:1,type:"button",class:q(["pz-pagination__btn",{"pz-pagination__btn--active":t.page===a.modelValue}]),"aria-current":t.page===a.modelValue?"page":void 0,onClick:_=>L(t.page)},B(t.page),11,H))]))),128)),p("li",null,[p("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:u.value,"aria-label":"Наступна сторінка",onClick:M},[T(w(x),{name:"chevron_right",size:"24"})],8,J)])])]))}}),F=O(z,[["__scopeId","data-v-6295b1b5"]]);z.__docgenInfo=Object.assign({displayName:z.name??z.__name},{name:"PzPagination",exportName:"default",displayName:"PzPagination",description:"",tags:{},props:[{name:"modelValue",required:!0,type:{name:"number"}},{name:"total",required:!0,type:{name:"number"}},{name:"perPage",required:!0,type:{name:"number"}},{name:"radius",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"2"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzPagination/PzPagination.vue"]});const A=2,K=50,Q=100,X=3,Z="<\/script>",aa=a=>{const n=[':model-value="currentPage"',`:total="${a.total}"`,`:per-page="${a.perPage}"`,a.radius!==A?`:radius="${a.radius}"`:null,'@update:model-value="currentPage = $event"'].filter(e=>!!e).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const currentPage = ref(${a.modelValue});
|
|
@@ -80,4 +80,4 @@ ${Z}
|
|
|
80
80
|
</div>
|
|
81
81
|
</section>
|
|
82
82
|
</div>
|
|
83
|
-
`})},v={};var C,S,E;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(E=(S=v.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};const
|
|
83
|
+
`})},v={};var C,S,E;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(E=(S=v.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};const ra=["Playground"];export{v as Playground,ra as __namedExportsOrder,ea as default};
|
package/dist/app/assets/{PzRouterLink.stories-CRcNmODE.js → PzRouterLink.stories-BcMmoayC.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as b,u as g,h as k,w as n,s,R as z,o as y,m as x,v as P,j as u,x as w,g as R,y as _}from"./iframe-B7Bddli1.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-Drlqf9PC.js";import{P as T}from"./PzText-Qtpayc5y.js";import{P as $}from"./PzLink-BU7dMeUw.js";import"./preload-helper-C1FmrZbK.js";const l=b({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(e){const t=e,o=g(),r=(a,p)=>{t.disabled||t.target!=="_self"||p(a)};return(a,p)=>(y(),k(s(z),{custom:"",to:t.to,replace:t.replace},{default:n(({href:m,navigate:h})=>[x(s($),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,onClick:v=>r(v,h)}),P({default:n(()=>[u(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:n(()=>[u(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:n(()=>[u(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","onClick"])]),_:3},8,["to","replace"]))}});l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzRouterLink/PzRouterLink.vue"]});const A=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="arrow_back" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -7,7 +7,7 @@ import{d as g,u as v,j as k,w as n,k as s,R as z,o as y,l as x,m as P,r as u,p a
|
|
|
7
7
|
${r.join(`
|
|
8
8
|
`)}
|
|
9
9
|
</PzRouterLink>
|
|
10
|
-
</template>`},B={title:"Components/Actions/PzRouterLink",component:l,parameters:{prototype:{caption:"Router-aware link component",note:"Use `PzRouterLink` for in-app navigation with vue-router while keeping the same visual API as `PzLink`."},docs:{description:{component:"Use `PzRouterLink` when navigation should stay inside a Vue Router application without forcing a full page reload. It wraps `PzLink` and forwards the same visual props and slots."},source:{transform:(e,t)=>A(t.args??B.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,label:"Open active tenders",showPrefix:!1,showSuffix:!0},argTypes:{to:{control:"text",description:"Vue Router target location."},variant:{control:"inline-radio",options:
|
|
10
|
+
</template>`},B={title:"Components/Actions/PzRouterLink",component:l,parameters:{prototype:{caption:"Router-aware link component",note:"Use `PzRouterLink` for in-app navigation with vue-router while keeping the same visual API as `PzLink`."},docs:{description:{component:"Use `PzRouterLink` when navigation should stay inside a Vue Router application without forcing a full page reload. It wraps `PzLink` and forwards the same visual props and slots."},source:{transform:(e,t)=>A(t.args??B.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,label:"Open active tenders",showPrefix:!1,showSuffix:!0},argTypes:{to:{control:"text",description:"Vue Router target location."},variant:{control:"inline-radio",options:S,description:"Visual link treatment."},target:{control:"select",options:L,description:"Anchor target attribute. `_self` keeps router navigation enabled."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},replace:{control:"boolean",description:"Uses router replace navigation instead of push."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzRouterLink:l,pzIcon:V,pzText:T},setup(){const t=_(),o=R(()=>t.fullPath);return{args:e,currentPath:o}},template:`
|
|
11
11
|
<div class="pz-link-story">
|
|
12
12
|
<section class="pz-link-story-board">
|
|
13
13
|
<div class="pz-link-story-header">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{r as a,L as p,M as y}from"./iframe-B7Bddli1.js";import{P as f}from"./PzText-Qtpayc5y.js";import"./preload-helper-C1FmrZbK.js";const g=["auto","instant","smooth"],b=2e3,z="pz-scroll-to-highlight",S="smooth",c=t=>typeof t=="number"?{offsetTop:t}:t??{},m=t=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof t=="number")return t;const o=typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:null;return o?window.scrollY+o.getBoundingClientRect().top:null},d=(t,o)=>{if(!t||typeof window>"u")return;const s=o.highlightClassName??z,e=o.highlightDuration??b;s&&(t.classList.add(s),window.setTimeout(()=>{t.classList.remove(s)},e))};class r{static moveById(o,s){if(typeof document>"u")return!1;const e=document.getElementById(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToTop(o){return r.moveTo(0,o)}static moveTo(o,s){if(typeof window>"u")return!1;const e=c(s);return window.scrollTo({top:Math.max(o-(e.offsetTop??0),0),left:0,behavior:e.behavior??S}),!0}static moveByQuerySelector(o,s){if(typeof document>"u")return!1;const e=document.querySelector(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToElement(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}static move(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}}const T=24,P="100vh",x=t=>{const o=[t.behavior!=="smooth"?`behavior: "${t.behavior}"`:null,t.offsetTop!==T?`offsetTop: ${t.offsetTop}`:null].filter(e=>!!e).join(", ");return`<script setup lang="ts">
|
|
2
2
|
import { PzScrollTo } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const scrollToTenderDocuments = (): void => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-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 44%);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-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-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-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-7d1503e1]{margin:0;padding:0;list-style:none}.pz-search-result-item-layout+.pz-search-result-item-layout[data-v-7d1503e1]{margin-top:var(--pz-space-12)}.pz-search-result-item-layout-surface[data-v-7d1503e1]{position:relative;padding:var(--pz-space-16);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 100%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 7%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 3%,transparent),transparent 40%);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 4%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}@media (min-width: 1024px){.pz-search-result-item-layout-surface[data-v-7d1503e1]{padding-inline:var(--pz-space-24)}}.pz-search-result-item-layout-grid[data-v-7d1503e1]{display:grid;gap:var(--pz-space-16);align-items:start}@media (min-width: 1024px){.pz-search-result-item-layout-grid[data-v-7d1503e1]{grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:40px}}.pz-search-result-item-layout-main[data-v-7d1503e1],.pz-search-result-item-layout-aside[data-v-7d1503e1]{min-width:0}.pz-search-result-item-layout-aside[data-v-7d1503e1]{display:grid;align-content:start;gap:var(--pz-space-12)}
|