@prozorro/prozorro-ui 0.0.7-beta → 0.0.8

package/dist/app/assets/PzTag.stories-B2WKURWu.js

@@ -0,0 +1,70 @@
+import{_ as u}from"./PzIcon-Don8TXO3.js";import{_ as z,P as v}from"./PzText-LfRr6NF7.js";import{d as y,j as b,w as x,f as h,G as T,o as r,e as l,r as n,h as p,y as P}from"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const _=["grey","blue","green","red","grey-light"],w=["span","div","li"],S={key:0,class:"pz-tag-prefix"},$={class:"pz-tag-label"},k={key:1,class:"pz-tag-suffix"},o=y({name:"PzTag",__name:"PzTag",props:{variant:{default:"grey"},as:{default:"span"}},setup(e){const t=e;return(a,i)=>(r(),b(T(t.as),{class:h(["pz-tag",`pz-tag--${t.variant}`])},{default:x(()=>[a.$slots.prefix?(r(),l("span",S,[n(a.$slots,"prefix",{},void 0,!0)])):p("",!0),P("span",$,[n(a.$slots,"default",{},void 0,!0)]),a.$slots.suffix?(r(),l("span",k,[n(a.$slots,"suffix",{},void 0,!0)])):p("",!0)]),_:3},8,["class"]))}}),c=z(o,[["__scopeId","data-v-7a827d32"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__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"'}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzTag/PzTag.vue"]});const I=[{variant:"grey",label:"Neutral"},{variant:"grey-light",label:"Neutral light"},{variant:"blue",label:"Information"},{variant:"green",label:"Verified"},{variant:"red",label:"Important"}],V=e=>{const t=[e.variant!=="grey"?`variant="${e.variant}"`:null,e.as!=="span"?`as="${e.as}"`:null].filter(f=>!!f).join(" "),a=e.showPrefix?`
+    <template #prefix>
+      <PzIcon name="sell" size="12" />
+    </template>`:"",i=e.showSuffix?`
+    <template #suffix>
+      <PzIcon name="close" size="12" />
+    </template>`:"";return`<template>
+  <PzTag ${t}>${a}
+    ${e.label}${i}
+  </PzTag>
+</template>`},C={title:"Components/Display/PzTag",component:c,parameters:{prototype:{caption:"Tag component",note:"Figma node access was blocked in this environment, so the tag styling is inferred from the existing tag token set and implemented as a compact slot-based pill."},docs:{description:{component:"Use `PzTag` for compact semantic labels. Variants map directly to the shared tag tokens, and optional prefix or suffix content should be composed through slots."},source:{transform:(e,t)=>V(t.args??C.args)}}},args:{variant:"blue",as:"span",label:"Open data",showPrefix:!0,showSuffix:!1},argTypes:{variant:{control:"inline-radio",options:_,description:"Semantic tag color variant."},as:{control:"select",options:w,description:"HTML tag used for the wrapper."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a composed prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a composed suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzTag:c,pzText:v,pzIcon:u},setup(){return{args:e,tagReferenceItems:I}},template:`
+      <div class="pz-tag-story">
+        <section class="pz-tag-story-board">
+          <div class="pz-tag-story-header">
+            <div>
+              <span class="pz-tag-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Compact token-backed labels</pz-text>
+            </div>
+            <span class="pz-tag-story-chip">{{ args.variant }}</span>
+          </div>
+
+          <div class="pz-tag-story-preview">
+            <pz-tag
+              :variant="args.variant"
+              :as="args.as"
+            >
+              <template v-if="args.showPrefix" #prefix>
+                <pz-icon
+                  name="sell"
+                  size="12"
+                  label="Tag prefix icon"
+                />
+              </template>
+
+              {{ args.label }}
+
+              <template v-if="args.showSuffix" #suffix>
+                <pz-icon
+                  name="close"
+                  size="12"
+                  label="Tag suffix icon"
+                />
+              </template>
+            </pz-tag>
+          </div>
+        </section>
+
+        <section class="pz-tag-story-gallery">
+          <div class="pz-tag-story-header">
+            <div>
+              <span class="pz-tag-story-eyebrow">Variants</span>
+              <pz-text variant="h4-bold">Semantic labels stay easy to restyle</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-tag-story-grid">
+            <article
+              v-for="item in tagReferenceItems"
+              :key="item.variant"
+              class="pz-tag-story-card"
+            >
+              <div class="pz-tag-story-row">
+                <pz-tag :variant="item.variant">{{ item.label }}</pz-tag>
+              </div>
+              <p class="pz-tag-story-code">.pz-tag { --pz-tag-background; --pz-tag-color; --pz-tag-radius; }</p>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},s={};var d,g,m;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(g=s.parameters)==null?void 0:g.docs)==null?void 0:m.source}}};const q=["Playground"];export{s as Playground,q as __namedExportsOrder,C as default};

package/dist/app/assets/{PzText-B1cefxtz.js → PzText-LfRr6NF7.js}

@@ -1 +1 @@
-import{d as l,o as r,e as d,w as p,r as i,n as c,f as u,g as m}from"./iframe-AHEBgGuT.js";const t=l({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(e){const s={"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"},a=e,n=m(()=>a.as??s[a.variant]??"span");return(o,b)=>(r(),d(u(n.value),{class:c(["pz-text",`pz-text--${e.variant}`])},{default:p(()=>[i(o.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),h=(e,s)=>{const a=e.__vccOpts||e;for(const[n,o]of s)a[n]=o;return a},x=h(t,[["__scopeId","data-v-bd3b2150"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{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/PzText/PzText.vue"]});export{x as P,h as _};
+import{d as l,j as r,f as d,G as p,g as i,w as c,o as u,r as m}from"./iframe-XnrfGA2g.js";const t=l({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(e){const s={"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"},a=e,o=i(()=>a.as??s[a.variant]??"span");return(n,b)=>(u(),r(p(o.value),{class:d(["pz-text",`pz-text--${e.variant}`])},{default:c(()=>[m(n.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),h=(e,s)=>{const a=e.__vccOpts||e;for(const[o,n]of s)a[o]=n;return a},x=h(t,[["__scopeId","data-v-bd3b2150"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{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/PzText/PzText.vue"]});export{x as P,h as _};

package/dist/app/assets/{PzText.stories-BFfwzgRO.js → PzText.stories-CJhqWJtS.js}

@@ -1,4 +1,4 @@
-import{P as R}from"./PzText-B1cefxtz.js";import"./iframe-AHEBgGuT.js";import"./preload-helper-C1FmrZbK.js";const De=["h1-bold","h1-regular","h2-bold","h3-bold","h3-regular","h4-regular","h4-semibold","h4-bold","subtitle","body-regular","body-semibold","body-bold","capitalized","hint","line-through","small-regular","small-semibold","small-bold","link","document"],Pe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],$e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),we={title:"Components/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/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
+import{P as R}from"./PzText-LfRr6NF7.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const De=["h1-bold","h1-regular","h2-bold","h3-bold","h3-regular","h4-regular","h4-semibold","h4-bold","subtitle","body-regular","body-semibold","body-bold","capitalized","hint","line-through","small-regular","small-semibold","small-bold","link","document"],Pe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],$e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),we={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/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
   <PzText ${[a.variant?`variant="${a.variant}"`:null,a.as?`as="${a.as}"`:null,a.content?`content="${a.content}"`:null].filter(Boolean).join(" ")} />
 </template>`}}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:De,description:"Text style variant from the Design System."},as:{control:"select",options:Pe,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);return{args:r,currentLabel:e}},template:`
       <section class="pz-text-demo">
@@ -14,7 +14,7 @@ import{P as R}from"./PzText-B1cefxtz.js";import"./iframe-AHEBgGuT.js";import"./p
           <pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
         </div>
       </section>
-    `})},t={name:"H1 Bold",args:{variant:"h1-bold",content:"Headline Bold 1"}},n={name:"H1 Regular",args:{variant:"h1-regular",content:"Headline Regular 1"}},o={name:"H2 Bold",args:{variant:"h2-bold",content:"Headline Bold 2"}},s={name:"H3 Bold",args:{variant:"h3-bold",content:"Headline Bold 3"}},l={name:"H3 Regular",args:{variant:"h3-regular",content:"Headline Regular 3"}},c={name:"H4 Regular",args:{variant:"h4-regular",content:"Headline Regular 4"}},d={name:"H4 Semibold",args:{variant:"h4-semibold",content:"Headline Semibold 4"}},i={name:"H4 Bold",args:{variant:"h4-bold",content:"Headline Bold 4"}},m={args:{variant:"subtitle",content:"Subtitle"}},u={name:"Body Regular",args:{variant:"body-regular",content:"Body text regular"}},p={name:"Body Semibold",args:{variant:"body-semibold",content:"Body text semibold"}},g={name:"Body Bold",args:{variant:"body-bold",content:"Body text bold"}},b={args:{variant:"capitalized",content:"Capitalized text"}},v={args:{variant:"hint",content:"Hint text"}},h={name:"Line Through",args:{variant:"line-through",content:"Line through text"}},S={name:"Small Regular",args:{variant:"small-regular",content:"Small text regular"}},H={name:"Small Semibold",args:{variant:"small-semibold",content:"Small text semibold"}},B={name:"Small Bold",args:{variant:"small-bold",content:"Small text bold"}},y={name:"Link",args:{variant:"link",content:"Link text"}},x={args:{variant:"document",content:"Document text"}};var z,T,L;t.parameters={...t.parameters,docs:{...(z=t.parameters)==null?void 0:z.docs,source:{originalSource:`{
+    `})},t={name:"H1 Bold",args:{variant:"h1-bold",content:"Headline Bold 1"}},n={name:"H1 Regular",args:{variant:"h1-regular",content:"Headline Regular 1"}},o={name:"H2 Bold",args:{variant:"h2-bold",content:"Headline Bold 2"}},s={name:"H3 Bold",args:{variant:"h3-bold",content:"Headline Bold 3"}},l={name:"H3 Regular",args:{variant:"h3-regular",content:"Headline Regular 3"}},c={name:"H4 Regular",args:{variant:"h4-regular",content:"Headline Regular 4"}},d={name:"H4 Semibold",args:{variant:"h4-semibold",content:"Headline Semibold 4"}},i={name:"H4 Bold",args:{variant:"h4-bold",content:"Headline Bold 4"}},m={args:{variant:"subtitle",content:"Subtitle"}},u={name:"Body Regular",args:{variant:"body-regular",content:"Body text regular"}},p={name:"Body Semibold",args:{variant:"body-semibold",content:"Body text semibold"}},g={name:"Body Bold",args:{variant:"body-bold",content:"Body text bold"}},b={args:{variant:"capitalized",content:"Capitalized text"}},v={args:{variant:"hint",content:"Hint text"}},h={name:"Line Through",args:{variant:"line-through",content:"Line through text"}},S={name:"Small Regular",args:{variant:"small-regular",content:"Small text regular"}},H={name:"Small Semibold",args:{variant:"small-semibold",content:"Small text semibold"}},B={name:"Small Bold",args:{variant:"small-bold",content:"Small text bold"}},x={name:"Link",args:{variant:"link",content:"Link text"}},y={args:{variant:"document",content:"Document text"}};var z,T,L;t.parameters={...t.parameters,docs:{...(z=t.parameters)==null?void 0:z.docs,source:{originalSource:`{
   name: "H1 Bold",
   args: {
     variant: "h1-bold",
@@ -113,21 +113,21 @@ import{P as R}from"./PzText-B1cefxtz.js";import"./iframe-AHEBgGuT.js";import"./p
     variant: "small-semibold",
     content: "Small text semibold"
   }
-}`,...(Be=(He=H.parameters)==null?void 0:He.docs)==null?void 0:Be.source}}};var ye,xe,Re;B.parameters={...B.parameters,docs:{...(ye=B.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+}`,...(Be=(He=H.parameters)==null?void 0:He.docs)==null?void 0:Be.source}}};var xe,ye,Re;B.parameters={...B.parameters,docs:{...(xe=B.parameters)==null?void 0:xe.docs,source:{originalSource:`{
   name: "Small Bold",
   args: {
     variant: "small-bold",
     content: "Small text bold"
   }
-}`,...(Re=(xe=B.parameters)==null?void 0:xe.docs)==null?void 0:Re.source}}};var ze,Te,Le;y.parameters={...y.parameters,docs:{...(ze=y.parameters)==null?void 0:ze.docs,source:{originalSource:`{
+}`,...(Re=(ye=B.parameters)==null?void 0:ye.docs)==null?void 0:Re.source}}};var ze,Te,Le;x.parameters={...x.parameters,docs:{...(ze=x.parameters)==null?void 0:ze.docs,source:{originalSource:`{
   name: "Link",
   args: {
     variant: "link",
     content: "Link text"
   }
-}`,...(Le=(Te=y.parameters)==null?void 0:Te.docs)==null?void 0:Le.source}}};var fe,ke,Ce;x.parameters={...x.parameters,docs:{...(fe=x.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+}`,...(Le=(Te=x.parameters)==null?void 0:Te.docs)==null?void 0:Le.source}}};var fe,ke,Ce;y.parameters={...y.parameters,docs:{...(fe=y.parameters)==null?void 0:fe.docs,source:{originalSource:`{
   args: {
     variant: "document",
     content: "Document text"
   }
-}`,...(Ce=(ke=x.parameters)==null?void 0:ke.docs)==null?void 0:Ce.source}}};const Ae=["H1Bold","H1Regular","H2Bold","H3Bold","H3Regular","H4Regular","H4Semibold","H4Bold","Subtitle","BodyRegular","BodySemibold","BodyBold","Capitalized","Hint","LineThroughStory","SmallRegular","SmallSemibold","SmallBold","LinkStory","Document"];export{g as BodyBold,u as BodyRegular,p as BodySemibold,b as Capitalized,x as Document,t as H1Bold,n as H1Regular,o as H2Bold,s as H3Bold,l as H3Regular,i as H4Bold,c as H4Regular,d as H4Semibold,v as Hint,h as LineThroughStory,y as LinkStory,B as SmallBold,S as SmallRegular,H as SmallSemibold,m as Subtitle,Ae as __namedExportsOrder,we as default};
+}`,...(Ce=(ke=y.parameters)==null?void 0:ke.docs)==null?void 0:Ce.source}}};const Ae=["H1Bold","H1Regular","H2Bold","H3Bold","H3Regular","H4Regular","H4Semibold","H4Bold","Subtitle","BodyRegular","BodySemibold","BodyBold","Capitalized","Hint","LineThroughStory","SmallRegular","SmallSemibold","SmallBold","LinkStory","Document"];export{g as BodyBold,u as BodyRegular,p as BodySemibold,b as Capitalized,y as Document,t as H1Bold,n as H1Regular,o as H2Bold,s as H3Bold,l as H3Regular,i as H4Bold,c as H4Regular,d as H4Semibold,v as Hint,h as LineThroughStory,x as LinkStory,B as SmallBold,S as SmallRegular,H as SmallSemibold,m as Subtitle,Ae as __namedExportsOrder,we as default};

package/dist/app/assets/PzTextClamp-BnSHv0R0.css

@@ -0,0 +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;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-17225f94]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text-clamp__toggle[data-v-17225f94]{padding:0;margin-inline-start:var(--pz-space-4);border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;outline:none;transition:color .16s ease}.pz-text-clamp__toggle[data-v-17225f94]:hover,.pz-text-clamp__toggle[data-v-17225f94]:focus-visible{color:var(--pz-color-text-link-hover)}

package/dist/app/assets/PzTextClamp.stories-B-2pPs9u.js

@@ -0,0 +1,149 @@
+import{d as ne,P as xe,L as _,Q as me,E as _e,o as q,e as se,y as U,r as H,k as w,n as fe,i as C,g as h,C as X,j as ge,w as he,N as ve,f as ze,t as be,h as ye}from"./iframe-XnrfGA2g.js";import{_ as we,P as re}from"./PzText-LfRr6NF7.js";import"./preload-helper-C1FmrZbK.js";var R=null;function Ce(e){return R||(R=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){return setTimeout(a,16)}).bind(window)),R(e)}var N=null;function Le(e){N||(N=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(a){clearTimeout(a)}).bind(window)),N(e)}function Te(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 v(e,a){a===void 0&&(a={});var t=document.createElement(e);return Object.keys(a).forEach(function(s){t[s]=a[s]}),t}function oe(e,a,t){var s=window.getComputedStyle(e,null)||{display:"none"};return s[a]}function O(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var a=e;a!==document;){if(oe(a,"display")==="none")return{detached:!1,rendered:!1};a=a.parentNode}return{detached:!1,rendered:!0}}var Se='.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 Ee(e,a){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=Re.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var s=e.offsetWidth,o=e.offsetHeight,i=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===s&&e.offsetHeight===o)||S(e)}),n=O(e),p=n.detached,d=n.rendered;e.__resize_observer_triggered__=p===!1&&d===!1,e.__resize_observer__=i,i.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=Te(Se)),Ne(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 ke(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 Pe(e){var a=e.__resize_last__,t=a.width,s=a.height,o=e.offsetWidth,i=e.offsetHeight;return o!==t||i!==s?{width:o,height:i}:null}function Re(){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__&&Le(this.__resize_raf__),this.__resize_raf__=Ce(function(){var a=Pe(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 Ne(e){var a=oe(e,"position");(!a||a==="static")&&(e.style.position="relative"),e.__resize_old_position__=a,e.__resize_last__={};var t=v("div",{className:"resize-triggers"}),s=v("div",{className:"resize-expand-trigger"}),o=v("div"),i=v("div",{className:"resize-contract-trigger"});s.appendChild(o),t.appendChild(s),t.appendChild(i),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:s,expandChild:o,contract:i},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,s=a.expandChild,o=a.contract,i=o.scrollWidth,n=o.scrollHeight,p=t.offsetWidth,d=t.offsetHeight,l=t.scrollWidth,c=t.scrollHeight;o.scrollLeft=i,o.scrollTop=n,s.style.width=p+1+"px",s.style.height=d+1+"px",t.scrollLeft=l,t.scrollTop=c}const qe=["aria-label"];var ie=ne({__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,s=C(null),o=C(null),i=C(null),n=xe({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),p=h(()=>{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=()=>{i.value&&(i.value.textContent=pe.value)},l=()=>{n.localExpanded||(d(),(g()||u.value)&&k())},c=()=>{t.text&&(n.offset=t.text.length,j(),t.autoResize&&s.value&&(Ee(s.value,l),n.unregisterResizeCallback=()=>{s.value&&ke(s.value,l)}),l())},j=()=>{var r;(r=n.unregisterResizeCallback)==null||r.call(n)},g=()=>!(!t.maxLines&&!t.maxHeight)&&!!s.value&&(!!(t.maxLines&&E()>t.maxLines)||!!(t.maxHeight&&s.value.scrollHeight>s.value.offsetHeight)),E=()=>o.value?Object.keys(Array.prototype.slice.call(o.value.getClientRects()).reduce((r,{top:x,bottom:f})=>{const m=`${x}/${f}`;return r[m]||(r[m]=!0),r},{})).length:0,k=(...r)=>{const[x=0,f=n.offset]=r;if(f-x<=3)return void le();const m=Math.floor((f+x)/2);P(m),g()?k(x,m):k(m,f)},P=r=>{n.offset=r,d()},le=()=>{de(),ce()},de=()=>{for(;(!g()||E()<2)&&n.offset<t.text.length;)D(1)},ce=()=>{for(;g()&&E()>1&&n.offset>0;)D(-1)},D=r=>{P(n.offset+r)},u=h(()=>!!t.text&&n.offset!==t.text.length);_(()=>u.value,r=>{setTimeout(()=>{a("clamp-change",r)},0)},{immediate:!0});const pe=h(()=>u.value?ue.value:t.text),ue=h(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-n.offset)||"").trim();if(t.location==="middle"){const r=Math.floor(n.offset/2);return(t.text.slice(0,r)||"").trim()+t.ellipsis+(t.text.slice(-r)||"").trim()}return(t.text.slice(0,n.offset)||"").trim()+t.ellipsis}),V=()=>{n.localExpanded=!0},W=()=>{n.localExpanded=!1},I=()=>{n.localExpanded=!n.localExpanded};return _(()=>t.expanded,r=>{n.localExpanded=r}),_(()=>n.localExpanded,r=>{r?P(t.text.length):l(),t.expanded!==r&&a("update:expanded",r)}),_(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,u.value].join(),()=>{X(()=>{l()})}),_(()=>[t.text,t.autoResize].join(),()=>{X(()=>{c()})}),me(()=>{j()}),_e(()=>{c()}),(r,x)=>(q(),se("div",{ref_key:"textClampRef",ref:s,class:"text-clamp",style:fe({overflow:"hidden",maxHeight:w(p)})},[U("span",{ref_key:"contentRef",ref:o},[H(r.$slots,"before",{expand:V,collapse:W,toggle:I,clamped:w(u),expanded:n.localExpanded}),U("span",{ref_key:"textRef",ref:i,"aria-label":e.text},null,8,qe),H(r.$slots,"after",{expand:V,collapse:W,toggle:I,clamped:w(u),expanded:n.localExpanded})],512)],4))}});ie.__file="package/text-clamp.vue";const He=e=>(e.install=function(a){a.component(e.__name,e)},e),Oe=He(ie),Ae=3,Me="... ",$e=["aria-expanded","onClick"],T=ne({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:Ae},clampPostfix:{default:Me},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{default:"Show more"},collapseLabel:{default:"Collapse"}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=e,s=a,o=n=>{s("update:expanded",n)},i=n=>{s("clamp-change",n)};return(n,p)=>(q(),ge(w(Oe),{text:t.text,"max-lines":t.maxContentLines,ellipsis:t.clampPostfix,expanded:t.expanded,"auto-resize":t.autoResize,class:"pz-text-clamp","onUpdate:expanded":o,onClampChange:i},{after:he(({toggle:d,expanded:l,clamped:c})=>[H(n.$slots,"toggle",{toggle:d,expanded:l,clamped:c},()=>[c||l?(q(),se("button",{key:0,type:"button",class:ze(["pz-text-clamp__toggle",t.btnClass]),"aria-expanded":l,onClick:ve(d,["stop"])},be(l?t.collapseLabel:t.expandLabel),11,$e)):ye("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize"]))}}),M=we(T,[["__scopeId","data-v-17225f94"]]);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"'}}],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/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}],Be=e=>`<template>
+  <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(" ")} />
+</template>`,Fe=()=>`<template>
+  <PzTextClamp
+    text="Long procurement summary that needs a custom action."
+    :max-content-lines="2"
+  >
+    <template #toggle="{ toggle, expanded, clamped }">
+      <button
+        v-if="clamped || expanded"
+        type="button"
+        class="custom-toggle"
+        @click="toggle"
+      >
+        {{ expanded ? "Hide details" : "Open full text" }}
+      </button>
+    </template>
+  </PzTextClamp>
+</template>`,je={title:"Components/Text/PzTextClamp",component:M,parameters:{prototype:{caption:"Text clamp component",note:"Built as a thin wrapper over vue3-text-clamp, reusing the old text/max-lines/postfix/button-class contract and replacing app-specific translations with explicit labels and a toggle slot."},docs:{description:{component:"Use `PzTextClamp` for compact previews of long copy. It defaults to the `body-regular` text style, exposes the old clamp props, and supports toggle customization through `v-model:expanded` and the `toggle` slot."},source:{transform:(e,a)=>Be(a.args??je.args)}}},args:{text:$[1].text,maxContentLines:3,clampPostfix:"... ",btnClass:"",autoResize:!0,expanded:!1,expandLabel:"Show more",collapseLabel:"Collapse",title:"Long-form card description"},argTypes:{text:{control:"text",description:"Source text rendered by the clamp component."},maxContentLines:{control:{type:"number",min:1,max:8,step:1},description:"Maximum number of visible lines before the text is clamped."},clampPostfix:{control:"text",description:"String appended to the truncated text."},btnClass:{control:"text",description:"Additional class names applied to the default toggle button."},autoResize:{control:"boolean",description:"Recalculates clamping on layout changes."},expanded:{control:"boolean",description:"Controlled expanded state."},expandLabel:{control:"text",description:"Default label shown while the text is collapsed."},collapseLabel:{control:"text",description:"Default label shown while the text is expanded."},title:{control:"text",description:"Preview heading used in the story only.",table:{category:"Story"}}},render:e=>({components:{pzText:re,pzTextClamp:M},setup(){const a=C(!!e.expanded);return _(()=>e.expanded,t=>{a.value=!!t}),{args:e,expanded:a,clampStories:$}},template:`
+      <div class="pz-text-clamp-story">
+        <section class="pz-text-clamp-story-hero">
+          <div class="pz-text-clamp-story-copy">
+            <span class="pz-text-clamp-story-eyebrow">Body Regular by default</span>
+            <pz-text variant="h4-bold">{{ args.title }}</pz-text>
+            <pz-text variant="body-regular">
+              Clamp long editorial or procurement copy without creating new typography rules for each surface.
+            </pz-text>
+          </div>
+
+          <div class="pz-text-clamp-story-preview">
+            <pz-text variant="small-semibold" as="span" class="pz-text-clamp-story-chip">
+              {{ expanded ? "expanded" : "collapsed" }}
+            </pz-text>
+
+            <pz-text-clamp
+              :text="args.text"
+              :max-content-lines="args.maxContentLines"
+              :clamp-postfix="args.clampPostfix"
+              :btn-class="args.btnClass"
+              :auto-resize="args.autoResize"
+              :expanded="expanded"
+              :expand-label="args.expandLabel"
+              :collapse-label="args.collapseLabel"
+              @update:expanded="expanded = $event"
+            />
+          </div>
+        </section>
+
+        <section class="pz-text-clamp-story-grid">
+          <article
+            v-for="item in clampStories"
+            :key="item.title"
+            class="pz-text-clamp-story-card"
+          >
+            <div class="pz-text-clamp-story-card-header">
+              <span class="pz-text-clamp-story-kicker">{{ item.kicker }}</span>
+              <pz-text variant="body-semibold">{{ item.title }}</pz-text>
+            </div>
+
+            <pz-text-clamp
+              :text="item.text"
+              :max-content-lines="item.maxContentLines"
+              :expanded="item.expanded"
+            />
+          </article>
+        </section>
+      </div>
+    `})},z={},b={args:{text:$[0].text,maxContentLines:2,title:"News teaser"}},y={parameters:{docs:{source:{code:Fe()}}},render:()=>({components:{pzText:re,pzTextClamp:M},setup(){return{text:"Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation."}},template:`
+      <div class="pz-text-clamp-story">
+        <section class="pz-text-clamp-story-hero">
+          <div class="pz-text-clamp-story-copy">
+            <span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
+            <pz-text variant="h4-bold">Custom action content</pz-text>
+          </div>
+
+          <div class="pz-text-clamp-story-preview">
+            <pz-text-clamp
+              :text="text"
+              :max-content-lines="2"
+            >
+              <template #toggle="{ toggle, expanded, clamped }">
+                <button
+                  v-if="clamped || expanded"
+                  type="button"
+                  class="pz-text-clamp-story-custom-toggle"
+                  @click="toggle"
+                >
+                  {{ expanded ? "Hide details" : "Open full text" }}
+                </button>
+              </template>
+            </pz-text-clamp>
+          </div>
+        </section>
+      </div>
+    `})};var Q,G,J;z.parameters={...z.parameters,docs:{...(Q=z.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(J=(G=z.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var K,Y,Z;b.parameters={...b.parameters,docs:{...(K=b.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  args: {
+    text: clampStories[0].text,
+    maxContentLines: 2,
+    title: "News teaser"
+  }
+}`,...(Z=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var ee,te,ae;y.parameters={...y.parameters,docs:{...(ee=y.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      source: {
+        code: buildSlotSource()
+      }
+    }
+  },
+  render: () => ({
+    components: {
+      pzText: PzText,
+      pzTextClamp: PzTextClamp
+    },
+    setup() {
+      const text = "Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation.";
+      return {
+        text
+      };
+    },
+    template: \`
+      <div class="pz-text-clamp-story">
+        <section class="pz-text-clamp-story-hero">
+          <div class="pz-text-clamp-story-copy">
+            <span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
+            <pz-text variant="h4-bold">Custom action content</pz-text>
+          </div>
+
+          <div class="pz-text-clamp-story-preview">
+            <pz-text-clamp
+              :text="text"
+              :max-content-lines="2"
+            >
+              <template #toggle="{ toggle, expanded, clamped }">
+                <button
+                  v-if="clamped || expanded"
+                  type="button"
+                  class="pz-text-clamp-story-custom-toggle"
+                  @click="toggle"
+                >
+                  {{ expanded ? "Hide details" : "Open full text" }}
+                </button>
+              </template>
+            </pz-text-clamp>
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(ae=(te=y.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};const Ie=["Playground","TwoLines","CustomToggle"];export{y as CustomToggle,z as Playground,b as TwoLines,Ie as __namedExportsOrder,je as default};

package/dist/app/assets/PzValidatorXSS-B6WBrYex.css

@@ -0,0 +1 @@
+.pz-validator-xss-story{padding:40px;max-width:1000px;margin:0 auto;font-family:var(--pz-font-family, sans-serif);color:var(--pz-color-text-primary, #2d3436)}.pz-validator-xss-story__header{margin-bottom:48px;border-bottom:1px solid #eee;padding-bottom:24px}.pz-validator-xss-story__section{margin-bottom:64px}.pz-validator-xss-story__title{margin-bottom:24px;display:block}.pz-validator-xss-story__methods{display:flex;flex-direction:column;gap:24px}.pz-validator-xss-story__method-card{border:1px solid #e0e0e0;padding:24px;border-radius:12px;background:#fff;box-shadow:0 2px 4px #00000005}.pz-validator-xss-story__method-signature{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:#f1f2f6;padding:4px 8px;border-radius:4px;font-size:14px;color:#d63031;display:inline-block;margin-bottom:12px}.pz-validator-xss-story__playground{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#f9f9f9;padding:32px;border-radius:16px}@media (width <= 768px){.pz-validator-xss-story__playground{grid-template-columns:1fr}}.pz-validator-xss-story__input-area{width:100%;height:150px;padding:16px;border:1px solid #dfe6e9;border-radius:8px;font-family:monospace;font-size:14px;resize:vertical;outline:none}.pz-validator-xss-story__input-area:focus{border-color:#0984e3}.pz-validator-xss-story__output-box{height:150px;padding:16px;border:1px solid #dfe6e9;background:#fff;border-radius:8px;overflow-y:auto;word-break:break-all}.pz-validator-xss-story__code-block{background:#2d3436;color:#dfe6e9;padding:20px;border-radius:8px;font-size:13px;line-height:1.6;overflow-x:auto;margin-top:12px}.pz-validator-xss-story__code-block--light{background:#f1f2f6;color:#2d3436}

package/dist/app/assets/PzValidatorXSS.stories-DqA_mla7.js

@@ -0,0 +1,163 @@
+import{i as c,g as z}from"./iframe-XnrfGA2g.js";import{P as u}from"./PzText-LfRr6NF7.js";import"./preload-helper-C1FmrZbK.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">
+import { PzValidatorXSS } from "@prozorro/prozorro-ui";
+
+const input = "${o.testInput}";
+const sanitizedInput = PzValidatorXSS.validString(input);
+
+const queryParams = {
+  search: "<script>alert('XSS')<\/script>Tender",
+  filters: ["<b>Active</b>", "<i>Cancelled</i>"]
+};
+const sanitizedQuery = PzValidatorXSS.validQuery(queryParams);
+<\/script>
+
+<template>
+  <div>
+    <p>Sanitized string: {{ sanitizedInput }}</p>
+    <pre>Sanitized query: {{ JSON.stringify(sanitizedQuery, null, 2) }}</pre>
+  </div>
+</template>`,y=[{name:"validString",signature:"PzValidatorXSS.validString(str: string | number): string",description:"Removes HTML tags from a string and trims whitespace. Handles numbers by converting them to strings.",params:"`str`: Input value to sanitize.",example:'PzValidatorXSS.validString("<p>Hello world</p>") // "Hello world"'},{name:"validQuery",signature:"PzValidatorXSS.validQuery(query: PzValidatorXSSQuery): PzValidatorXSSQuery",description:"Deep sanitization for an object (e.g. router query). Recursively cleans arrays and string values.",params:"`query`: Object with string or string array values.",example:"PzValidatorXSS.validQuery({ q: '<u>search</u>', ids: ['<i>1</i>', '2'] })"}],b={title:"Utilities/PzValidatorXSS",component:s,parameters:{layout:"fullscreen",docs:{description:{component:"Utility class for sanitizing inputs and preventing XSS by removing HTML tags from strings and query objects."}}},argTypes:{testInput:{control:"text",description:"Live test input with HTML tags."}}},r={args:{testInput:"<b>Hello</b> <script>alert('XSS')<\/script> <i>World!</i>"},render:o=>({components:{pzText:u},setup(){const t=c(o.testInput),i=z(()=>s.validString(t.value)),e={keyword:"<b>Prozorro</b>",tags:["<i>Active</i>","<u>Closed</u>"],page:"1"},a=s.validQuery(e);return{input:t,sanitized:i,queryInput:e,sanitizedQuery:a,methodDocs:y}},template:`
+      <div class="pz-validator-xss-story">
+        <header class="pz-validator-xss-story__header">
+          <pzText weight="bold" size="large" tag="h1" class="pz-validator-xss-story__title">PzValidatorXSS Utility</pzText>
+          <pzText color="secondary">
+            Provides robust sanitization to prevent XSS attacks by stripping all HTML tags from user inputs,
+            API responses, or URL parameters within the Prozorro UI ecosystem.
+          </pzText>
+        </header>
+
+        <section class="pz-validator-xss-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-validator-xss-story__title">Methods Reference</pzText>
+          <div class="pz-validator-xss-story__methods">
+            <article v-for="method in methodDocs" :key="method.name" class="pz-validator-xss-story__method-card">
+              <code class="pz-validator-xss-story__method-signature">{{ method.signature }}</code>
+              <pzText size="small" style="display: block; margin-bottom: 12px;">{{ method.description }}</pzText>
+              <pzText size="small" color="secondary" style="display: block; margin-bottom: 8px;">
+                <strong>Parameter:</strong> {{ method.params }}
+              </pzText>
+              <pre class="pz-validator-xss-story__code-block pz-validator-xss-story__code-block--light">{{ method.example }}</pre>
+            </article>
+          </div>
+        </section>
+
+        <section class="pz-validator-xss-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-validator-xss-story__title">Live Playground</pzText>
+          <div class="pz-validator-xss-story__playground">
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Try HTML Input:</pzText>
+              <textarea v-model="input" class="pz-validator-xss-story__input-area" placeholder="Enter text with <b>tags</b>..."></textarea>
+            </div>
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Sanitized Output:</pzText>
+              <div class="pz-validator-xss-story__output-box">
+                <pzText>{{ sanitized }}</pzText>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-validator-xss-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-validator-xss-story__title">Deep Object Sanitization (validQuery)</pzText>
+          <div class="pz-validator-xss-story__playground">
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Original Object:</pzText>
+              <pre class="pz-validator-xss-story__code-block">{{ JSON.stringify(queryInput, null, 2) }}</pre>
+            </div>
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Sanitized Result:</pzText>
+              <pre class="pz-validator-xss-story__code-block" style="color: #55efc4;">{{ JSON.stringify(sanitizedQuery, null, 2) }}</pre>
+            </div>
+          </div>
+        </section>
+      </div>
+    `}),parameters:{docs:{source:{code:m({testInput:"<b>Hello</b> <script>alert('XSS')<\/script> <i>World!</i>"})}}}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    testInput: "<b>Hello</b> <script>alert('XSS')<\/script> <i>World!</i>"
+  },
+  render: args => ({
+    components: {
+      pzText: PzText
+    },
+    setup() {
+      const input = ref(args.testInput);
+      const sanitized = computed(() => PzValidatorXSS.validString(input.value));
+      const queryInput = {
+        keyword: "<b>Prozorro</b>",
+        tags: ["<i>Active</i>", "<u>Closed</u>"],
+        page: "1"
+      };
+      const sanitizedQuery = PzValidatorXSS.validQuery(queryInput);
+      return {
+        input,
+        sanitized,
+        queryInput,
+        sanitizedQuery,
+        methodDocs
+      };
+    },
+    template: \`
+      <div class="pz-validator-xss-story">
+        <header class="pz-validator-xss-story__header">
+          <pzText weight="bold" size="large" tag="h1" class="pz-validator-xss-story__title">PzValidatorXSS Utility</pzText>
+          <pzText color="secondary">
+            Provides robust sanitization to prevent XSS attacks by stripping all HTML tags from user inputs,
+            API responses, or URL parameters within the Prozorro UI ecosystem.
+          </pzText>
+        </header>
+
+        <section class="pz-validator-xss-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-validator-xss-story__title">Methods Reference</pzText>
+          <div class="pz-validator-xss-story__methods">
+            <article v-for="method in methodDocs" :key="method.name" class="pz-validator-xss-story__method-card">
+              <code class="pz-validator-xss-story__method-signature">{{ method.signature }}</code>
+              <pzText size="small" style="display: block; margin-bottom: 12px;">{{ method.description }}</pzText>
+              <pzText size="small" color="secondary" style="display: block; margin-bottom: 8px;">
+                <strong>Parameter:</strong> {{ method.params }}
+              </pzText>
+              <pre class="pz-validator-xss-story__code-block pz-validator-xss-story__code-block--light">{{ method.example }}</pre>
+            </article>
+          </div>
+        </section>
+
+        <section class="pz-validator-xss-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-validator-xss-story__title">Live Playground</pzText>
+          <div class="pz-validator-xss-story__playground">
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Try HTML Input:</pzText>
+              <textarea v-model="input" class="pz-validator-xss-story__input-area" placeholder="Enter text with <b>tags</b>..."></textarea>
+            </div>
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Sanitized Output:</pzText>
+              <div class="pz-validator-xss-story__output-box">
+                <pzText>{{ sanitized }}</pzText>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-validator-xss-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-validator-xss-story__title">Deep Object Sanitization (validQuery)</pzText>
+          <div class="pz-validator-xss-story__playground">
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Original Object:</pzText>
+              <pre class="pz-validator-xss-story__code-block">{{ JSON.stringify(queryInput, null, 2) }}</pre>
+            </div>
+            <div>
+              <pzText weight="bold" size="small" style="display: block; margin-bottom: 12px;">Sanitized Result:</pzText>
+              <pre class="pz-validator-xss-story__code-block" style="color: #55efc4;">{{ JSON.stringify(sanitizedQuery, null, 2) }}</pre>
+            </div>
+          </div>
+        </section>
+      </div>
+    \`
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: buildSource({
+          testInput: "<b>Hello</b> <script>alert('XSS')<\/script> <i>World!</i>"
+        })
+      }
+    }
+  }
+}`,...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};const _=["Documentation"];export{r as Documentation,_ as __namedExportsOrder,b as default};

package/dist/app/assets/{Spacing.stories-DhCjLNK2.js → Spacing.stories-55zVSJ08.js}

@@ -1,4 +1,4 @@
-import{P as n}from"./PzText-B1cefxtz.js";import"./iframe-AHEBgGuT.js";import"./preload-helper-C1FmrZbK.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."}]}],d={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}},template:`
+import{P as n}from"./PzText-LfRr6NF7.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.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."}]}],d={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}},template:`
       <div class="spacing-foundation">
         <section class="spacing-foundation-board">
           <header class="spacing-foundation-hero">

package/dist/app/assets/{Typography.stories-CSj6NWZS.js → Typography.stories-DEgPTqUk.js}

@@ -1,4 +1,4 @@
-import{P as p}from"./PzText-B1cefxtz.js";import"./iframe-AHEBgGuT.js";import"./preload-helper-C1FmrZbK.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)}],m={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/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:`
+import{P as p}from"./PzText-LfRr6NF7.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.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)}],m={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/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:`
       <div class="pz-text-board">
         <section class="pz-text-board-hero">
           <div class="pz-text-board-hero-copy">