@prozorro/prozorro-ui 0.0.24-beta → 0.0.26-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-BnX_-RPi.js → Color-FRDS63T2-CLJAKNvj.js} +1 -1
- package/dist/app/assets/{Colors.stories-BhypDSUv.js → Colors.stories-FfXzKCIU.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-DWvMFhMM.js → DocsRenderer-LL677BLK-CCZeNUZ8.js} +5 -5
- package/dist/app/assets/{Grid.stories-e0sGOzFx.js → Grid.stories-BkkrmAfR.js} +1 -1
- package/dist/app/assets/{PzAccordion-DLCz9l5f.js → PzAccordion-BW9ykV1O.js} +1 -1
- package/dist/app/assets/{PzAccordion-DKtMpe35.css → PzAccordion-CgwEpAZy.css} +1 -1
- package/dist/app/assets/{PzAccordion-CJcM-9ym.css → PzAccordion-D5k6SFLY.css} +1 -1
- package/dist/app/assets/{PzAccordion.stories-PokQ23aK.js → PzAccordion.stories-DFdcA9e5.js} +1 -1
- package/dist/app/assets/PzAccordionTable-WETGOHgC.css +1 -0
- package/dist/app/assets/{PzAccordionTable.stories-0GjCIgBC.js → PzAccordionTable.stories-BHpChXCo.js} +1 -1
- package/dist/app/assets/{PzArrayClamp-BLTRNBbk.css → PzArrayClamp-BUNrAErZ.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-36H5PQcQ.js → PzArrayClamp.stories-CIXCPa2A.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb-HHnQHkds.css → PzBreadcrumb-K-TQ8MS5.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-DzvdaHxZ.js → PzBreadcrumb.stories-CUASdbIZ.js} +1 -1
- package/dist/app/assets/PzBtn-By7_7Dux.css +1 -0
- package/dist/app/assets/{PzBtn-rQdaPtw0.js → PzBtn-DMSO1x65.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-BIY0ZwH5.js → PzBtn.stories-B1I-XRpm.js} +1 -1
- package/dist/app/assets/PzCheckbox-BO-0dg5r.css +1 -0
- package/dist/app/assets/{PzCheckbox-DorABAyu.css → PzCheckbox-DmDY3c3T.css} +1 -1
- package/dist/app/assets/{PzCheckbox-Cp9_utdR.js → PzCheckbox-jkEMjoRZ.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-dPuoRI8x.js → PzCheckbox.stories-DAxncXdY.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup-D7y05FyD.css → PzCheckboxGroup-CN2FJX07.css} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-BeOYf1CT.js → PzCheckboxGroup.stories-HisqIv4S.js} +1 -1
- package/dist/app/assets/PzCopyToClipboard-vazOWwB-.css +1 -0
- package/dist/app/assets/{PzCopyToClipboard.stories-CeXHbyQf.js → PzCopyToClipboard.stories-B8OnoCFp.js} +1 -1
- package/dist/app/assets/{PzDate-Bywv4M-N.js → PzDate-C6vRqSp5.js} +1 -1
- package/dist/app/assets/PzDate-I6Dz7zBB.css +1 -0
- package/dist/app/assets/{PzDate.stories-CRTFCKYM.js → PzDate.stories-CEFtzmX0.js} +1 -1
- package/dist/app/assets/PzDateRange-CbQlpZyA.css +1 -0
- package/dist/app/assets/{PzDateRange.stories-7qj3qvWa.js → PzDateRange.stories-C5dQrvmP.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-BMZu8W7P.js → PzDomHandler.stories-DVxb054f.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-CIVrMEFG.js → PzDropdown.stories-Bd-2tfYP.js} +1 -1
- package/dist/app/assets/PzFileInput-B_WCKEDW.css +1 -0
- package/dist/app/assets/{PzFileInput.stories-V4oOeblc.js → PzFileInput.stories-BkrKsa37.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-C6kOPwQ5.js → PzGrid.stories-BLNX084U.js} +1 -1
- package/dist/app/assets/{PzHint-CqQ5g2pM.js → PzHint-B5LAbxPQ.js} +1 -1
- package/dist/app/assets/{PzHint.stories-CDUAbckc.js → PzHint.stories-C82ojxok.js} +1 -1
- package/dist/app/assets/{PzIcon-W2RaV_El.js → PzIcon-Ca7FxSKr.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-BozMApjZ.js → PzIcon.stories-DjnQ0-Ik.js} +1 -1
- package/dist/app/assets/{PzImage.stories-BM2T4nVb.js → PzImage.stories-Bs1fe6wg.js} +1 -1
- package/dist/app/assets/PzImageInput-DG_1by3v.css +1 -0
- package/dist/app/assets/{PzImageInput.stories-CsqzcVd3.js → PzImageInput.stories-C9eXitcU.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout-DbFWjWZn.css → PzInfoBlockLayout-CYS2XyV-.css} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-D3Hg4nIG.js → PzInfoBlockLayout.stories-BNQ80l6t.js} +1 -1
- package/dist/app/assets/{PzInfoHint-CcKaJF01.js → PzInfoHint-D9M9qXQw.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-DKwTs7VG.js → PzInfoHint.stories-DHuicDXp.js} +1 -1
- package/dist/app/assets/PzInput-C6QV2n-4.css +1 -0
- package/dist/app/assets/{PzInput.stories-Cb0j0itJ.js → PzInput.stories-Dl0vmW25.js} +1 -1
- package/dist/app/assets/PzInputDate-AsqeTnEg.css +1 -0
- package/dist/app/assets/{PzInputDate.stories-CncUQwsL.js → PzInputDate.stories-7TaghMde.js} +1 -1
- package/dist/app/assets/PzInputNumber-PxLF66Lr.css +1 -0
- package/dist/app/assets/{PzInputNumber.stories-41rZnXVi.js → PzInputNumber.stories-g5vkOv32.js} +1 -1
- package/dist/app/assets/PzKeyValue-DMKzKVDz.css +1 -0
- package/dist/app/assets/{PzKeyValue.stories-BhagLMLM.js → PzKeyValue.stories-CPKxV1XF.js} +12 -12
- package/dist/app/assets/{PzLabel-Cm_pZbcB.css → PzLabel-CJEygbd7.css} +1 -1
- package/dist/app/assets/{PzLabel-QcVGm1Fy.js → PzLabel-D6J3QfP3.js} +1 -1
- package/dist/app/assets/PzLabel-vDqYjuiT.css +1 -0
- package/dist/app/assets/{PzLabel.stories-CxsGI-0j.js → PzLabel.stories-DS7LCtjb.js} +1 -1
- package/dist/app/assets/{PzLink-BO5pzUA8.css → PzLink-7Bu0g0W-.css} +1 -1
- package/dist/app/assets/{PzLink-CHYxUOa-.js → PzLink-CHJFBKyO.js} +1 -1
- package/dist/app/assets/{PzLink.stories-DGOsmLil.js → PzLink.stories-ehz4okZt.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-BGTQDnrg.js → PzListNav.stories-CwOFfyV0.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-DLHSBX-M.js → PzLoader.stories-DoA8D30p.js} +1 -1
- package/dist/app/assets/PzModal-B6_YnSLo.css +1 -0
- package/dist/app/assets/{PzModal.stories-CU1Wv2nz.js → PzModal.stories-5cy7IfVV.js} +1 -1
- package/dist/app/assets/PzMultiSelect-C17LC7iT.css +1 -0
- package/dist/app/assets/{PzMultiSelect.stories-DzFADRQf.js → PzMultiSelect.stories-BD_ZoO7Y.js} +1 -1
- package/dist/app/assets/{PzNav-De1tcVxU.css → PzNav-IoBf2QJw.css} +1 -1
- package/dist/app/assets/{PzNav.stories-CfeA4I9q.js → PzNav.stories-CZpztWi_.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-zQaLENvJ.js → PzNumberFormat.stories-CSyejyIJ.js} +1 -1
- package/dist/app/assets/{PzPagination-BveE6BxM.js → PzPagination-CNxPgPit.js} +1 -1
- package/dist/app/assets/PzPagination-Cce_GQum.css +1 -0
- package/dist/app/assets/{PzPagination-BF-U8BNg.css → PzPagination-CzLaBvxz.css} +1 -1
- package/dist/app/assets/{PzPagination.stories-B6yTaivn.js → PzPagination.stories-9YLY98x9.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-h6KN2cf5.js → PzPriceFormat.stories-LtD6etql.js} +1 -1
- package/dist/app/assets/PzRadioGroup-Cy5QGlSc.css +1 -0
- package/dist/app/assets/{PzRadioGroup.stories-BgStbptz.js → PzRadioGroup.stories-CmjYt_z0.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-X7nadesy.js → PzRouterLink.stories-DdzB1s7f.js} +1 -1
- package/dist/app/assets/{PzScrollTo-DC2p3qx8.css → PzScrollTo-CeFMQ5ht.css} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-DLFeCz9s.js → PzScrollTo.stories-BYiS-vYx.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-wyzspcT-.js → PzSearchResultItemLayout.stories-Bf0d_hGH.js} +1 -1
- package/dist/app/assets/PzSelect-Bv8_b4EX.css +1 -0
- package/dist/app/assets/{PzSelect-AQuigeCy.js → PzSelect-BxofoPSq.js} +1 -1
- package/dist/app/assets/{PzSelect-qGupIZIz.css → PzSelect-DTyQS_29.css} +1 -1
- package/dist/app/assets/{PzSelect.stories-D4-UQh8f.js → PzSelect.stories-CpbJzWKs.js} +1 -1
- package/dist/app/assets/{PzSkeleton-4JZ6y0GR.js → PzSkeleton-C6Rs_lZ_.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-MCrzHGJV.js → PzSkeleton.stories-CVKHKSk9.js} +1 -1
- package/dist/app/assets/{PzStatus-BTqxXx0B.js → PzStatus-B0wKxlyW.js} +1 -1
- package/dist/app/assets/{PzStatus--2NXUTlv.css → PzStatus-Ds7_Enea.css} +1 -1
- package/dist/app/assets/PzStatus-nUU7_Ga1.css +1 -0
- package/dist/app/assets/{PzStatus.stories-BzwAPZkL.js → PzStatus.stories-DTCduPPl.js} +1 -1
- package/dist/app/assets/PzTable-BCnRy7Vs.js +1 -0
- package/dist/app/assets/{PzTable-BOVqN6WA.css → PzTable-D2ee3aEl.css} +1 -1
- package/dist/app/assets/PzTable-ofL7t2uX.css +1 -0
- package/dist/app/assets/{PzTable.stories-BGuo7i1O.js → PzTable.stories-DedDSNPw.js} +15 -15
- package/dist/app/assets/{PzTabs.stories-CMpfKH0_.js → PzTabs.stories-C4zZbCTJ.js} +1 -1
- package/dist/app/assets/PzTag-BgHCPxBr.css +1 -0
- package/dist/app/assets/{PzTag-Ke2rl8Ss.js → PzTag-CNtLtNax.js} +1 -1
- package/dist/app/assets/{PzTag.stories-Bmn2O7e4.js → PzTag.stories-DyFp0pn7.js} +1 -1
- package/dist/app/assets/PzText-B1GXdVWQ.css +1 -0
- package/dist/app/assets/{PzText-DleGs8Gs.js → PzText-CK9m6o-j.js} +1 -1
- package/dist/app/assets/{PzText.stories-CI3NpL6P.js → PzText.stories-yPXyHEJU.js} +1 -1
- package/dist/app/assets/{PzTextClamp-sinphphZ.css → PzTextClamp-BIC7xfPk.css} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-DYM2X9XV.js → PzTextClamp.stories-DfYrHTAi.js} +1 -1
- package/dist/app/assets/PzTextarea-C9zqbuqq.css +1 -0
- package/dist/app/assets/{PzTextarea.stories-CT36imKJ.js → PzTextarea.stories-BdBfqOMM.js} +1 -1
- package/dist/app/assets/{PzValidatorXSS.stories-DaNuVVc1.js → PzValidatorXSS.stories-Dkc10ER7.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DrluMfwn.js → Spacing.stories-DdcTtmyH.js} +1 -1
- package/dist/app/assets/{Typography.stories-BqZF8Ibm.js → Typography.stories-DWbr7WH8.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-C3hqYsin.js → WithTooltip-65CFNBJE-D3hcGoXM.js} +1 -1
- package/dist/app/assets/{floating-vue-y1TAOdCO.js → floating-vue-BuqnCSqx.js} +1 -1
- package/dist/app/assets/{floating-vue-B4cduBzX.js → floating-vue-HGG7DBOn.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-vHq4tCuU.js → formatter-EIJCOSYU-Bswe_bq4.js} +1 -1
- package/dist/app/assets/{iframe-BzsKgjQJ.js → iframe-Ck0HMRNq.js} +3 -3
- package/dist/app/assets/{index-r1WZefER.js → index-BCpBk1be.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-Bgjnub02.js → syntaxhighlighter-OH4MV7E3-Bu07AazM.js} +1 -1
- package/dist/app/iframe.html +1 -1
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Data/PzAccordionTable/PzAccordionTable.vue.d.ts +3 -3
- package/dist/components/Data/PzTable/PzTable.vue.d.ts +16 -22
- package/dist/components/Data/PzTable/PzTableData.vue.d.ts +15 -22
- package/dist/components/Data/PzTable/index.d.ts +1 -1
- package/dist/components/Data/PzTable/types.d.ts +20 -14
- package/dist/components/Display/PzKeyValue/PzKeyValue.vue.d.ts +12 -26
- package/dist/components/Display/PzKeyValue/index.d.ts +1 -1
- package/dist/components/Display/PzKeyValue/types.d.ts +23 -5
- package/dist/index.d.ts +2 -2
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +8 -8
- package/dist/prozorro-ui.js +1658 -1649
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/abstract/_typography.scss +2 -0
- package/dist/app/assets/PzAccordionTable-C5s89sJN.css +0 -1
- package/dist/app/assets/PzBtn-916mU0oY.css +0 -1
- package/dist/app/assets/PzCheckbox-D2lG-G61.css +0 -1
- package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +0 -1
- package/dist/app/assets/PzDate-CPDe5YZo.css +0 -1
- package/dist/app/assets/PzDateRange-BiJOokbK.css +0 -1
- package/dist/app/assets/PzFileInput-BOG2rn9_.css +0 -1
- package/dist/app/assets/PzImageInput-Dpxr8tsf.css +0 -1
- package/dist/app/assets/PzInput-BCMo6PmT.css +0 -1
- package/dist/app/assets/PzInputDate-DajGwKjI.css +0 -1
- package/dist/app/assets/PzInputNumber-D-YWl_V4.css +0 -1
- package/dist/app/assets/PzKeyValue-77OwsVir.css +0 -1
- package/dist/app/assets/PzLabel-ShA-3tPi.css +0 -1
- package/dist/app/assets/PzModal-Da1AKItx.css +0 -1
- package/dist/app/assets/PzMultiSelect-kijICuQ3.css +0 -1
- package/dist/app/assets/PzPagination-DsLCoCA7.css +0 -1
- package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +0 -1
- package/dist/app/assets/PzSelect-kuxLgX5-.css +0 -1
- package/dist/app/assets/PzStatus-CrMtYbRR.css +0 -1
- package/dist/app/assets/PzTable-CMrM0T_5.css +0 -1
- package/dist/app/assets/PzTable-DeBwBKWZ.js +0 -1
- package/dist/app/assets/PzTag-BU4Nffdd.css +0 -1
- package/dist/app/assets/PzText-CnLVfvPw.css +0 -1
- package/dist/app/assets/PzTextarea-DlC8K0sa.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,w as S}from"./iframe-
|
|
1
|
+
import{r as t,w as S}from"./iframe-Ck0HMRNq.js";import{_ as h}from"./PzIcon-Ca7FxSKr.js";import{P as b}from"./PzText-CK9m6o-j.js";import{P as n}from"./PzSelect-BxofoPSq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-BCpBk1be.js";import"./floating-vue-HGG7DBOn.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-D6J3QfP3.js";const O=["field","inline"],i=[{label:"Option 0",value:0},{label:"Option 1",value:1},{label:"Option 2",value:2},{label:"Option 3",value:3},{label:"Option 4",value:4},{label:"Option 5",value:5},{label:"Option 6",value:6},{label:"Option 7",value:7},{label:"Option 8",value:8},{label:"Option 9",value:9}],V=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"}],P=[{label:"Пропозиція з коротким формулюванням",value:"short"},{label:"Пропозиція з довшою назвою для перевірки перенесення і ширини меню",value:"long"},{label:"Недоступний варіант",value:"disabled",disabled:!0}],r=3,k=e=>`<template>
|
|
2
2
|
<PzSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.variant!=="field"?`variant="${e.variant}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(a=>!!a).join(" ")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-
|
|
1
|
+
import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-Ck0HMRNq.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=s({name:"PzSkeleton",__name:"PzSkeleton",props:{width:{default:"100%"},height:{default:"16px"},radius:{default:"8px"},animated:{type:Boolean,default:!0}},setup(t){const a=t,n=i(()=>({width:a.width,height:a.height,borderRadius:a.radius}));return(p,m)=>(u(),l("div",{class:r(["pz-skeleton",{"pz-skeleton--static":!t.animated}]),style:o(n.value),"aria-hidden":"true"},null,6))}}),h=d(e,[["__scopeId","data-v-f3a7d77e"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzSkeleton",exportName:"default",displayName:"PzSkeleton",description:"",tags:{},props:[{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"100%"'}},{name:"height",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"16px"'}},{name:"radius",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"8px"'}},{name:"animated",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzSkeleton/PzSkeleton.vue"]});export{h as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as r}from"./PzText-
|
|
1
|
+
import{P as r}from"./PzText-CK9m6o-j.js";import{P as t}from"./PzSkeleton-C6Rs_lZ_.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h={title:"Components/Display/PzSkeleton",component:t,parameters:{prototype:{caption:"PzSkeleton",note:"Reusable loading placeholder for lines, blocks, and lightweight preview cards. Used by `PzAccordion` as the default loading surface."},docs:{description:{component:"Use `PzSkeleton` for loading placeholders. Control its dimensions through `width`, `height`, and `radius`, and disable shimmer with `animated=false` when a static placeholder is preferred."}}},args:{width:"240px",height:"24px",radius:"8px",animated:!0},argTypes:{width:{control:"text",description:"Skeleton width."},height:{control:"text",description:"Skeleton height."},radius:{control:"text",description:"Border radius."},animated:{control:"boolean",description:"Enables the shimmer animation."}},render:a=>({components:{pzSkeleton:t,pzText:r},setup(){return{args:a}},template:`
|
|
2
2
|
<div class="pz-skeleton-story">
|
|
3
3
|
<section class="pz-skeleton-story-board">
|
|
4
4
|
<div class="pz-skeleton-story-header">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as o,y as r,A as p,f as u,z as l,g as i,o as c,q as d,B as m}from"./iframe-
|
|
1
|
+
import{d as o,y as r,A as p,f as u,z as l,g as i,o as c,q as d,B as m}from"./iframe-Ck0HMRNq.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z=["auction-progress","auction-waiting","auction-success"],_={class:"pz-status__label"},s=o({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"},typography:{}},setup(t){const a=t,e=i(()=>[`pz-status--${a.variant}`,a.typography?`pz-typography--${a.typography}`:null,{"pz-status--gradient":z.includes(a.variant)}]);return(n,y)=>(c(),r(l(a.as),{class:u(["pz-status",e.value])},{default:p(()=>[d("span",_,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),P=f(s,[["__scopeId","data-v-7325e2b7"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzStatus",exportName:"default",displayName:"PzStatus",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzStatusVariant"},defaultValue:{func:!1,value:'"progress"'}},{name:"as",required:!1,type:{name:"PzStatusTag"},defaultValue:{func:!1,value:'"span"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{P};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}
|
|
1
|
+
.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-status[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-progress);display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;padding:2px 8px;border-radius:3px;background:var(--pz-status-background);color:var(--pz-color-white);box-sizing:border-box;vertical-align:middle;width:fit-content;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-status-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-status-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-status-line-height, var(--pz-typography-line-height, 1.5))}.pz-status--inactive[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-7325e2b7]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-7325e2b7]{min-width:0;white-space:normal;overflow-wrap:anywhere}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as l}from"./PzText-
|
|
1
|
+
import{P as l}from"./PzText-CK9m6o-j.js";import{p as c}from"./configs-B15JgQZ-.js";import{P as s}from"./PzStatus-B0wKxlyW.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p=["inactive","hidden","active","monitoring","disabled","progress","auction-progress","auction-waiting","auction-success"],d=["span","div","li"],v=[{id:"hidden-review",variant:"hidden",label:"Очікує розгляду"},{id:"monitoring-accepted",variant:"monitoring",label:"Прийнято до розгляду"},{id:"inactive-without-review",variant:"inactive",label:"Залишено без розгляду"},{id:"inactive-stopped",variant:"inactive",label:"Розгляд припинено"},{id:"inactive-rejected",variant:"inactive",label:"Відмовлено в задоволенні"},{id:"active-satisfied",variant:"active",label:"Задоволено"},{id:"inactive-withdrawn",variant:"inactive",label:"Відкликано"},{id:"inactive-cancelled",variant:"inactive",label:"Скасовано"},{id:"active-fixed",variant:"active",label:"Порушення усунуто"}],u=[{id:"palette-hidden",variant:"hidden",label:"Текст"},{id:"palette-inactive",variant:"inactive",label:"Текст"},{id:"palette-active",variant:"active",label:"Текст"},{id:"palette-monitoring",variant:"monitoring",label:"Текст"},{id:"palette-disabled",variant:"disabled",label:"Текст"}],m=t=>`<template>
|
|
2
2
|
<PzStatus ${[t.variant!=="progress"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(o=>!!o).join(" ")}>${t.label}</PzStatus>
|
|
3
3
|
</template>`,g={title:"Components/Display/PzStatus",component:s,parameters:{prototype:{caption:"Status component",note:"Aligned with Figma node 76:1113: compact filled badges with 3px radius, white label text, optional indicator, and multiline support."},docs:{description:{component:"Use `PzStatus` for semantic state labels. The component matches the design-system badge treatment from Figma and keeps semantic color variants, including gradient auction states."},source:{transform:(t,i)=>m(i.args??g.args)}}},args:{variant:"progress",as:"span",typography:void 0,label:"Очікує розгляду"},argTypes:{variant:{control:"select",options:p,description:"Semantic status variant."},as:{control:"select",options:d,description:"HTML tag used for the wrapper."},typography:{control:"select",options:[void 0,...c],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}}},render:t=>({components:{pzStatus:s,pzText:l},setup(){return{args:t,statusReferenceItems:v,statusPaletteItems:u}},template:`
|
|
4
4
|
<div class="pz-status-story">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as g,o as a,e as l,f as q,q as u,t as P,y as p,v as h,p as v,B as H,F as c,C as F,g as N,E as x,x as T,n as k,H as A,A as I,I as S}from"./iframe-Ck0HMRNq.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as D}from"./PzInfoHint-D9M9qXQw.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const V="—",w={class:"pz-table-data__title"},W=["innerHTML"],m=g({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const o=e,r=N(()=>o.data??{}),s=N(()=>$.get(o.data,o.column.key)||o.defaultValue);return(y,C)=>{var i;return a(),l("td",{class:q(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[u("p",w,[u("span",null,P(e.column.mobileName||e.column.name),1),(i=e.column.infoContent)!=null&&i.length?(a(),p(h(D),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):v("",!0)]),H(y.$slots,"default",{data:r.value,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),l("span",{key:0,innerHTML:String(s.value)},null,8,W)):(a(),l(c,{key:1},[F(P(s.value),1)],64))],!0)],2)}}}),j=B(m,[["__scopeId","data-v-e0a86207"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzTableData",exportName:"default",displayName:"PzTableData",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn",elements:[{name:"TKey"}]}},{name:"data",required:!1,type:{name:"TRow"},defaultValue:{func:!1,value:"undefined"}},{name:"defaultValue",required:!0,type:{name:"string"}},{name:"isBold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableData.vue"]});const M={class:"pz-table-head",scope:"col"},f=g({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(o,r)=>{var s;return a(),l("th",M,[u("span",null,P(e.column.name),1),(s=e.column.infoContent)!=null&&s.length?(a(),p(h(D),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):v("",!0)])}}}),R=B(f,[["__scopeId","data-v-c4688b62"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzTableHead",exportName:"default",displayName:"PzTableHead",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableHead.vue"]});const U={class:"pz-table-wrap"},K={class:"pz-table"},O={key:0,class:"pz-table__head"},Y={class:"pz-table__row pz-table__row--head"},Z=100,b=g({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{default:V},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const o=x(),r=e,s=({colWidth:n})=>({width:r.config.some(({colWidth:t})=>!!t)?`${n}%`:`${Math.floor(Z/r.config.length)}%`}),y=n=>!!o[n],C=n=>n,i=(n,_)=>{const{id:t}=n,z=typeof t=="string"||typeof t=="number";return"id"in n&&z?t:_};return(n,_)=>(a(),l("div",U,[u("table",K,[e.visibleHeader?(a(),l("thead",O,[u("tr",Y,[(a(!0),l(c,null,T(e.config,t=>(a(),p(R,{key:t.id,column:t,style:k(s(t))},null,8,["column","style"]))),128))])])):v("",!0),u("tbody",null,[(a(!0),l(c,null,T(e.data,(t,z)=>(a(),l("tr",{key:i(t,z),class:"pz-table__row"},[(a(!0),l(c,null,T(e.config,(d,E)=>(a(),p(j,{key:d.id,column:d,data:t,"default-value":e.defaultValue??h(V),"is-bold":e.isBoldFirstColumn&&E===0,style:k(s(d))},A({_:2},[y(d.key)?{name:"default",fn:I(L=>[H(n.$slots,C(d.key),S({ref_for:!0},L),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])])]))}}),ee=B(b,[["__scopeId","data-v-956b5e80"]]);b.__docgenInfo=Object.assign({displayName:b.name??b.__name},{name:"PzTable",exportName:"default",displayName:"PzTable",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"TRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_TABLE_DEFAULT_EMPTY_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isBoldFirstColumn",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"getSlotName(column.key)",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTable.vue"]});export{ee as P,V as a,R as b,j as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-table-story{display:grid;gap:var(--pz-space-24)}.pz-table-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-table-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-table-story-copy,.pz-table-story-stack,.pz-table-story-card,.pz-table-story-cell-stack{display:grid;gap:var(--pz-space-12)}.pz-table-story-eyebrow,.pz-table-story-chip,.pz-table-story-card-kicker{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-table-story-eyebrow,.pz-table-story-card-kicker{color:var(--pz-color-text-link-hover)}.pz-table-story-chip{padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover)}.pz-table-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-table-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-table-story-card{padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-table-story-list{display:grid;gap:var(--pz-space-8);margin:0;padding-left:var(--pz-space-20);color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-table-story-muted{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-table-story-grid{grid-template-columns:1fr}.pz-table-story-header{flex-direction:column}}@media (width <= 640px){.pz-table-story-board,.pz-table-story-preview,.pz-table-story-card{padding:var(--pz-space-20);border-radius:var(--pz-space-20)}}
|
|
1
|
+
.pz-table-story{display:grid;gap:var(--pz-space-24)}.pz-table-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-table-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-table-story-copy,.pz-table-story-stack,.pz-table-story-card,.pz-table-story-cell-stack{display:grid;gap:var(--pz-space-12)}.pz-table-story-eyebrow,.pz-table-story-chip,.pz-table-story-card-kicker{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-table-story-eyebrow,.pz-table-story-card-kicker{color:var(--pz-color-text-link-hover)}.pz-table-story-chip{padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover)}.pz-table-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-table-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-table-story-card{padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-table-story-list{display:grid;gap:var(--pz-space-8);margin:0;padding-left:var(--pz-space-20);color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-table-story-muted{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-table-story-grid{grid-template-columns:1fr}.pz-table-story-header{flex-direction:column}}@media (width <= 640px){.pz-table-story-board,.pz-table-story-preview,.pz-table-story-card{padding:var(--pz-space-20);border-radius:var(--pz-space-20)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-table-data[data-v-e0a86207]{padding:var(--pz-space-16) var(--pz-space-8);text-align:left;vertical-align:top;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.pz-table-data[data-v-e0a86207]:first-child{padding-left:0}.pz-table-data[data-v-e0a86207]:last-child{padding-right:0}@media (max-width: 1023.98px){.pz-table-data[data-v-e0a86207]{display:grid;gap:var(--pz-space-8);padding:0;width:auto!important;min-width:0;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;word-break:normal}}.pz-table-data--bold[data-v-e0a86207]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-table-data-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-data-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-table-data-line-height, var(--pz-typography-line-height, 1.5))}.pz-table-data__title[data-v-e0a86207]{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-8);margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-table-data-title-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-data-title-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-table-data-title-line-height, var(--pz-typography-line-height, 1.5))}@media (min-width: 1024px){.pz-table-data__title[data-v-e0a86207]{display:none}}.pz-table-head[data-v-c4688b62]{padding:var(--pz-space-12) var(--pz-space-8) var(--pz-space-16);color:var(--pz-color-text-primary);text-align:left;vertical-align:top;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-table-head-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-head-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-table-head-line-height, var(--pz-typography-line-height, 1.5))}.pz-table-head[data-v-c4688b62]:first-child{padding-left:0}.pz-table-head[data-v-c4688b62]:last-child{padding-right:0}.pz-table-head__hint[data-v-c4688b62]{margin-left:var(--pz-space-8);vertical-align:middle}.pz-table-wrap[data-v-956b5e80]{width:100%;overflow-x:auto}.pz-table[data-v-956b5e80]{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-table-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-table-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 1023.98px){.pz-table__head[data-v-956b5e80]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-table__row[data-v-956b5e80]{border-bottom:1px solid var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-table__row[data-v-956b5e80]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P
|
|
1
|
+
import{P}from"./PzLink-CHJFBKyO.js";import{P as S}from"./PzTag-CNtLtNax.js";import{P as r}from"./PzText-CK9m6o-j.js";import{P as k,a as i}from"./PzTable-BCnRy7Vs.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-D9M9qXQw.js";import"./PzIcon-Ca7FxSKr.js";import"./PzHint-B5LAbxPQ.js";import"./floating-vue-HGG7DBOn.js";import"./floating-vue-BuqnCSqx.js";const l=k,w=k,C=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:30},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:16}],T=[{id:"item-1",name:"Швидкозшивач пласт. E31509, 31511",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"100 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-2",name:"Ручка масляна, 0,7мм, PT-195, Piano",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"150 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-3",name:"Папка А4 КОШЕНЯ 34,527,51см, верт. 2 ручки",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"30 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"}],x=[{id:"name",name:"Назва",key:"name",colWidth:18},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:24},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"price",name:"Ціна за одиницю",key:"price",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:12}],W=T.map(t=>({...t,price:null})),L=[{id:"event",name:"Подія",key:"event",colWidth:18},{id:"type",name:"Тип",key:"type",colWidth:18},{id:"reason",name:"Підстава",key:"reason",colWidth:18},{id:"period",name:"Період, (днів)",key:"period",colWidth:16},{id:"daysType",name:"Тип днів",key:"daysType",colWidth:15},{id:"amount",name:"Розмір, (%)",key:"amount",colWidth:15}],D=[{id:"payment-1",event:"Оплата",type:"Пiсляоплата",reason:"поставка товару",period:10,daysType:"робочі",amount:100},{id:"payment-2",event:"Поставка",type:"Одноразова поставка",reason:"подання заявки",period:10,daysType:"робочі",amount:100}],A=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"contractId",name:"Договір",key:"contractId",colWidth:20},{id:"amount",name:"Сума",key:"amount",colWidth:18},{id:"status",name:"Статус",key:"statusLabel",colWidth:18},{id:"updatedAt",name:"Оновлено",key:"updatedAt",colWidth:16}],U=[{id:"contract-01",supplier:{name:"ТОВ «Офіс-Постач»",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000001",amount:128340.5,status:"active",statusLabel:"Активний",updatedAt:"17.04.2026"},{id:"contract-02",supplier:{name:"ФОП Іваненко Ірина",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000002",amount:68400,status:"hidden",statusLabel:"Очікує підтвердження",updatedAt:"16.04.2026"}],E=`<template>
|
|
2
2
|
<PzTable
|
|
3
3
|
:config="config"
|
|
4
4
|
:data="data"
|
|
@@ -26,7 +26,7 @@ const data: PzTableRow[] = [
|
|
|
26
26
|
deliveryDate: "до 30 грудня 2026",
|
|
27
27
|
},
|
|
28
28
|
];
|
|
29
|
-
<\/script>`,
|
|
29
|
+
<\/script>`,H=`<template>
|
|
30
30
|
<PzTable
|
|
31
31
|
:config="config"
|
|
32
32
|
:data="data"
|
|
@@ -47,7 +47,7 @@ const data: PzTableRow[] = [
|
|
|
47
47
|
</PzTag>
|
|
48
48
|
</template>
|
|
49
49
|
</PzTable>
|
|
50
|
-
</template>`,
|
|
50
|
+
</template>`,X={title:"Components/Data/PzTable",component:w,parameters:{prototype:{caption:"PzTable",note:"Three-part table structure based on the original prototype, refined only where needed for tokens, docs, and Storybook examples."},docs:{description:{component:"Use `PzTable` for procurement-style tabular data. Configure columns through `config`, provide rows through `data`, and override cell rendering with named slots that match `column.key`."}}},args:{config:C,data:T,defaultValue:i,visibleHeader:!0,isBoldFirstColumn:!0},argTypes:{config:{control:!1,description:"Column configuration array. Use `name`, `key`, and optional `colWidth`, `mobileName`, `infoContent`, `slot`, and `isContentHtml`."},data:{control:!1,description:"Table rows resolved by `column.key`."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},isBoldFirstColumn:{control:"boolean",description:"Makes the first column semibold."}}},a={parameters:{docs:{source:{code:E}}},render:t=>({components:{pzTable:l,pzText:r},setup(){return{args:t}},template:`
|
|
51
51
|
<div class="pz-table-story">
|
|
52
52
|
<section class="pz-table-story-board">
|
|
53
53
|
<div class="pz-table-story-header">
|
|
@@ -85,7 +85,7 @@ const data: PzTableRow[] = [
|
|
|
85
85
|
</article>
|
|
86
86
|
</section>
|
|
87
87
|
</div>
|
|
88
|
-
`})},
|
|
88
|
+
`})},n={render:()=>({components:{pzTable:l,pzText:r},setup(){return{procurementWithPriceConfig:x,procurementWithPriceData:W}},template:`
|
|
89
89
|
<div class="pz-table-story">
|
|
90
90
|
<section class="pz-table-story-board">
|
|
91
91
|
<div class="pz-table-story-copy">
|
|
@@ -101,7 +101,7 @@ const data: PzTableRow[] = [
|
|
|
101
101
|
</div>
|
|
102
102
|
</section>
|
|
103
103
|
</div>
|
|
104
|
-
`})},
|
|
104
|
+
`})},o={render:()=>({components:{pzTable:l,pzText:r},setup(){return{paymentConfig:L,paymentData:D}},template:`
|
|
105
105
|
<div class="pz-table-story">
|
|
106
106
|
<section class="pz-table-story-board">
|
|
107
107
|
<div class="pz-table-story-copy">
|
|
@@ -117,7 +117,7 @@ const data: PzTableRow[] = [
|
|
|
117
117
|
</div>
|
|
118
118
|
</section>
|
|
119
119
|
</div>
|
|
120
|
-
`})},
|
|
120
|
+
`})},s={parameters:{docs:{source:{code:H}}},render:()=>({components:{pzLink:P,pzTable:l,pzTag:S,pzText:r},setup(){const t=e=>typeof e=="object"&&e!==null?e:{};return{contractsConfig:A,contractsData:U,formatCurrency:e=>typeof e!="number"?i:`${new Intl.NumberFormat("uk-UA").format(e)} грн`,getStatusVariant:e=>e==="active"?"green":e==="hidden"?"blue":"grey",getSupplierHref:e=>String(t(e).href??"#"),getSupplierName:e=>String(t(e).name??i)}},template:`
|
|
121
121
|
<div class="pz-table-story">
|
|
122
122
|
<section class="pz-table-story-board">
|
|
123
123
|
<div class="pz-table-story-copy">
|
|
@@ -152,7 +152,7 @@ const data: PzTableRow[] = [
|
|
|
152
152
|
</div>
|
|
153
153
|
</section>
|
|
154
154
|
</div>
|
|
155
|
-
`})};var c,p,d;
|
|
155
|
+
`})};var c,p,d;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
156
156
|
parameters: {
|
|
157
157
|
docs: {
|
|
158
158
|
source: {
|
|
@@ -162,7 +162,7 @@ const data: PzTableRow[] = [
|
|
|
162
162
|
},
|
|
163
163
|
render: (args: PzTableStoryArgs) => ({
|
|
164
164
|
components: {
|
|
165
|
-
pzTable:
|
|
165
|
+
pzTable: pzTableStoryComponent,
|
|
166
166
|
pzText: PzText
|
|
167
167
|
},
|
|
168
168
|
setup() {
|
|
@@ -210,10 +210,10 @@ const data: PzTableRow[] = [
|
|
|
210
210
|
</div>
|
|
211
211
|
\`
|
|
212
212
|
})
|
|
213
|
-
}`,...(d=(p=
|
|
213
|
+
}`,...(d=(p=a.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var m,u,y;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
214
214
|
render: () => ({
|
|
215
215
|
components: {
|
|
216
|
-
pzTable:
|
|
216
|
+
pzTable: pzTableStoryComponent,
|
|
217
217
|
pzText: PzText
|
|
218
218
|
},
|
|
219
219
|
setup() {
|
|
@@ -240,10 +240,10 @@ const data: PzTableRow[] = [
|
|
|
240
240
|
</div>
|
|
241
241
|
\`
|
|
242
242
|
})
|
|
243
|
-
}`,...(y=(u=
|
|
243
|
+
}`,...(y=(u=n.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};var b,z,v;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
244
244
|
render: () => ({
|
|
245
245
|
components: {
|
|
246
|
-
pzTable:
|
|
246
|
+
pzTable: pzTableStoryComponent,
|
|
247
247
|
pzText: PzText
|
|
248
248
|
},
|
|
249
249
|
setup() {
|
|
@@ -270,7 +270,7 @@ const data: PzTableRow[] = [
|
|
|
270
270
|
</div>
|
|
271
271
|
\`
|
|
272
272
|
})
|
|
273
|
-
}`,...(v=(z=
|
|
273
|
+
}`,...(v=(z=o.parameters)==null?void 0:z.docs)==null?void 0:v.source}}};var g,h,f;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
274
274
|
parameters: {
|
|
275
275
|
docs: {
|
|
276
276
|
source: {
|
|
@@ -281,7 +281,7 @@ const data: PzTableRow[] = [
|
|
|
281
281
|
render: () => ({
|
|
282
282
|
components: {
|
|
283
283
|
pzLink: PzLink,
|
|
284
|
-
pzTable:
|
|
284
|
+
pzTable: pzTableStoryComponent,
|
|
285
285
|
pzTag: PzTag,
|
|
286
286
|
pzText: PzText
|
|
287
287
|
},
|
|
@@ -350,4 +350,4 @@ const data: PzTableRow[] = [
|
|
|
350
350
|
</div>
|
|
351
351
|
\`
|
|
352
352
|
})
|
|
353
|
-
}`,...(f=(h=
|
|
353
|
+
}`,...(f=(h=s.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};const ee=["Playground","ProcurementWithPrice","PaymentSchedule","CustomSlots"];export{s as CustomSlots,o as PaymentSchedule,a as Playground,n as ProcurementWithPrice,ee as __namedExportsOrder,X as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as T}from"./PzText-
|
|
1
|
+
import{P as T}from"./PzText-CK9m6o-j.js";import{d as q,a5 as f,w as Q,a6 as G,$ as J,W as X,a7 as Y,e as m,B as F,r as Z,o as u,j as K,h as tt,q as _,F as at,x as st,n as et,f as w,a3 as nt,g as rt,t as pt,a8 as P}from"./iframe-Ck0HMRNq.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ot=["","light"];var r=(t=>(t.INIT_TAB="init-tab",t.TABS_STATE="tabs-state",t.REMOVE_TAB="remove-tab",t))(r||{});const it={class:"pz-tab"},x=q({name:"PzTab",__name:"PzTab",props:{name:{default:"Tab"},selected:{type:Boolean,default:!1},id:{default:void 0}},setup(t){const a=t,p=K(),i=Z(!1),o=f(r.REMOVE_TAB,void 0),s=f(r.TABS_STATE,void 0),e=f(r.INIT_TAB,void 0),n={get id(){return a.id??`pz-tab-${(p==null?void 0:p.uid)??a.name}`},get name(){return a.name}};return Q(()=>s==null?void 0:s.activeTab,z=>{i.value=a.name===z}),G(()=>{e==null||e(n),i.value=a.selected}),J(()=>o==null?void 0:o(n)),(z,mt)=>X((u(),m("div",it,[F(z.$slots,"default",{},void 0,!0)],512)),[[Y,i.value]])}}),h=M(x,[["__scopeId","data-v-2374460d"]]);x.__docgenInfo=Object.assign({displayName:x.name??x.__name},{name:"PzTab",exportName:"default",displayName:"PzTab",description:"",tags:{},props:[{name:"name",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Tab"'}},{name:"selected",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzTabs/PzTab.vue"]});const lt={class:"pz-tabs__nav"},zt=["onClick"],bt={class:"pz-tabs__content"},g=q({name:"PzTabs",__name:"PzTabs",props:{skin:{default:""},maxWidth:{default:""}},setup(t){const a=nt({tabs:[],activeTab:""}),p=t,i=rt(()=>p.skin?`pz-tabs--${p.skin}`:"");P(r.TABS_STATE,a),P(r.INIT_TAB,s=>a.tabs.push(s)),P(r.REMOVE_TAB,s=>{a.tabs=a.tabs.filter(e=>e.id!==s.id),o()}),tt(()=>o());const o=()=>{var e;const[{name:s}={name:""}]=a.tabs.filter(({selected:n})=>n);a.activeTab=s||((e=a.tabs[0])==null?void 0:e.name)||""};return(s,e)=>(u(),m("div",{class:w(["pz-tabs",i.value]),style:et({maxWidth:t.maxWidth})},[_("ul",lt,[(u(!0),m(at,null,st(a.tabs,n=>(u(),m("li",{key:n.id,class:w(["pz-tabs__item",{active:a.activeTab===n.name}]),onClick:z=>a.activeTab=n.name||""},pt(n.name),11,zt))),128))]),_("div",bt,[F(s.$slots,"default",{},void 0,!0)])],6))}}),l=M(g,[["__scopeId","data-v-88e033ce"]]);g.__docgenInfo=Object.assign({displayName:g.name??g.__name},{name:"PzTabs",exportName:"default",displayName:"PzTabs",description:"",tags:{},props:[{name:"skin",required:!1,type:{name:"PzTabsSkin"},defaultValue:{func:!1,value:'""'}},{name:"maxWidth",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzTabs/PzTabs.vue"]});const dt=t=>[t.skin?`skin="${t.skin}"`:null,t.maxWidth?`max-width="${t.maxWidth}"`:null].filter(a=>!!a).join(" "),ct=t=>`<template>
|
|
2
2
|
<PzTabs ${dt(t)}>
|
|
3
3
|
<PzTab name="${t.currentEditionLabel}" selected>
|
|
4
4
|
Current content
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-tag[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-grey);--pz-tag-gap: var(--pz-space-4);display:inline-flex;align-items:center;gap:var(--pz-tag-gap);padding:4px 8px;border-radius:3px 12px 12px 3px;background:var(--pz-tag-background);color:var(--pz-tag-color);vertical-align:middle;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-tag-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-tag-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-tag-line-height, var(--pz-typography-line-height, 1.5))}.pz-tag--grey[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-grey)}.pz-tag--grey-light[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-grey-light)}.pz-tag--blue[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-blue)}.pz-tag--green[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-green)}.pz-tag--red[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-red)}.pz-tag-prefix[data-v-231a6572],.pz-tag-suffix[data-v-231a6572]{display:inline-flex;align-items:center;justify-content:center}.pz-tag-label[data-v-231a6572]{min-width:0}.pz-tag-prefix[data-v-231a6572] .pz-icon,.pz-tag-suffix[data-v-231a6572] .pz-icon{--pz-icon-size: var(--pz-font-size-12);--pz-icon-color: currentcolor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as l,y as p,A as i,f,z as u,o as t,e as n,B as o,p as r,q as c}from"./iframe-
|
|
1
|
+
import{d as l,y as p,A as i,f,z as u,o as t,e as n,B as o,p as r,q as c}from"./iframe-Ck0HMRNq.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d={key:0,class:"pz-tag-prefix"},g={class:"pz-tag-label"},y={key:1,class:"pz-tag-suffix"},s=l({name:"PzTag",__name:"PzTag",props:{variant:{default:"grey"},as:{default:"span"},typography:{}},setup(e){return(a,z)=>(t(),p(u(e.as),{class:f(["pz-tag",[`pz-tag--${e.variant}`,e.typography?`pz-typography--${e.typography}`:null]])},{default:i(()=>[a.$slots.prefix?(t(),n("span",d,[o(a.$slots,"prefix",{},void 0,!0)])):r("",!0),c("span",g,[o(a.$slots,"default",{},void 0,!0)]),a.$slots.suffix?(t(),n("span",y,[o(a.$slots,"suffix",{},void 0,!0)])):r("",!0)]),_:3},8,["class"]))}}),T=m(s,[["__scopeId","data-v-231a6572"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzTag",exportName:"default",displayName:"PzTag",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzTagVariant"},defaultValue:{func:!1,value:'"grey"'}},{name:"as",required:!1,type:{name:"PzTagTag"},defaultValue:{func:!1,value:'"span"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzTag/PzTag.vue"]});export{T as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as c}from"./PzIcon-
|
|
1
|
+
import{_ as c}from"./PzIcon-Ca7FxSKr.js";import{P as g}from"./PzText-CK9m6o-j.js";import{p as d}from"./configs-B15JgQZ-.js";import{P as o}from"./PzTag-CNtLtNax.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m=["grey","blue","green","red","grey-light"],f=["span","div","li"],v=[{variant:"grey",label:"Neutral"},{variant:"grey-light",label:"Neutral light"},{variant:"blue",label:"Information"},{variant:"green",label:"Verified"},{variant:"red",label:"Important"}],y=t=>{const e=[t.variant!=="grey"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(l=>!!l).join(" "),n=t.showPrefix?`
|
|
2
2
|
<template #prefix>
|
|
3
3
|
<PzIcon name="sell" size="12" />
|
|
4
4
|
</template>`:"",p=t.showSuffix?`
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-text[data-v-2680fad4]{margin:0;padding:0}.pz-text--h1-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-44)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h1-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-44)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h2-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-32)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-20)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h3-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h3-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h4-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h4-semibold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h4-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--subtitle[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--body-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--body-semibold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--body-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--capitalized[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));text-decoration:line-through}.pz-text--small-regular[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--small-semibold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--small-bold[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--link[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));color:var(--pz-color-text-link);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-2680fad4]:hover{color:var(--pz-color-text-link-hover)}.pz-text--document[data-v-2680fad4]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as n,y as r,f as d,z as p,g as u,A as i,o as m,B as c}from"./iframe-
|
|
1
|
+
import{d as n,y as r,f as d,z as p,g as u,A as i,o as m,B as c}from"./iframe-Ck0HMRNq.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=n({name:"PzText",__name:"PzText",props:{variant:{default:"body-regular"},as:{default:void 0}},setup(a){const t={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},s=a,l=u(()=>s.as??t[s.variant]??"span");return(o,h)=>(m(),r(p(l.value),{class:d(["pz-text",`pz-text--${a.variant}`])},{default:i(()=>[c(o.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),g=f(e,[["__scopeId","data-v-2680fad4"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzTextVariant"},defaultValue:{func:!1,value:'"body-regular"'}},{name:"as",required:!1,type:{name:"PzTextTag"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzText/PzText.vue"]});export{g as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as De,p as Pe}from"./configs-B15JgQZ-.js";import{P as R}from"./PzText-
|
|
1
|
+
import{a as De,p as Pe}from"./configs-B15JgQZ-.js";import{P as R}from"./PzText-CK9m6o-j.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const $e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),Ee={title:"Components/Text/PzText",component:R,parameters:{prototype:{caption:"Text component",note:"Component-level playground for semantic tag overrides and text variant rendering."},docs:{description:{component:"Vue text primitive for rendering the shared typography variants. Use `Foundation/Typography` for the full type-scale reference and `Components/Text/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
|
|
2
2
|
<PzText ${[a.variant?`variant="${a.variant}"`:null,a.as?`as="${a.as}"`:null,a.content?`content="${a.content}"`:null].filter(Boolean).join(" ")} />
|
|
3
3
|
</template>`}}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:Pe,description:"Text style variant from the Design System."},as:{control:"select",options:De,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:r=>({components:{pzText:R},setup(){const e=$e(r.variant??"body-regular");return{args:r,currentLabel:e}},template:`
|
|
4
4
|
<section class="pz-text-demo">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{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 42%);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-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-82381675]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;overflow-wrap:break-word;font-size:var(--pz-text-clamp-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-clamp-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-clamp-line-height, var(--pz-typography-line-height, 1.5))}.pz-text-clamp__btn[data-v-82381675]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
|
|
1
|
+
.pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{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 42%);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-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-82381675]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-text-clamp-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-clamp-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-clamp-line-height, var(--pz-typography-line-height, 1.5))}.pz-text-clamp__btn[data-v-82381675]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as se,a3 as xe,w as x,a4 as fe,h as _e,o as q,e as ge,q as U,B as H,v as g,n as he,r as C,g as v,i as X,y as Y,A as G,f as ve,Y as ze,C as ye,t as be,p as we}from"./iframe-BzsKgjQJ.js";import{P as oe}from"./PzText-DleGs8Gs.js";import{p as Ce}from"./configs-B15JgQZ-.js";import{P as Le}from"./PzBtn-rQdaPtw0.js";import{_ as Te}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var R=null;function Se(e){return R||(R=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){return setTimeout(a,16)}).bind(window)),R(e)}var N=null;function Pe(e){N||(N=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(a){clearTimeout(a)}).bind(window)),N(e)}function Ee(e){var a=document.createElement("style");return a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(a),a}function z(e,a){a===void 0&&(a={});var t=document.createElement(e);return Object.keys(a).forEach(function(r){t[r]=a[r]}),t}function ie(e,a,t){var r=window.getComputedStyle(e,null)||{display:"none"};return r[a]}function O(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var a=e;a!==document;){if(ie(a,"display")==="none")return{detached:!1,rendered:!1};a=a.parentNode}return{detached:!1,rendered:!0}}var ke='.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}',A=0,L=null;function Re(e,a){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=He.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var r=e.offsetWidth,i=e.offsetHeight,o=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===r&&e.offsetHeight===i)||S(e)}),n=O(e),p=n.detached,d=n.rendered;e.__resize_observer_triggered__=p===!1&&d===!1,e.__resize_observer__=o,o.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){S(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(A||(L=Ee(ke)),Oe(e),e.__resize_rendered__=O(e).rendered,window.MutationObserver){var l=new MutationObserver(e.__resize_mutation_handler__);l.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=l}}e.__resize_listeners__.push(a),A++}function Ne(e,a){var t=e.__resize_listeners__;if(t){if(a&&t.splice(t.indexOf(a),1),!t.length||!a){if(e.detachEvent&&e.removeEventListener){e.detachEvent("onresize",e.__resize_legacy_resize_handler__),document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);return}e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",B),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--A&&L&&L.parentNode.removeChild(L)}}function qe(e){var a=e.__resize_last__,t=a.width,r=a.height,i=e.offsetWidth,o=e.offsetHeight;return i!==t||o!==r?{width:i,height:o}:null}function He(){var e=O(this),a=e.rendered,t=e.detached;a!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(F(this),this.addEventListener("scroll",B,!0)),this.__resize_rendered__=a,S(this))}function B(){var e=this;F(this),this.__resize_raf__&&Pe(this.__resize_raf__),this.__resize_raf__=Se(function(){var a=qe(e);a&&(e.__resize_last__=a,S(e))})}function S(e){!e||!e.__resize_listeners__||e.__resize_listeners__.forEach(function(a){a.call(e,e)})}function Oe(e){var a=ie(e,"position");(!a||a==="static")&&(e.style.position="relative"),e.__resize_old_position__=a,e.__resize_last__={};var t=z("div",{className:"resize-triggers"}),r=z("div",{className:"resize-expand-trigger"}),i=z("div"),o=z("div",{className:"resize-contract-trigger"});r.appendChild(i),t.appendChild(r),t.appendChild(o),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:r,expandChild:i,contract:o},F(e),e.addEventListener("scroll",B,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}function F(e){var a=e.__resize_triggers__,t=a.expand,r=a.expandChild,i=a.contract,o=i.scrollWidth,n=i.scrollHeight,p=t.offsetWidth,d=t.offsetHeight,l=t.scrollWidth,f=t.scrollHeight;i.scrollLeft=o,i.scrollTop=n,r.style.width=p+1+"px",r.style.height=d+1+"px",t.scrollLeft=l,t.scrollTop=f}const Ae=["aria-label"];var le=se({__name:"text-clamp",props:{text:{type:String,required:!0},maxHeight:{type:[String,Number],required:!1},maxLines:{type:Number,required:!1},expanded:{type:Boolean,required:!1,default:!1},location:{type:String,required:!1,default:"end"},ellipsis:{type:String,required:!1,default:"…"},autoResize:{type:Boolean,required:!1,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:a}){const t=e,r=C(null),i=C(null),o=C(null),n=xe({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),p=v(()=>{if(!n.localExpanded&&t.maxHeight)return typeof(t==null?void 0:t.maxHeight)=="number"?`${t==null?void 0:t.maxHeight}px`:t==null?void 0:t.maxHeight}),d=()=>{o.value&&(o.value.textContent=ue.value)},l=()=>{n.localExpanded||(d(),(h()||c.value)&&E())},f=()=>{t.text&&(n.offset=t.text.length,V(),t.autoResize&&r.value&&(Re(r.value,l),n.unregisterResizeCallback=()=>{r.value&&Ne(r.value,l)}),l())},V=()=>{var s;(s=n.unregisterResizeCallback)==null||s.call(n)},h=()=>!(!t.maxLines&&!t.maxHeight)&&!!r.value&&(!!(t.maxLines&&P()>t.maxLines)||!!(t.maxHeight&&r.value.scrollHeight>r.value.offsetHeight)),P=()=>i.value?Object.keys(Array.prototype.slice.call(i.value.getClientRects()).reduce((s,{top:u,bottom:_})=>{const m=`${u}/${_}`;return s[m]||(s[m]=!0),s},{})).length:0,E=(...s)=>{const[u=0,_=n.offset]=s;if(_-u<=3)return void de();const m=Math.floor((_+u)/2);k(m),h()?E(u,m):E(m,_)},k=s=>{n.offset=s,d()},de=()=>{pe(),ce()},pe=()=>{for(;(!h()||P()<2)&&n.offset<t.text.length;)j(1)},ce=()=>{for(;h()&&P()>1&&n.offset>0;)j(-1)},j=s=>{k(n.offset+s)},c=v(()=>!!t.text&&n.offset!==t.text.length);x(()=>c.value,s=>{setTimeout(()=>{a("clamp-change",s)},0)},{immediate:!0});const ue=v(()=>c.value?me.value:t.text),me=v(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-n.offset)||"").trim();if(t.location==="middle"){const s=Math.floor(n.offset/2);return(t.text.slice(0,s)||"").trim()+t.ellipsis+(t.text.slice(-s)||"").trim()}return(t.text.slice(0,n.offset)||"").trim()+t.ellipsis}),D=()=>{n.localExpanded=!0},W=()=>{n.localExpanded=!1},I=()=>{n.localExpanded=!n.localExpanded};return x(()=>t.expanded,s=>{n.localExpanded=s}),x(()=>n.localExpanded,s=>{s?k(t.text.length):l(),t.expanded!==s&&a("update:expanded",s)}),x(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,c.value].join(),()=>{X(()=>{l()})}),x(()=>[t.text,t.autoResize].join(),()=>{X(()=>{f()})}),fe(()=>{V()}),_e(()=>{f()}),(s,u)=>(q(),ge("div",{ref_key:"textClampRef",ref:r,class:"text-clamp",style:he({overflow:"hidden",maxHeight:g(p)})},[U("span",{ref_key:"contentRef",ref:i},[H(s.$slots,"before",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded}),U("span",{ref_key:"textRef",ref:o,"aria-label":e.text},null,8,Ae),H(s.$slots,"after",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded})],512)],4))}});le.__file="package/text-clamp.vue";const Me=e=>(e.install=function(a){a.component(e.__name,e)},e),$e=Me(le),Be=3,Fe="... ",T=se({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:Be},clampPostfix:{default:Fe},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{default:"Show more"},collapseLabel:{default:"Collapse"},typography:{}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=a,r=o=>{t("update:expanded",o)},i=o=>{t("clamp-change",o)};return(o,n)=>(q(),Y(g($e),{text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,expanded:e.expanded,"auto-resize":e.autoResize,class:ve(["pz-text-clamp",e.typography?`pz-typography--${e.typography}`:null]),"onUpdate:expanded":r,onClampChange:i},{after:G(({toggle:p,expanded:d,clamped:l})=>[H(o.$slots,"toggle",{toggle:p,expanded:d,clamped:l},()=>[l||d?(q(),Y(g(Le),{key:0,variant:"transparent",type:"button",typography:e.typography??"body-regular",class:"pz-text-clamp__btn",onClick:ze(p,["stop"])},{default:G(()=>[ye(be(d?e.collapseLabel:e.expandLabel),1)]),_:2},1032,["typography","onClick"])):we("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize","class"]))}}),M=Te(T,[["__scopeId","data-v-82381675"]]);T.__docgenInfo=Object.assign({displayName:T.name??T.__name},{name:"PzTextClamp",exportName:"default",displayName:"PzTextClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"MAX_CONTENT_LINES"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"DEFAULT_CLAMP_POSTFIX"}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"autoResize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Show more"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Collapse"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],events:[{name:"update:expanded",type:{names:["boolean"]}},{name:"clamp-change",type:{names:["boolean"]}}],slots:[{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"clamped",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzTextClamp/PzTextClamp.vue"]});const $=[{kicker:"News teaser",title:"Two lines with default toggle",text:"The procurement framework for recovery projects should remain readable even when editors add dense context, supporting details, and legal clarifications into a single preview paragraph.",maxContentLines:2},{kicker:"Tender summary",title:"Three lines with longer body copy",text:"Prozorro teams often need the first block of text to stay compact inside cards, while still giving visitors a way to reveal the full explanation, deadlines, and rationale without leaving the page context.",maxContentLines:3},{kicker:"Always expanded",title:"Controlled expanded state",text:"This example starts opened to show that the wrapper supports v-model style control through update:expanded and still keeps the same text treatment as the collapsed variant.",maxContentLines:2,expanded:!0}],Ve=e=>`<template>
|
|
1
|
+
import{d as se,a3 as xe,w as x,a4 as fe,h as _e,o as q,e as ge,q as U,B as H,v as g,n as he,r as C,g as v,i as X,y as Y,A as G,f as ve,Y as ze,C as ye,t as be,p as we}from"./iframe-Ck0HMRNq.js";import{P as oe}from"./PzText-CK9m6o-j.js";import{p as Ce}from"./configs-B15JgQZ-.js";import{P as Le}from"./PzBtn-DMSO1x65.js";import{_ as Te}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var R=null;function Se(e){return R||(R=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){return setTimeout(a,16)}).bind(window)),R(e)}var N=null;function Pe(e){N||(N=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(a){clearTimeout(a)}).bind(window)),N(e)}function Ee(e){var a=document.createElement("style");return a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(a),a}function z(e,a){a===void 0&&(a={});var t=document.createElement(e);return Object.keys(a).forEach(function(r){t[r]=a[r]}),t}function ie(e,a,t){var r=window.getComputedStyle(e,null)||{display:"none"};return r[a]}function O(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var a=e;a!==document;){if(ie(a,"display")==="none")return{detached:!1,rendered:!1};a=a.parentNode}return{detached:!1,rendered:!0}}var ke='.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}',A=0,L=null;function Re(e,a){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=He.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var r=e.offsetWidth,i=e.offsetHeight,o=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===r&&e.offsetHeight===i)||S(e)}),n=O(e),p=n.detached,d=n.rendered;e.__resize_observer_triggered__=p===!1&&d===!1,e.__resize_observer__=o,o.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){S(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(A||(L=Ee(ke)),Oe(e),e.__resize_rendered__=O(e).rendered,window.MutationObserver){var l=new MutationObserver(e.__resize_mutation_handler__);l.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=l}}e.__resize_listeners__.push(a),A++}function Ne(e,a){var t=e.__resize_listeners__;if(t){if(a&&t.splice(t.indexOf(a),1),!t.length||!a){if(e.detachEvent&&e.removeEventListener){e.detachEvent("onresize",e.__resize_legacy_resize_handler__),document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);return}e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",B),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--A&&L&&L.parentNode.removeChild(L)}}function qe(e){var a=e.__resize_last__,t=a.width,r=a.height,i=e.offsetWidth,o=e.offsetHeight;return i!==t||o!==r?{width:i,height:o}:null}function He(){var e=O(this),a=e.rendered,t=e.detached;a!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(F(this),this.addEventListener("scroll",B,!0)),this.__resize_rendered__=a,S(this))}function B(){var e=this;F(this),this.__resize_raf__&&Pe(this.__resize_raf__),this.__resize_raf__=Se(function(){var a=qe(e);a&&(e.__resize_last__=a,S(e))})}function S(e){!e||!e.__resize_listeners__||e.__resize_listeners__.forEach(function(a){a.call(e,e)})}function Oe(e){var a=ie(e,"position");(!a||a==="static")&&(e.style.position="relative"),e.__resize_old_position__=a,e.__resize_last__={};var t=z("div",{className:"resize-triggers"}),r=z("div",{className:"resize-expand-trigger"}),i=z("div"),o=z("div",{className:"resize-contract-trigger"});r.appendChild(i),t.appendChild(r),t.appendChild(o),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:r,expandChild:i,contract:o},F(e),e.addEventListener("scroll",B,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}function F(e){var a=e.__resize_triggers__,t=a.expand,r=a.expandChild,i=a.contract,o=i.scrollWidth,n=i.scrollHeight,p=t.offsetWidth,d=t.offsetHeight,l=t.scrollWidth,f=t.scrollHeight;i.scrollLeft=o,i.scrollTop=n,r.style.width=p+1+"px",r.style.height=d+1+"px",t.scrollLeft=l,t.scrollTop=f}const Ae=["aria-label"];var le=se({__name:"text-clamp",props:{text:{type:String,required:!0},maxHeight:{type:[String,Number],required:!1},maxLines:{type:Number,required:!1},expanded:{type:Boolean,required:!1,default:!1},location:{type:String,required:!1,default:"end"},ellipsis:{type:String,required:!1,default:"…"},autoResize:{type:Boolean,required:!1,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:a}){const t=e,r=C(null),i=C(null),o=C(null),n=xe({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),p=v(()=>{if(!n.localExpanded&&t.maxHeight)return typeof(t==null?void 0:t.maxHeight)=="number"?`${t==null?void 0:t.maxHeight}px`:t==null?void 0:t.maxHeight}),d=()=>{o.value&&(o.value.textContent=ue.value)},l=()=>{n.localExpanded||(d(),(h()||c.value)&&E())},f=()=>{t.text&&(n.offset=t.text.length,V(),t.autoResize&&r.value&&(Re(r.value,l),n.unregisterResizeCallback=()=>{r.value&&Ne(r.value,l)}),l())},V=()=>{var s;(s=n.unregisterResizeCallback)==null||s.call(n)},h=()=>!(!t.maxLines&&!t.maxHeight)&&!!r.value&&(!!(t.maxLines&&P()>t.maxLines)||!!(t.maxHeight&&r.value.scrollHeight>r.value.offsetHeight)),P=()=>i.value?Object.keys(Array.prototype.slice.call(i.value.getClientRects()).reduce((s,{top:u,bottom:_})=>{const m=`${u}/${_}`;return s[m]||(s[m]=!0),s},{})).length:0,E=(...s)=>{const[u=0,_=n.offset]=s;if(_-u<=3)return void de();const m=Math.floor((_+u)/2);k(m),h()?E(u,m):E(m,_)},k=s=>{n.offset=s,d()},de=()=>{pe(),ce()},pe=()=>{for(;(!h()||P()<2)&&n.offset<t.text.length;)j(1)},ce=()=>{for(;h()&&P()>1&&n.offset>0;)j(-1)},j=s=>{k(n.offset+s)},c=v(()=>!!t.text&&n.offset!==t.text.length);x(()=>c.value,s=>{setTimeout(()=>{a("clamp-change",s)},0)},{immediate:!0});const ue=v(()=>c.value?me.value:t.text),me=v(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-n.offset)||"").trim();if(t.location==="middle"){const s=Math.floor(n.offset/2);return(t.text.slice(0,s)||"").trim()+t.ellipsis+(t.text.slice(-s)||"").trim()}return(t.text.slice(0,n.offset)||"").trim()+t.ellipsis}),D=()=>{n.localExpanded=!0},W=()=>{n.localExpanded=!1},I=()=>{n.localExpanded=!n.localExpanded};return x(()=>t.expanded,s=>{n.localExpanded=s}),x(()=>n.localExpanded,s=>{s?k(t.text.length):l(),t.expanded!==s&&a("update:expanded",s)}),x(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,c.value].join(),()=>{X(()=>{l()})}),x(()=>[t.text,t.autoResize].join(),()=>{X(()=>{f()})}),fe(()=>{V()}),_e(()=>{f()}),(s,u)=>(q(),ge("div",{ref_key:"textClampRef",ref:r,class:"text-clamp",style:he({overflow:"hidden",maxHeight:g(p)})},[U("span",{ref_key:"contentRef",ref:i},[H(s.$slots,"before",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded}),U("span",{ref_key:"textRef",ref:o,"aria-label":e.text},null,8,Ae),H(s.$slots,"after",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded})],512)],4))}});le.__file="package/text-clamp.vue";const Me=e=>(e.install=function(a){a.component(e.__name,e)},e),$e=Me(le),Be=3,Fe="... ",T=se({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:Be},clampPostfix:{default:Fe},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{default:"Show more"},collapseLabel:{default:"Collapse"},typography:{}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=a,r=o=>{t("update:expanded",o)},i=o=>{t("clamp-change",o)};return(o,n)=>(q(),Y(g($e),{text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,expanded:e.expanded,"auto-resize":e.autoResize,class:ve(["pz-text-clamp",e.typography?`pz-typography--${e.typography}`:null]),"onUpdate:expanded":r,onClampChange:i},{after:G(({toggle:p,expanded:d,clamped:l})=>[H(o.$slots,"toggle",{toggle:p,expanded:d,clamped:l},()=>[l||d?(q(),Y(g(Le),{key:0,variant:"transparent",type:"button",typography:e.typography??"body-regular",class:"pz-text-clamp__btn",onClick:ze(p,["stop"])},{default:G(()=>[ye(be(d?e.collapseLabel:e.expandLabel),1)]),_:2},1032,["typography","onClick"])):we("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize","class"]))}}),M=Te(T,[["__scopeId","data-v-82381675"]]);T.__docgenInfo=Object.assign({displayName:T.name??T.__name},{name:"PzTextClamp",exportName:"default",displayName:"PzTextClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"MAX_CONTENT_LINES"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"DEFAULT_CLAMP_POSTFIX"}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"autoResize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Show more"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Collapse"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],events:[{name:"update:expanded",type:{names:["boolean"]}},{name:"clamp-change",type:{names:["boolean"]}}],slots:[{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"clamped",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzTextClamp/PzTextClamp.vue"]});const $=[{kicker:"News teaser",title:"Two lines with default toggle",text:"The procurement framework for recovery projects should remain readable even when editors add dense context, supporting details, and legal clarifications into a single preview paragraph.",maxContentLines:2},{kicker:"Tender summary",title:"Three lines with longer body copy",text:"Prozorro teams often need the first block of text to stay compact inside cards, while still giving visitors a way to reveal the full explanation, deadlines, and rationale without leaving the page context.",maxContentLines:3},{kicker:"Always expanded",title:"Controlled expanded state",text:"This example starts opened to show that the wrapper supports v-model style control through update:expanded and still keeps the same text treatment as the collapsed variant.",maxContentLines:2,expanded:!0}],Ve=e=>`<template>
|
|
2
2
|
<PzTextClamp ${[`text="${e.text}"`,e.maxContentLines!==3?`:max-content-lines="${e.maxContentLines}"`:null,e.clampPostfix!=="... "?`clamp-postfix="${e.clampPostfix}"`:null,e.expandLabel!=="Show more"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Collapse"?`collapse-label="${e.collapseLabel}"`:null,e.expanded?':expanded="true"':null].filter(t=>!!t).join(" ")} />
|
|
3
3
|
</template>`,je=()=>`<template>
|
|
4
4
|
<PzTextClamp
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-textarea[data-v-2c726136]{--pz-textarea-background: var(--pz-color-white);--pz-textarea-border: var(--pz-color-grey-30);--pz-textarea-text: var(--pz-color-text-primary);--pz-textarea-placeholder: var(--pz-color-grey-50);--pz-textarea-counter: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-textarea-text);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-textarea-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-textarea-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-textarea-line-height, var(--pz-typography-line-height, 1.5))}.pz-textarea-wrap[data-v-2c726136]{position:relative;display:block}.pz-textarea-control[data-v-2c726136]{display:block;width:100%;padding:var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-textarea-border);background-color:var(--pz-textarea-background);color:var(--pz-textarea-text);font:inherit;resize:none}.pz-textarea-control[data-v-2c726136]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-textarea-control[data-v-2c726136]::placeholder{color:var(--pz-textarea-placeholder)}.pz-textarea-control[data-v-2c726136]:disabled{--pz-textarea-background: transparent;--pz-textarea-text: var(--pz-color-grey-40);--pz-textarea-placeholder: var(--pz-color-grey-40);--pz-textarea-counter: var(--pz-color-grey-40);cursor:default;resize:none}.pz-textarea-control--counted[data-v-2c726136]{padding-bottom:var(--pz-space-32)}.pz-textarea-readonly[data-v-2c726136]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}.pz-textarea-counter[data-v-2c726136]{position:absolute;right:var(--pz-space-12);bottom:var(--pz-space-12);color:var(--pz-textarea-counter);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-textarea-counter-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-textarea-counter-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-textarea-counter-line-height, var(--pz-typography-line-height, 1.5))}.pz-textarea-error[data-v-2c726136]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-textarea-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-textarea-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-textarea-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-textarea.error .pz-textarea-control[data-v-2c726136]{border-color:var(--pz-color-red-50)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as q,U as P,e as n,u as _,A as T,v as M,f as x,V as b,o as d,W as S,q as B,Z as $,t as u,p as v,g as k,r,w as N}from"./iframe-
|
|
1
|
+
import{d as q,U as P,e as n,u as _,A as T,v as M,f as x,V as b,o as d,W as S,q as B,Z as $,t as u,p as v,g as k,r,w as N}from"./iframe-Ck0HMRNq.js";import{P as C}from"./PzText-CK9m6o-j.js";import{P as I}from"./PzLabel-D6J3QfP3.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j={key:0,class:"pz-textarea-wrap"},A=["id","placeholder","disabled","maxlength","required","rows"],D={key:0,class:"pz-textarea-counter"},U=["id"],E={key:2,class:"pz-textarea-error"},c=q({name:"PzTextarea",__name:"PzTextarea",props:b({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},counted:{type:Boolean,default:!1},maxSize:{default:1e3},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},rows:{default:4}},{modelValue:{default:""},modelModifiers:{}}),emits:b(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:l}){const a=e,i=l,o=P(e,"modelValue"),m=k(()=>o.value.length);return(f,t)=>(d(),n("div",{class:x(["pz-textarea",{error:!!a.errorMessage,disabled:a.disabled}])},[_(M(I),{label:a.label,for:a.name,required:a.required,disabled:a.disabled},{default:T(()=>[a.editable?(d(),n("span",j,[S(B("textarea",{id:a.name,"onUpdate:modelValue":t[0]||(t[0]=s=>o.value=s),placeholder:a.placeholder,disabled:a.disabled,maxlength:a.counted?a.maxSize:void 0,required:a.required,rows:a.rows,class:x(["pz-textarea-control",{"pz-textarea-control--counted":a.counted}]),onBlur:t[1]||(t[1]=s=>i("blur")),onFocus:t[2]||(t[2]=s=>i("focus"))},null,42,A),[[$,o.value]]),a.counted?(d(),n("span",D,u(m.value)+"/"+u(a.maxSize),1)):v("",!0)])):(d(),n("div",{key:1,id:a.name,class:"pz-textarea-readonly"},u(o.value),9,U)),a.errorMessage?(d(),n("span",E,u(a.errorMessage),1)):v("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),z=F(c,[["__scopeId","data-v-2c726136"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzTextarea",exportName:"default",displayName:"PzTextarea",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"rows",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"4"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzTextarea/PzTextarea.vue"]});const w=2,L=e=>`<template>
|
|
2
2
|
<PzTextarea
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.rows&&e.rows!==w?`:rows="${e.rows}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null].filter(a=>!!a).join(" ")}
|
package/dist/app/assets/{PzValidatorXSS.stories-DaNuVVc1.js → PzValidatorXSS.stories-Dkc10ER7.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,g as z}from"./iframe-
|
|
1
|
+
import{r as c,g as z}from"./iframe-Ck0HMRNq.js";import{P as u}from"./PzText-CK9m6o-j.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";class s{static validQuery(t){const i={};return Object.keys(t).forEach(e=>{const a=t[e];Array.isArray(a)?i[e]=a.map(n=>s.validString(n)):i[e]=s.validString(a)}),i}static validString(t){return t==null?"":String(t).replace(/<[^>]*>/gim,"").trim()}}const m=o=>`<script setup lang="ts">
|
|
2
2
|
import { PzValidatorXSS } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const input = "${o.testInput}";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as n}from"./PzText-
|
|
1
|
+
import{P as n}from"./PzText-CK9m6o-j.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p=[{token:"4",value:"4px",variable:"--pz-space-4",utility:"pz-m-4 / pz-p-4",note:"Gap between a title and its supporting text."},{token:"8",value:"8px",variable:"--pz-space-8",utility:"pz-m-8 / pz-p-8",note:"Gap between dependent text rows."},{token:"16",value:"16px",variable:"--pz-space-16",utility:"pz-m-16 / pz-p-16",note:"Spacing for title blocks, table content, and link groups."},{token:"20",value:"20px",variable:"--pz-space-20",utility:"pz-m-20 / pz-p-20",note:"Gap between equal elements."},{token:"24",value:"24px",variable:"--pz-space-24",utility:"pz-m-24 / pz-p-24",note:"Spacing for docs, dividers, and tab padding."},{token:"32",value:"32px",variable:"--pz-space-32",utility:"pz-m-32 / pz-p-32",note:"Inset from content to nested background edges."},{token:"40",value:"40px",variable:"--pz-space-40",utility:"pz-m-40 / pz-p-40",note:"Large inset inside nested content areas."},{token:"44",value:"44px",variable:"--pz-space-44",utility:"pz-m-44 / pz-p-44",note:"Gap between a header and content in cabinet layouts."},{token:"60",value:"60px",variable:"--pz-space-60",utility:"pz-m-60 / pz-p-60",note:"Gap between equal large blocks."}],s=[{title:"Margin utilities",note:"Outer spacing",items:[{name:".pz-m-*",description:"Margin on all sides."},{name:".pz-mt-* / .pz-mr-* / .pz-mb-* / .pz-ml-*",description:"Single-side margin utilities."},{name:".pz-mx-* / .pz-my-*",description:"Inline and block axis margin utilities."},{name:".pz-m-auto / .pz-mx-auto / .pz-my-auto",description:"Auto alignment helpers."}]},{title:"Padding utilities",note:"Inner spacing",items:[{name:".pz-p-*",description:"Padding on all sides."},{name:".pz-pt-* / .pz-pr-* / .pz-pb-* / .pz-pl-*",description:"Single-side padding utilities."},{name:".pz-px-* / .pz-py-*",description:"Inline and block axis padding utilities."}]}],o=[{name:"sm",prefix:".pz-{prop}-sm-{value}",minWidth:"≥ 576px",description:"Small viewports and up."},{name:"md",prefix:".pz-{prop}-md-{value}",minWidth:"≥ 768px",description:"Tablet breakpoint and up."},{name:"lg",prefix:".pz-{prop}-lg-{value}",minWidth:"≥ 1024px",description:"Large viewports and up."},{name:"xl",prefix:".pz-{prop}-xl-{value}",minWidth:"≥ 1200px",description:"Desktop breakpoint and up."},{name:"xxl",prefix:".pz-{prop}-xxl-{value}",minWidth:"≥ 1400px",description:"Wide displays and up."}],u={title:"Foundation/Spacing",parameters:{prototype:{caption:"Spacing scale",note:"Spacing token and utility reference for margin and padding helpers."},docs:{description:{component:"Spacing foundation for `@prozorro/prozorro-ui`. The utility module emits `pz-m-*` and `pz-p-*` classes backed by the shared `--pz-space-*` token scale aligned with the visible Figma spacing board."}}},render:()=>({components:{pzText:n},setup(){return{spacingTokens:p,utilityGroups:s,spacingBreakpoints:o}},template:`
|
|
2
2
|
<div class="spacing-foundation">
|
|
3
3
|
<section class="spacing-foundation-board">
|
|
4
4
|
<header class="spacing-foundation-hero">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as p}from"./PzText-
|
|
1
|
+
import{P as p}from"./PzText-CK9m6o-j.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a=[{variant:"h1-bold",label:"Headline Bold 1",spec:"44px / 700 / 1.5"},{variant:"h1-regular",label:"Headline Regular 1",spec:"44px / 400 / 1.5"},{variant:"h2-bold",label:"Headline Bold 2",spec:"32px / 700 / 1.5"},{variant:"h3-bold",label:"Headline Bold 3",spec:"24px / 700 / 1.5"},{variant:"h3-regular",label:"Headline Regular 3",spec:"24px / 400 / 1.5"},{variant:"h4-regular",label:"Headline Regular 4",spec:"18px / 400 / 1.5"},{variant:"h4-semibold",label:"Headline Semibold 4",spec:"18px / 600 / 1.5"},{variant:"h4-bold",label:"Headline Bold 4",spec:"18px / 700 / 1.5"},{variant:"subtitle",label:"Subtitle",spec:"16px / 600 / 1.5"},{variant:"body-regular",label:"Body text regular",spec:"14px / 400 / 1.5"},{variant:"body-semibold",label:"Body text semibold",spec:"14px / 600 / 1.5"},{variant:"body-bold",label:"Body text bold",spec:"14px / 700 / 1.5"},{variant:"capitalized",label:"Capitalized text",spec:"14px / 400 / uppercase"},{variant:"hint",label:"Hint text",spec:"14px / 400 / muted"},{variant:"line-through",label:"Archived value",spec:"14px / 400 / strike"},{variant:"small-regular",label:"Small text regular",spec:"12px / 400 / 1.5"},{variant:"small-semibold",label:"Small text semibold",spec:"12px / 600 / 1.5"},{variant:"small-bold",label:"Small text bold",spec:"12px / 700 / 1.5"},{variant:"link",label:"Review procurement details",spec:"14px / 400 / underline"},{variant:"document",label:"Document text",spec:"14px / 400 / default"}],t=8,r=15,n=[{title:"Headlines",description:"Primary hierarchy for pages, sections and table headers.",items:a.slice(0,t)},{title:"Reading text",description:"Core editorial styles for descriptions, summaries and UI copy.",items:a.slice(t,r)},{title:"Utility styles",description:"Compact text styles for metadata, helpers and document references.",items:a.slice(r)}],x={title:"Foundation/Typography",parameters:{prototype:{caption:"Typography reference",note:"Foundation board for validating hierarchy, weight, and text semantics against the shared design-system scale."},docs:{description:{component:"Typography foundation reference. Use this page to review the full type scale and variant grouping; use `Components/Text/PzText` for the component API."}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},render:o=>({components:{pzText:p},setup(){return{args:o,typographyReferenceGroups:n}},template:`
|
|
2
2
|
<div class="pz-text-board">
|
|
3
3
|
<section class="pz-text-board-hero">
|
|
4
4
|
<div class="pz-text-board-hero-copy">
|