@prozorro/prozorro-ui 0.0.9-beta → 0.0.11-beta

package/dist/app/assets/{PzPagination-DJVeW9lu.css → PzPagination-ohvV8gN-.css}

@@ -1 +1 @@
-.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-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-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-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-pagination-story-preview{display:grid;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-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);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-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-pagination__list[data-v-6295b1b5]{display:flex;align-items:center;gap:var(--pz-space-4);list-style:none;margin:0;padding:0}.pz-pagination__item[data-v-6295b1b5]{display:flex}.pz-pagination__btn[data-v-6295b1b5]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--pz-color-text-primary);cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-pagination__btn[data-v-6295b1b5]:hover:not(:disabled){background-color:var(--pz-color-grey-20);border-color:var(--pz-color-tag-blue);color:var(--pz-color-text-link-hover)}.pz-pagination__btn--active[data-v-6295b1b5]{border-color:var(--pz-color-tag-blue)}.pz-pagination__btn--nav[data-v-6295b1b5]{color:var(--pz-color-text-primary)}.pz-pagination__btn--nav[data-v-6295b1b5]:disabled{opacity:.35;cursor:default}.pz-pagination__dots[data-v-6295b1b5]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}
+.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-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-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-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-pagination-story-preview{display:grid;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-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);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-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}

package/dist/app/assets/PzPagination.stories-DNvwL2lG.js

@@ -0,0 +1,83 @@
+import{r as e,w as m}from"./iframe-DbWuH5mz.js";import{P as v}from"./PzText-LkAZaPCW.js";import{P as s}from"./PzPagination-D9MVz0_M.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-BNwLASSZ.js";const l=2,z=50,y=100,P=3,b="<\/script>",f=a=>{const t=[':model-value="currentPage"',`:total="${a.total}"`,`:per-page="${a.perPage}"`,a.radius!==l?`:radius="${a.radius}"`:null,'@update:model-value="currentPage = $event"'].filter(r=>!!r).join(`
+    `);return`<script setup lang="ts">
+import { ref } from "vue";
+const currentPage = ref(${a.modelValue});
+${b}
+
+<template>
+  <PzPagination
+    ${t}
+  />
+</template>`},h={title:"Components/Navigation/PzPagination",component:s,parameters:{docs:{description:{component:"Use `PzPagination` for navigating paginated content. The component shows prev/next arrows, the first and last page, a window of pages around the current, and collapsing dots for large ranges."},source:{transform:(a,t)=>f(t.args??h.args)}}},args:{modelValue:1,total:1e3,perPage:10,radius:l},argTypes:{modelValue:{control:{type:"number",min:1},description:"Current active page (use with `v-model`)."},total:{control:{type:"number",min:0},description:"Total number of items."},perPage:{control:{type:"number",min:1},description:"Number of items per page."},radius:{control:{type:"number",min:1,max:5},description:"Number of page buttons shown on each side of the current page."}},render:a=>({components:{pzPagination:s,pzText:v},setup(){const t=e(a.modelValue),r=e(1),c=e(z),g=e(y),d=e(P);return m(()=>a.modelValue,u=>{t.value=u}),{args:a,page:t,pageFirst:r,pageMiddle:c,pageLast:g,pageFew:d}},template:`
+      <div class="pz-pagination-story">
+        <section class="pz-pagination-story-board">
+          <div class="pz-pagination-story-header">
+            <div>
+              <span class="pz-pagination-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Page navigation</pz-text>
+            </div>
+            <span class="pz-pagination-story-chip">page {{ page }} / {{ Math.ceil(args.total / args.perPage) }}</span>
+          </div>
+
+          <div class="pz-pagination-story-preview">
+            <div class="pz-pagination-story-current">
+              <span class="pz-pagination-story-current-label">Current page:</span>
+              <strong class="pz-pagination-story-current-value">{{ page }}</strong>
+            </div>
+            <pz-pagination
+              v-model="page"
+              :total="args.total"
+              :per-page="args.perPage"
+              :radius="args.radius"
+            />
+          </div>
+        </section>
+
+        <section class="pz-pagination-story-gallery">
+          <div class="pz-pagination-story-header">
+            <div>
+              <span class="pz-pagination-story-eyebrow">States</span>
+              <pz-text variant="h4-bold">Page position variants</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-pagination-story-grid">
+            <article class="pz-pagination-story-card">
+              <p class="pz-pagination-story-card-label">First page — right dots visible</p>
+              <div class="pz-pagination-story-current">
+                <span class="pz-pagination-story-current-label">Current page:</span>
+                <strong class="pz-pagination-story-current-value">{{ pageFirst }}</strong>
+              </div>
+              <pz-pagination v-model="pageFirst" :total="1000" :per-page="10" />
+            </article>
+
+            <article class="pz-pagination-story-card">
+              <p class="pz-pagination-story-card-label">Middle page — both dots visible</p>
+              <div class="pz-pagination-story-current">
+                <span class="pz-pagination-story-current-label">Current page:</span>
+                <strong class="pz-pagination-story-current-value">{{ pageMiddle }}</strong>
+              </div>
+              <pz-pagination v-model="pageMiddle" :total="1000" :per-page="10" />
+            </article>
+
+            <article class="pz-pagination-story-card">
+              <p class="pz-pagination-story-card-label">Last page — left dots visible</p>
+              <div class="pz-pagination-story-current">
+                <span class="pz-pagination-story-current-label">Current page:</span>
+                <strong class="pz-pagination-story-current-value">{{ pageLast }}</strong>
+              </div>
+              <pz-pagination v-model="pageLast" :total="1000" :per-page="10" />
+            </article>
+
+            <article class="pz-pagination-story-card">
+              <p class="pz-pagination-story-card-label">Few pages — no dots</p>
+              <div class="pz-pagination-story-current">
+                <span class="pz-pagination-story-current-label">Current page:</span>
+                <strong class="pz-pagination-story-current-value">{{ pageFew }}</strong>
+              </div>
+              <pz-pagination v-model="pageFew" :total="50" :per-page="10" />
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},n={};var o,i,p;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(i=n.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};const E=["Playground"];export{n as Playground,E as __namedExportsOrder,h as default};

package/dist/app/assets/PzPriceFormat.stories-C-p8Sb5s.js

@@ -0,0 +1,89 @@
+import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-LkAZaPCW.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=100;class o{static minPriceStep(t,r){return!t||r===void 0?0:r/t}static multiplyByHundredPercent(t){if(!p.isNumber(t)&&p.isEmpty(t))return"";const r=parseFloat(t)*n;return`${Math.round(r*n)/n}%`}}const P={title:"Utilities/PzPriceFormat",parameters:{docs:{description:{component:"The `PzPriceFormat` static class provides common utilities for rendering pricing values such as minimum steps or formatting decimal percents into percent strings."}}}},i={render:()=>({components:{pzText:c},setup(){return{minPriceExamples:[{value:1e3,step:10,description:"Value 1000, minimal step 10"},{value:50,step:2,description:"Value 50, step 2"},{value:0,step:5,description:"Zero value"}].map(e=>({...e,result:o.minPriceStep(e.value,e.step)})),percentExamples:[{value:.12345,description:"Standard fractional"},{value:1,description:"Complete ratio"},{value:"0.55",description:"String fractional"}].map(e=>({...e,result:o.multiplyByHundredPercent(e.value)}))}},template:`
+      <div style="display: flex; flex-direction: column; gap: 24px;">
+        <section>
+          <pz-text variant="h4-semibold">minPriceStep</pz-text>
+          <ul style="margin-top: 16px; padding-left: 20px;">
+            <li v-for="(ex, index) in minPriceExamples" :key="'min-' + index" style="margin-top: 8px;">
+              <pz-text variant="body-regular">
+                <strong>{{ ex.description }}:</strong> Value: <code>{{ ex.value }}</code>, Step: <code>{{ ex.step }}</code> &rarr; Result: <code>{{ ex.result }}</code>
+              </pz-text>
+            </li>
+          </ul>
+        </section>
+
+        <section>
+          <pz-text variant="h4-semibold">multiplyByHundredPercent</pz-text>
+          <ul style="margin-top: 16px; padding-left: 20px;">
+            <li v-for="(ex, index) in percentExamples" :key="'pct-' + index" style="margin-top: 8px;">
+              <pz-text variant="body-regular">
+                <strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code> &rarr; Result: <code>{{ ex.result }}</code>
+              </pz-text>
+            </li>
+          </ul>
+        </section>
+      </div>
+    `})};var s,a,l;i.parameters={...i.parameters,docs:{...(s=i.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  render: () => ({
+    components: {
+      pzText: PzText
+    },
+    setup() {
+      return {
+        minPriceExamples: [{
+          value: 1000,
+          step: 10,
+          description: "Value 1000, minimal step 10"
+        }, {
+          value: 50,
+          step: 2,
+          description: "Value 50, step 2"
+        }, {
+          value: 0,
+          step: 5,
+          description: "Zero value"
+        }].map(ex => ({
+          ...ex,
+          result: PzPriceFormat.minPriceStep(ex.value, ex.step)
+        })),
+        percentExamples: [{
+          value: 0.12345,
+          description: "Standard fractional"
+        }, {
+          value: 1,
+          description: "Complete ratio"
+        }, {
+          value: "0.55",
+          description: "String fractional"
+        }].map(ex => ({
+          ...ex,
+          result: PzPriceFormat.multiplyByHundredPercent(ex.value)
+        }))
+      };
+    },
+    template: \`
+      <div style="display: flex; flex-direction: column; gap: 24px;">
+        <section>
+          <pz-text variant="h4-semibold">minPriceStep</pz-text>
+          <ul style="margin-top: 16px; padding-left: 20px;">
+            <li v-for="(ex, index) in minPriceExamples" :key="'min-' + index" style="margin-top: 8px;">
+              <pz-text variant="body-regular">
+                <strong>{{ ex.description }}:</strong> Value: <code>{{ ex.value }}</code>, Step: <code>{{ ex.step }}</code> &rarr; Result: <code>{{ ex.result }}</code>
+              </pz-text>
+            </li>
+          </ul>
+        </section>
+
+        <section>
+          <pz-text variant="h4-semibold">multiplyByHundredPercent</pz-text>
+          <ul style="margin-top: 16px; padding-left: 20px;">
+            <li v-for="(ex, index) in percentExamples" :key="'pct-' + index" style="margin-top: 8px;">
+              <pz-text variant="body-regular">
+                <strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code> &rarr; Result: <code>{{ ex.result }}</code>
+              </pz-text>
+            </li>
+          </ul>
+        </section>
+      </div>
+    \`
+  })
+}`,...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const z=["Usage"];export{i as Usage,z as __namedExportsOrder,P as default};

package/dist/app/assets/PzRadioGroup-CZC3ssDh.css

@@ -0,0 +1 @@
+.pz-radio-group-story{display:grid;gap:var(--pz-space-24)}.pz-radio-group-story-board,.pz-radio-group-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) 7%,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) 92%,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-radio-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-radio-group-story-eyebrow{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-radio-group-story-preview{display:grid;place-items:center;min-height:240px;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-radio-group-story-field{width:min(100%,640px)}.pz-radio-group-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-radio-group-story-card{display:grid;gap:var(--pz-space-16);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-radio-group-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-radio-group-story-grid{grid-template-columns:1fr}.pz-radio-group-story-header{flex-direction:column}}.pz-radio-group[data-v-1a5a6243]{display:grid;gap:var(--pz-space-8)}.pz-radio-group.accordion .pz-radio-group-option[data-v-1a5a6243]:not(:first-child){padding-top:var(--pz-space-12);margin-top:var(--pz-space-12);border-top:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent)}.pz-radio-group-option[data-v-1a5a6243]{--pz-radio-border-color: var(--pz-color-black-90);--pz-radio-dot-color: var(--pz-color-button-success);--pz-radio-label-color: var(--pz-color-text-primary);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pz-space-12);align-items:start;color:var(--pz-radio-label-color);cursor:pointer}.pz-radio-group-input[data-v-1a5a6243]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-radio-group-control[data-v-1a5a6243]{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:2px solid var(--pz-radio-border-color);border-radius:50%;background:var(--pz-color-background-primary);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pz-radio-group-dot[data-v-1a5a6243]{inline-size:var(--pz-space-8);block-size:var(--pz-space-8);border-radius:50%;background:var(--pz-radio-dot-color);transform:scale(0);transition:transform .16s ease}.pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-1a5a6243]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-radio-group-input:checked+.pz-radio-group-control[data-v-1a5a6243]{--pz-radio-border-color: var(--pz-color-button-success)}.pz-radio-group-input:checked+.pz-radio-group-control .pz-radio-group-dot[data-v-1a5a6243]{transform:scale(1)}.pz-radio-group-label[data-v-1a5a6243]{min-width:0;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-radio-group-content[data-v-1a5a6243]{grid-column:2/-1;display:grid;gap:var(--pz-space-8);color:var(--pz-color-text-secondary)}.pz-radio-group-option.disabled[data-v-1a5a6243]{--pz-radio-border-color: var(--pz-color-grey-40);--pz-radio-dot-color: var(--pz-color-button-disabled);--pz-radio-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-radio-group-option.disabled .pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-1a5a6243]{box-shadow:none}

package/dist/app/assets/PzRadioGroup.stories-DC2poHLC.js

@@ -0,0 +1,130 @@
+import{d as w,e as i,F as k,z as S,f as b,o as n,k as p,l as g,E as _,t as C,J as v,D as R,r as f,w as O}from"./iframe-DbWuH5mz.js";import{P as $}from"./PzLabel-Coa549nk.js";import{P as L}from"./PzText-LkAZaPCW.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const N=["aria-disabled"],q=["for"],A=["id","name","value","checked","disabled","onChange"],F={class:"pz-radio-group-label"},I={key:0,class:"pz-radio-group-content"},c=w({name:"PzRadioGroup",__name:"PzRadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},name:{},disabled:{type:Boolean,default:!1},mode:{default:"default"},options:{default:()=>[]},optionClass:{default:""}},emits:["update:modelValue"],setup(e,{emit:s}){const l=e,m=s,V=o=>Object.is(l.modelValue,o),G=o=>m("update:modelValue",o),T=(o,d)=>o.id??`${l.name}-${String(d+1)}`,t=(o,d)=>({option:o,value:o.value,checked:V(o.value),disabled:!!(l.disabled||o.disabled),id:T(o,d),name:l.name});return(o,d)=>(n(),i("div",{class:b(["pz-radio-group",e.mode]),"aria-disabled":e.disabled,role:"radiogroup"},[(n(!0),i(k,null,S(e.options,(a,r)=>(n(),i("label",{key:t(a,r).id,class:b(["pz-radio-group-option",[e.optionClass,{disabled:t(a,r).disabled}]]),for:t(a,r).id},[p("input",{id:t(a,r).id,name:e.name,value:String(a.value),checked:t(a,r).checked,disabled:t(a,r).disabled,type:"radio",class:"pz-radio-group-input",onChange:J=>G(a.value)},null,40,A),d[0]||(d[0]=p("span",{class:"pz-radio-group-control","aria-hidden":"true"},[p("span",{class:"pz-radio-group-dot"})],-1)),p("span",F,[g(o.$slots,"default",v({ref_for:!0},t(a,r)),()=>[_(C(a.label),1)],!0)]),o.$slots.content&&t(a,r).checked?(n(),i("div",I,[g(o.$slots,"content",v({ref_for:!0},t(a,r)),void 0,!0)])):R("",!0)],10,q))),128))],10,N))}}),z=B(c,[["__scopeId","data-v-1a5a6243"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzRadioGroup",exportName:"default",displayName:"PzRadioGroup",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"PzRadioGroupValue"},defaultValue:{func:!1,value:"undefined"}},{name:"name",required:!0,type:{name:"string"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"accordion"'}]},defaultValue:{func:!1,value:'"default"'}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzRadioGroupOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"optionClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[]},{name:"content",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzRadioGroup/PzRadioGroup.vue"]});const y=[{label:"Text radiobutton",value:"one"},{label:"Text radiobutton",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"}],j=[{label:"Text radiobutton",value:"one"},{label:"Text checkboxText checkboxText checkbox",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"},{label:"Text radiobutton",value:"five"}],D=e=>{const s=[`name="${e.name}"`,e.mode!=="default"?`mode="${e.mode}"`:null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ");return`<template>
+  <PzLabel label="${e.heading}">
+    <PzRadioGroup
+      v-model="selectedValue"
+      ${s}
+      :options="options"
+    />
+  </PzLabel>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+const options = [
+  { label: "Text radiobutton", value: "one" },
+  { label: "Text radiobutton", value: "two" },
+  { label: "Text radiobutton", value: "three" },
+];
+
+const selectedValue = ref("two");
+<\/script>`},E={title:"Components/Form/PzRadioGroup",component:z,parameters:{docs:{description:{component:"Use `PzRadioGroup` for single-choice lists backed by one primitive `value`. The component keeps the legacy accordion content pattern, but aligns the API and styling with the current `Pz*` form controls."},source:{transform:(e,s)=>D(s.args??E.args)}}},args:{heading:"Назва поля",modelValue:"two",options:y,name:"radio-group-story",mode:"default",disabled:!1,optionClass:""},argTypes:{modelValue:{control:!1,description:"Selected option value."},options:{control:!1,description:"Array of radio options with `label`, `value`, and optional `disabled`/`id`."},name:{control:"text",description:"Shared native input name."},mode:{control:"inline-radio",options:["default","accordion"],description:"Default stacked list or separated accordion-style list."},disabled:{control:"boolean",description:"Disables every option in the group."},optionClass:{control:"text",description:"Optional additional class applied to each option wrapper."},heading:{control:"text",description:"Story-only field label shown through `PzLabel`.",table:{category:"Story"}}},render:e=>({components:{pzLabel:$,pzRadioGroup:z,pzText:L},setup(){const s=f(e.modelValue),l=f("two");return O(()=>e.modelValue,m=>{s.value=m}),{args:e,accordionValue:l,longLabelOptions:j,radioOptions:y,selectedValue:s}},template:`
+      <div class="pz-radio-group-story">
+        <section class="pz-radio-group-story-board">
+          <div class="pz-radio-group-story-header">
+            <div>
+              <span class="pz-radio-group-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Single-choice group with checkbox-aligned styling</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-radio-group-story-preview">
+            <div class="pz-radio-group-story-field">
+              <pz-label :label="args.heading">
+                <pz-radio-group
+                  v-model="selectedValue"
+                  :name="args.name"
+                  :mode="args.mode"
+                  :disabled="args.disabled"
+                  :options="args.options"
+                  :option-class="args.optionClass"
+                />
+              </pz-label>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-radio-group-story-gallery">
+          <div class="pz-radio-group-story-header">
+            <div>
+              <span class="pz-radio-group-story-eyebrow">Patterns</span>
+              <pz-text variant="h4-bold">Spacing, long labels, and expandable content</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-radio-group-story-grid">
+            <article class="pz-radio-group-story-card">
+              <pz-radio-group
+                name="radioGroup-1"
+                model-value="one"
+                :options="[{ label: 'Text radiobutton', value: 'one' }]"
+              />
+              <span class="pz-radio-group-story-note">Найпростіший випадок: одна опція для single-choice сценарію.</span>
+            </article>
+
+            <article class="pz-radio-group-story-card">
+              <pz-radio-group
+                name="radioGroup-2"
+                model-value="two"
+                :options="radioOptions.slice(0, 2)"
+              />
+              <span class="pz-radio-group-story-note">Дві опції показують базовий вертикальний ритм групи та відступ 8px між елементами.</span>
+            </article>
+
+            <article class="pz-radio-group-story-card">
+              <pz-radio-group
+                name="radioGroup-3"
+                model-value="two"
+                :options="radioOptions.slice(0, 3)"
+              />
+              <span class="pz-radio-group-story-note">Три опції відтворюють типовий список вибору для коротких переліків.</span>
+            </article>
+
+            <article class="pz-radio-group-story-card">
+              <pz-radio-group
+                name="radioGroup-4"
+                model-value="three"
+                :options="radioOptions"
+              />
+              <span class="pz-radio-group-story-note">Чотири опції показують, як компонент масштабується до повнішої групи без зміни стилю.</span>
+            </article>
+
+            <article class="pz-radio-group-story-card">
+              <pz-radio-group
+                name="radioGroup-5"
+                model-value="two"
+                :options="longLabelOptions"
+              />
+              <span class="pz-radio-group-story-note">Довгий label перевіряє перенесення тексту та стабільне вирівнювання radio-control.</span>
+            </article>
+
+            <article class="pz-radio-group-story-card">
+              <pz-radio-group
+                v-model="accordionValue"
+                name="radioGroup-6"
+                mode="accordion"
+                :options="[
+                  { label: 'Оплата після поставки', value: 'postpaid' },
+                  { label: 'Попередня оплата', value: 'prepaid' },
+                ]"
+              >
+                <template #content="{ value }">
+                  <span class="pz-radio-group-story-note">
+                    {{ value === 'prepaid' ? 'Покажіть додаткові поля для передоплати.' : 'Покажіть умови післяплати.' }}
+                  </span>
+                </template>
+              </pz-radio-group>
+              <span class="pz-radio-group-story-note">Accordion-режим відкриває додатковий контент тільки для обраної опції.</span>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},u={parameters:{docs:{description:{story:"Інтерактивний приклад групи radio buttons. Gallery нижче пояснює різну кількість опцій, довгі назви та accordion-режим для пов’язаного контенту."}}}};var h,P,x;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад групи radio buttons. Gallery нижче пояснює різну кількість опцій, довгі назви та accordion-режим для пов’язаного контенту."
+      }
+    }
+  }
+}`,...(x=(P=u.parameters)==null?void 0:P.docs)==null?void 0:x.source}}};const Q=["Playground"];export{u as Playground,Q as __namedExportsOrder,E as default};

package/dist/app/assets/{PzRouterLink.stories-BcMmoayC.js → PzRouterLink.stories-DzGN2JP5.js}

@@ -1,4 +1,4 @@
-import{d as b,u as g,h as k,w as n,s,R as z,o as y,m as x,v as P,j as u,x as w,g as R,y as _}from"./iframe-B7Bddli1.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-Drlqf9PC.js";import{P as T}from"./PzText-Qtpayc5y.js";import{P as $}from"./PzLink-BU7dMeUw.js";import"./preload-helper-C1FmrZbK.js";const l=b({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(e){const t=e,o=g(),r=(a,p)=>{t.disabled||t.target!=="_self"||p(a)};return(a,p)=>(y(),k(s(z),{custom:"",to:t.to,replace:t.replace},{default:n(({href:m,navigate:h})=>[x(s($),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,onClick:v=>r(v,h)}),P({default:n(()=>[u(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:n(()=>[u(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:n(()=>[u(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","onClick"])]),_:3},8,["to","replace"]))}});l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzRouterLink/PzRouterLink.vue"]});const A=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?`    <template #prefix>
+import{d as g,H as v,A as k,C as n,u as s,R as z,o as y,y as x,I as P,l as u,J as w,g as R,K as _}from"./iframe-DbWuH5mz.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-BNwLASSZ.js";import{P as A}from"./PzText-LkAZaPCW.js";import{P as T}from"./PzLink-BlhtooDh.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=g({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(e){const t=e,o=v(),r=(a,p)=>{t.disabled||t.target!=="_self"||p(a)};return(a,p)=>(y(),k(s(z),{custom:"",to:t.to,replace:t.replace},{default:n(({href:m,navigate:h})=>[x(s(T),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,onClick:b=>r(b,h)}),P({default:n(()=>[u(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:n(()=>[u(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:n(()=>[u(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","onClick"])]),_:3},8,["to","replace"]))}});l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzRouterLink/PzRouterLink.vue"]});const $=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?`    <template #prefix>
       <PzIcon name="arrow_back" size="16" />
     </template>`:null,`    ${e.label}`,e.showSuffix?`    <template #suffix>
       <PzIcon name="arrow_forward" size="16" />
@@ -7,7 +7,7 @@ import{d as b,u as g,h as k,w as n,s,R as z,o as y,m as x,v as P,j as u,x as w,g
 ${r.join(`
 `)}
   </PzRouterLink>
-</template>`},B={title:"Components/Actions/PzRouterLink",component:l,parameters:{prototype:{caption:"Router-aware link component",note:"Use `PzRouterLink` for in-app navigation with vue-router while keeping the same visual API as `PzLink`."},docs:{description:{component:"Use `PzRouterLink` when navigation should stay inside a Vue Router application without forcing a full page reload. It wraps `PzLink` and forwards the same visual props and slots."},source:{transform:(e,t)=>A(t.args??B.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,label:"Open active tenders",showPrefix:!1,showSuffix:!0},argTypes:{to:{control:"text",description:"Vue Router target location."},variant:{control:"inline-radio",options:S,description:"Visual link treatment."},target:{control:"select",options:L,description:"Anchor target attribute. `_self` keeps router navigation enabled."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},replace:{control:"boolean",description:"Uses router replace navigation instead of push."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzRouterLink:l,pzIcon:V,pzText:T},setup(){const t=_(),o=R(()=>t.fullPath);return{args:e,currentPath:o}},template:`
+</template>`},B={title:"Components/Actions/PzRouterLink",component:l,parameters:{prototype:{caption:"Router-aware link component",note:"Use `PzRouterLink` for in-app navigation with vue-router while keeping the same visual API as `PzLink`."},docs:{description:{component:"Use `PzRouterLink` when navigation should stay inside a Vue Router application without forcing a full page reload. It wraps `PzLink` and forwards the same visual props and slots."},source:{transform:(e,t)=>$(t.args??B.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,label:"Open active tenders",showPrefix:!1,showSuffix:!0},argTypes:{to:{control:"text",description:"Vue Router target location."},variant:{control:"inline-radio",options:S,description:"Visual link treatment."},target:{control:"select",options:L,description:"Anchor target attribute. `_self` keeps router navigation enabled."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},replace:{control:"boolean",description:"Uses router replace navigation instead of push."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzRouterLink:l,pzIcon:V,pzText:A},setup(){const t=_(),o=R(()=>t.fullPath);return{args:e,currentPath:o}},template:`
       <div class="pz-link-story">
         <section class="pz-link-story-board">
           <div class="pz-link-story-header">
@@ -51,4 +51,4 @@ ${r.join(`
           </div>
         </section>
       </div>
-    `})},i={};var c,f,d;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(f=i.parameters)==null?void 0:f.docs)==null?void 0:d.source}}};const q=["Playground"];export{i as Playground,q as __namedExportsOrder,B as default};
+    `})},i={};var c,f,d;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(f=i.parameters)==null?void 0:f.docs)==null?void 0:d.source}}};const J=["Playground"];export{i as Playground,J as __namedExportsOrder,B as default};

package/dist/app/assets/{PzScrollTo.stories-Gvacxovn.js → PzScrollTo.stories-Bx37NsA6.js}

@@ -1,4 +1,4 @@
-import{r as a,L as p,M as y}from"./iframe-B7Bddli1.js";import{P as f}from"./PzText-Qtpayc5y.js";import"./preload-helper-C1FmrZbK.js";const g=["auto","instant","smooth"],b=2e3,z="pz-scroll-to-highlight",S="smooth",c=t=>typeof t=="number"?{offsetTop:t}:t??{},m=t=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof t=="number")return t;const o=typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:null;return o?window.scrollY+o.getBoundingClientRect().top:null},d=(t,o)=>{if(!t||typeof window>"u")return;const s=o.highlightClassName??z,e=o.highlightDuration??b;s&&(t.classList.add(s),window.setTimeout(()=>{t.classList.remove(s)},e))};class r{static moveById(o,s){if(typeof document>"u")return!1;const e=document.getElementById(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToTop(o){return r.moveTo(0,o)}static moveTo(o,s){if(typeof window>"u")return!1;const e=c(s);return window.scrollTo({top:Math.max(o-(e.offsetTop??0),0),left:0,behavior:e.behavior??S}),!0}static moveByQuerySelector(o,s){if(typeof document>"u")return!1;const e=document.querySelector(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToElement(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}static move(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}}const T=24,P="100vh",x=t=>{const o=[t.behavior!=="smooth"?`behavior: "${t.behavior}"`:null,t.offsetTop!==T?`offsetTop: ${t.offsetTop}`:null].filter(e=>!!e).join(", ");return`<script setup lang="ts">
+import{r as a,w as p,a0 as y}from"./iframe-DbWuH5mz.js";import{P as f}from"./PzText-LkAZaPCW.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g=["auto","instant","smooth"],b=2e3,z="pz-scroll-to-highlight",S="smooth",c=t=>typeof t=="number"?{offsetTop:t}:t??{},m=t=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof t=="number")return t;const o=typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:null;return o?window.scrollY+o.getBoundingClientRect().top:null},d=(t,o)=>{if(!t||typeof window>"u")return;const s=o.highlightClassName??z,e=o.highlightDuration??b;s&&(t.classList.add(s),window.setTimeout(()=>{t.classList.remove(s)},e))};class r{static moveById(o,s){if(typeof document>"u")return!1;const e=document.getElementById(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToTop(o){return r.moveTo(0,o)}static moveTo(o,s){if(typeof window>"u")return!1;const e=c(s);return window.scrollTo({top:Math.max(o-(e.offsetTop??0),0),left:0,behavior:e.behavior??S}),!0}static moveByQuerySelector(o,s){if(typeof document>"u")return!1;const e=document.querySelector(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToElement(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}static move(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}}const T=24,P="100vh",x=t=>{const o=[t.behavior!=="smooth"?`behavior: "${t.behavior}"`:null,t.offsetTop!==T?`offsetTop: ${t.offsetTop}`:null].filter(e=>!!e).join(", ");return`<script setup lang="ts">
 import { PzScrollTo } from "@prozorro/prozorro-ui";
 
 const scrollToTenderDocuments = (): void => {
@@ -8,12 +8,12 @@ const scrollToTenderDocuments = (): void => {
 
 <template>
   <button type="button" @click="scrollToTenderDocuments">Scroll to documents</button>
-</template>`},E=[{id:"overview",label:"Overview",copy:"Short context for the procurement scenario and the current workflow state."},{id:"criteria",label:"Criteria",copy:"Eligibility and qualification requirements for suppliers and attached evidence."},{id:"documents",label:"Documents",copy:"Attached files, visual previews, and supporting procurement materials for review."}],L=[{name:"moveById",signature:"PzScrollTo.moveById(id, options?)",description:"Scrolls to an element found by id and optionally highlights it after scrolling.",params:"`id: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveById("documents", { offsetTop: 24, behavior: "smooth" });'},{name:"moveByQuerySelector",signature:"PzScrollTo.moveByQuerySelector(selector, options?)",description:"Scrolls to the first element matching a CSS selector and can highlight it.",params:"`selector: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveByQuerySelector("#documents .item", 32);'},{name:"moveTo",signature:"PzScrollTo.moveTo(targetTop, options?)",description:"Scrolls to an absolute Y position in the page.",params:"`targetTop: number`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveTo(640, { behavior: "auto" });'},{name:"moveToTop",signature:"PzScrollTo.moveToTop(options?)",description:"Scrolls the page back to the top.",params:"`options?: PzScrollToOptions`",example:'PzScrollTo.moveToTop({ behavior: "smooth" });'},{name:"moveToElement",signature:"PzScrollTo.moveToElement(element, options?)",description:"Scrolls directly to a passed HTMLElement instance.",params:"`element: HTMLElement`, `options?: number | PzScrollToOptions`",example:"PzScrollTo.moveToElement(sectionRef.value, { offsetTop: 16 });"},{name:"move",signature:"PzScrollTo.move(target, options?)",description:"Universal method that accepts a number, selector, or HTMLElement target.",params:"`target: number | string | HTMLElement`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.move("#documents", { highlightClassName: "pz-scroll-to-highlight" });'}],w=[{name:"PzScrollBehavior",signature:'type PzScrollBehavior = "auto" | "instant" | "smooth"',description:"Defines the scroll behavior passed to `window.scrollTo`.",example:'const behavior: PzScrollBehavior = "smooth";'},{name:"PzScrollToTarget",signature:"type PzScrollToTarget = number | string | HTMLElement",description:"Universal target type accepted by `move(...)`: absolute Y position, CSS selector, or HTMLElement.",example:'PzScrollTo.move("#documents");'},{name:"PzScrollToOptions",signature:"interface PzScrollToOptions",description:"`offsetTop` shifts the final position, `behavior` controls animation, `highlightClassName` adds a CSS class to the target, and `highlightDuration` removes it after a timeout.",example:`const options: PzScrollToOptions = { 
+</template>`},w=[{id:"overview",label:"Overview",copy:"Short context for the procurement scenario and the current workflow state."},{id:"criteria",label:"Criteria",copy:"Eligibility and qualification requirements for suppliers and attached evidence."},{id:"documents",label:"Documents",copy:"Attached files, visual previews, and supporting procurement materials for review."}],E=[{name:"moveById",signature:"PzScrollTo.moveById(id, options?)",description:"Scrolls to an element found by id and optionally highlights it after scrolling.",params:"`id: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveById("documents", { offsetTop: 24, behavior: "smooth" });'},{name:"moveByQuerySelector",signature:"PzScrollTo.moveByQuerySelector(selector, options?)",description:"Scrolls to the first element matching a CSS selector and can highlight it.",params:"`selector: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveByQuerySelector("#documents .item", 32);'},{name:"moveTo",signature:"PzScrollTo.moveTo(targetTop, options?)",description:"Scrolls to an absolute Y position in the page.",params:"`targetTop: number`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveTo(640, { behavior: "auto" });'},{name:"moveToTop",signature:"PzScrollTo.moveToTop(options?)",description:"Scrolls the page back to the top.",params:"`options?: PzScrollToOptions`",example:'PzScrollTo.moveToTop({ behavior: "smooth" });'},{name:"moveToElement",signature:"PzScrollTo.moveToElement(element, options?)",description:"Scrolls directly to a passed HTMLElement instance.",params:"`element: HTMLElement`, `options?: number | PzScrollToOptions`",example:"PzScrollTo.moveToElement(sectionRef.value, { offsetTop: 16 });"},{name:"move",signature:"PzScrollTo.move(target, options?)",description:"Universal method that accepts a number, selector, or HTMLElement target.",params:"`target: number | string | HTMLElement`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.move("#documents", { highlightClassName: "pz-scroll-to-highlight" });'}],B=[{name:"PzScrollBehavior",signature:'type PzScrollBehavior = "auto" | "instant" | "smooth"',description:"Defines the scroll behavior passed to `window.scrollTo`.",example:'const behavior: PzScrollBehavior = "smooth";'},{name:"PzScrollToTarget",signature:"type PzScrollToTarget = number | string | HTMLElement",description:"Universal target type accepted by `move(...)`: absolute Y position, CSS selector, or HTMLElement.",example:'PzScrollTo.move("#documents");'},{name:"PzScrollToOptions",signature:"interface PzScrollToOptions",description:"`offsetTop` shifts the final position, `behavior` controls animation, `highlightClassName` adds a CSS class to the target, and `highlightDuration` removes it after a timeout.",example:`const options: PzScrollToOptions = { 
  offsetTop: 24, 
  behavior: "smooth", 
  highlightClassName: "pz-scroll-to-highlight", 
  highlightDuration: 2000 
-};`}],B={title:"Utilities/PzScrollTo",parameters:{prototype:{caption:"Scroll utility",note:"Direct utility for anchor-like programmatic scrolling. It keeps the old moveById/moveTo/moveByQuerySelector API, but adds typed options and a reusable highlight hook for target sections."},docs:{description:{component:"Use `PzScrollTo` from the library root for programmatic scrolling to document sections, anchored blocks, or absolute positions. Available methods: `moveById(id, options?)`, `moveByQuerySelector(selector, options?)`, `moveTo(targetTop, options?)`, `moveToTop(options?)`, `moveToElement(element, options?)`, and `move(target, options?)`. `options` supports `offsetTop`, `behavior`, `highlightClassName`, and `highlightDuration`."},source:{transform:(t,o)=>x(o.args??B.args)}}},args:{behavior:"smooth",offsetTop:T},argTypes:{behavior:{control:"inline-radio",options:g,description:"Scroll behavior passed to window.scrollTo."},offsetTop:{control:{type:"number",min:0,max:120,step:4},description:"Top offset subtracted from the target position."}},render:t=>({components:{pzText:f},setup(){const o=a(t.behavior),s=a(t.offsetTop);p(()=>t.behavior,l=>{o.value=l}),p(()=>t.offsetTop,l=>{s.value=l});const e=l=>{r.moveById(l,{behavior:o.value,offsetTop:s.value})},n=()=>{r.moveToTop({behavior:o.value})};return y(()=>{document.querySelectorAll(".pz-scroll-to-highlight").forEach(l=>{l.classList.remove("pz-scroll-to-highlight")})}),{methodDocs:L,sections:E,scrollToSection:e,scrollToTop:n,typeDocs:w}},template:`
+};`}],L={title:"Utilities/PzScrollTo",parameters:{prototype:{caption:"Scroll utility",note:"Direct utility for anchor-like programmatic scrolling. It keeps the old moveById/moveTo/moveByQuerySelector API, but adds typed options and a reusable highlight hook for target sections."},docs:{description:{component:"Use `PzScrollTo` from the library root for programmatic scrolling to document sections, anchored blocks, or absolute positions. Available methods: `moveById(id, options?)`, `moveByQuerySelector(selector, options?)`, `moveTo(targetTop, options?)`, `moveToTop(options?)`, `moveToElement(element, options?)`, and `move(target, options?)`. `options` supports `offsetTop`, `behavior`, `highlightClassName`, and `highlightDuration`."},source:{transform:(t,o)=>x(o.args??L.args)}}},args:{behavior:"smooth",offsetTop:T},argTypes:{behavior:{control:"inline-radio",options:g,description:"Scroll behavior passed to window.scrollTo."},offsetTop:{control:{type:"number",min:0,max:120,step:4},description:"Top offset subtracted from the target position."}},render:t=>({components:{pzText:f},setup(){const o=a(t.behavior),s=a(t.offsetTop);p(()=>t.behavior,l=>{o.value=l}),p(()=>t.offsetTop,l=>{s.value=l});const e=l=>{r.moveById(l,{behavior:o.value,offsetTop:s.value})},n=()=>{r.moveToTop({behavior:o.value})};return y(()=>{document.querySelectorAll(".pz-scroll-to-highlight").forEach(l=>{l.classList.remove("pz-scroll-to-highlight")})}),{methodDocs:E,sections:w,scrollToSection:e,scrollToTop:n,typeDocs:B}},template:`
       <div class="pz-scroll-to-story">
         <section class="pz-scroll-to-story-toolbar">
           <div class="pz-scroll-to-story-copy">
@@ -78,4 +78,4 @@ const scrollToTenderDocuments = (): void => {
           </article>
         </section>
       </div>
-    `})},i={};var u,h,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(h=i.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};const O=["Playground"];export{i as Playground,O as __namedExportsOrder,B as default};
+    `})},i={};var u,h,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(h=i.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};const D=["Playground"];export{i as Playground,D as __namedExportsOrder,L as default};

package/dist/app/assets/{PzSearchResultItemLayout-DtvZAeWW.css → PzSearchResultItemLayout-B3s9Usmb.css}

@@ -1 +1 @@
-.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 44%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-7d1503e1]{margin:0;padding:0;list-style:none}.pz-search-result-item-layout+.pz-search-result-item-layout[data-v-7d1503e1]{margin-top:var(--pz-space-12)}.pz-search-result-item-layout-surface[data-v-7d1503e1]{position:relative;padding:var(--pz-space-16);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 100%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 7%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 3%,transparent),transparent 40%);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 4%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}@media (min-width: 1024px){.pz-search-result-item-layout-surface[data-v-7d1503e1]{padding-inline:var(--pz-space-24)}}.pz-search-result-item-layout-grid[data-v-7d1503e1]{display:grid;gap:var(--pz-space-16);align-items:start}@media (min-width: 1024px){.pz-search-result-item-layout-grid[data-v-7d1503e1]{grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:40px}}.pz-search-result-item-layout-main[data-v-7d1503e1],.pz-search-result-item-layout-aside[data-v-7d1503e1]{min-width:0}.pz-search-result-item-layout-aside[data-v-7d1503e1]{display:grid;align-content:start;gap:var(--pz-space-12)}
+.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 44%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-6b699261]{margin:0;padding:0;list-style:none}.pz-search-result-item-layout+.pz-search-result-item-layout[data-v-6b699261]{margin-top:var(--pz-space-12)}.pz-search-result-item-layout-surface[data-v-6b699261]{position:relative;padding:var(--pz-space-16);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 100%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 7%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 3%,transparent),transparent 40%);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 4%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}@media (min-width: 1024px){.pz-search-result-item-layout-surface[data-v-6b699261]{padding-inline:var(--pz-space-24)}}.pz-search-result-item-layout-grid[data-v-6b699261]{display:grid;gap:var(--pz-space-16);align-items:start}@media (min-width: 1024px){.pz-search-result-item-layout-grid[data-v-6b699261]{grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:40px}}.pz-search-result-item-layout-main[data-v-6b699261],.pz-search-result-item-layout-aside[data-v-6b699261]{min-width:0}.pz-search-result-item-layout-aside[data-v-6b699261]{display:grid;align-content:start;gap:var(--pz-space-12)}

package/dist/app/assets/{PzSearchResultItemLayout.stories-B0EKt_OP.js → PzSearchResultItemLayout.stories-vkVys3LL.js}

@@ -1,4 +1,4 @@
-import{_ as p,P as d}from"./PzText-Qtpayc5y.js";import{d as m,h as y,w as h,i as z,o as v,l as a,j as l}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const g={class:"pz-search-result-item-layout-surface"},b={class:"pz-search-result-item-layout-grid"},f={class:"pz-search-result-item-layout-main"},_={class:"pz-search-result-item-layout-aside"},o=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"}},setup(e){const t=e;return(s,R)=>(v(),y(z(t.as),{class:"pz-search-result-item-layout"},{default:h(()=>[a("div",g,[a("div",b,[a("div",f,[l(s.$slots,"first-col",{},void 0,!0)]),a("div",_,[l(s.$slots,"second-col",{},void 0,!0)])])])]),_:3}))}}),c=p(o,[["__scopeId","data-v-7d1503e1"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const L=["li","article","div"],I=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],S=e=>`<template>
+import{P as p}from"./PzText-LkAZaPCW.js";import{d,A as m,C as y,B as h,o as z,k as a,l}from"./iframe-DbWuH5mz.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const g={class:"pz-search-result-item-layout-surface"},b={class:"pz-search-result-item-layout-grid"},f={class:"pz-search-result-item-layout-main"},L={class:"pz-search-result-item-layout-aside"},o=d({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"}},setup(e){const t=e;return(s,R)=>(z(),m(h(t.as),{class:"pz-search-result-item-layout"},{default:y(()=>[a("div",g,[a("div",b,[a("div",f,[l(s.$slots,"first-col",{},void 0,!0)]),a("div",L,[l(s.$slots,"second-col",{},void 0,!0)])])])]),_:3}))}}),c=v(o,[["__scopeId","data-v-6b699261"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const _=["li","article","div"],I=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],S=e=>`<template>
   <PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null].filter(s=>!!s).join(" ")}>
     <template #first-col>
       <a href="#">Result title</a>
@@ -14,7 +14,7 @@ import{_ as p,P as d}from"./PzText-Qtpayc5y.js";import{d as m,h as y,w as h,i as
       </div>
     </template>
   </PzSearchResultItemLayout>
-</template>`,P={title:"Components/Layouts/PzSearchResultItemLayout",component:c,parameters:{prototype:{caption:"Search result item layout",note:"Search-list card shell for procurement, selection, and planning results. The component owns spacing, card surface, and responsive column rhythm while consumers compose the inner content through slots."},docs:{description:{component:"Use `PzSearchResultItemLayout` as a structural primitive for search results with a wide content area and a compact metrics column. Fill the content through the `first-col` and `second-col` slots."},source:{transform:(e,t)=>S(t.args??P.args)}}},args:{as:"li"},argTypes:{as:{control:"select",options:L,description:"HTML tag used for the outer wrapper."}},render:e=>({components:{pzSearchResultItemLayout:c,pzText:d},setup(){return{args:e,searchResultGroups:I}},template:`
+</template>`,P={title:"Components/Layouts/PzSearchResultItemLayout",component:c,parameters:{prototype:{caption:"Search result item layout",note:"Search-list card shell for procurement, selection, and planning results. The component owns spacing, card surface, and responsive column rhythm while consumers compose the inner content through slots."},docs:{description:{component:"Use `PzSearchResultItemLayout` as a structural primitive for search results with a wide content area and a compact metrics column. Fill the content through the `first-col` and `second-col` slots."},source:{transform:(e,t)=>S(t.args??P.args)}}},args:{as:"li"},argTypes:{as:{control:"select",options:_,description:"HTML tag used for the outer wrapper."}},render:e=>({components:{pzSearchResultItemLayout:c,pzText:p},setup(){return{args:e,searchResultGroups:I}},template:`
       <section class="pz-search-result-layout-story">
         <div class="pz-search-result-layout-story-hero">
           <div>
@@ -109,4 +109,4 @@ import{_ as p,P as d}from"./PzText-Qtpayc5y.js";import{d as m,h as y,w as h,i as
           </section>
         </div>
       </section>
-    `})},r={};var i,u,n;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(n=(u=r.parameters)==null?void 0:u.docs)==null?void 0:n.source}}};const x=["Playground"];export{r as Playground,x as __namedExportsOrder,P as default};
+    `})},r={};var i,u,n;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(n=(u=r.parameters)==null?void 0:u.docs)==null?void 0:n.source}}};const k=["Playground"];export{r as Playground,k as __namedExportsOrder,P as default};

package/dist/app/assets/PzSelect-BwhRsTZd.css

@@ -0,0 +1 @@
+.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-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) 7%,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) 92%,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-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-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-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;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-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-story-card{display:grid;gap:var(--pz-space-16);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-select-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}

package/dist/app/assets/PzSelect-CrTXtlds.js

@@ -0,0 +1 @@
+import{d as O,e as m,y as f,C as p,u as d,n as S,f as b,g as s,o as g,k as v,F as $,z as D,l as V,E as P,t as _,r as I,J as L}from"./iframe-DbWuH5mz.js";import{u as T}from"./index-LkANHSb5.js";import{k as W}from"./floating-vue-B4YMiR3n.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as A}from"./PzIcon-BNwLASSZ.js";import{P as R}from"./PzLabel-Coa549nk.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const J=6,M=["id"],Z=["id","disabled","aria-controls","aria-expanded","aria-label"],G={class:"pz-select-trigger-text"},H=["id","aria-labelledby"],K=["id","aria-selected","disabled","onClick"],o=O({name:"PzSelect",__name:"PzSelect",props:{name:{},options:{},modelValue:{type:[String,Number,Boolean],default:void 0},label:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},variant:{default:"field"},width:{default:void 0}},emits:["update:modelValue"],setup(l,{emit:x}){const a=l,k=x,y=I(null),{width:E}=T(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),N=s(()=>{var e;return((e=i.value)==null?void 0:e.label)??a.placeholder}),C=s(()=>{var e;return a.label||((e=i.value)==null?void 0:e.label)||a.placeholder||a.name}),w=s(()=>{const e=Math.round(E.value);return!e||!u.value?{}:{inlineSize:`${String(e)}px`}}),c=e=>q.isEqual(e,a.modelValue),h=(e,r)=>e.id??`${a.name}-trigger-option-${String(r+1)}`,B=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{k("update:modelValue",e),r()};return(e,r)=>(g(),m("div",{id:l.name,class:b(["pz-select",{"is-field":u.value,"is-inline":!u.value}]),style:S({width:l.width})},[f(d(R),{label:a.label,for:l.name+"-trigger",required:a.required,disabled:a.disabled},{default:p(()=>[f(d(W),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(J),disabled:a.disabled},{default:p(({shown:n})=>[v("button",{id:l.name+"-trigger",ref_key:"triggerRef",ref:y,type:"button",class:b(["pz-select-trigger",{"is-open":n,"is-placeholder":!i.value}]),disabled:a.disabled,"aria-controls":l.name+"-menu","aria-expanded":n?"true":"false","aria-haspopup":"listbox","aria-label":a.label?void 0:C.value},[v("span",G,[V(e.$slots,"selected",{option:i.value,placeholder:a.placeholder},()=>[P(_(N.value),1)],!0)]),f(d(A),{name:"expand_more",size:"20",class:"pz-select-trigger-icon"})],10,Z)]),popper:p(({hide:n})=>[v("div",{id:l.name+"-menu",class:"pz-select-menu",style:S(w.value),role:"listbox","aria-labelledby":l.name+"-trigger"},[(g(!0),m($,null,D(a.options,(t,z)=>(g(),m("button",{id:h(t,z),key:h(t,z),type:"button",role:"option",class:b(["pz-select-option",{"is-active":c(t.value),"is-disabled":t.disabled}]),"aria-selected":c(t.value)?"true":"false",disabled:t.disabled,onClick:Q=>F(t.value,n)},[V(e.$slots,"default",L({ref_for:!0},B(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,H)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],14,M))}}),se=j(o,[["__scopeId","data-v-7b81ee27"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSelect",exportName:"default",displayName:"PzSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!1,type:{name:"PzFormSelectValue"},defaultValue:{func:!1,value:"undefined"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzSelectVariant"},defaultValue:{func:!1,value:'"field"'}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"option",title:"binding"},{name:"placeholder",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzSelect/PzSelect.vue"]});export{se as P};

package/dist/app/assets/PzSelect-Del6HRlD.css

@@ -0,0 +1 @@
+.pz-select[data-v-7b81ee27]{width:100%}.pz-select.is-inline[data-v-7b81ee27]{width:fit-content;max-width:100%}.pz-select.is-inline[data-v-7b81ee27] .pz-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--pz-space-4);width:auto;max-width:100%}.pz-select.is-inline[data-v-7b81ee27] .pz-label-caption{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-dropdown[data-v-7b81ee27]{width:100%}.pz-select.is-inline .pz-select-dropdown[data-v-7b81ee27]{width:auto;max-width:100%}.pz-select-trigger[data-v-7b81ee27]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-trigger[data-v-7b81ee27]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-select-trigger[data-v-7b81ee27]:disabled{cursor:not-allowed}.pz-select-trigger-text[data-v-7b81ee27]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-select-trigger-icon[data-v-7b81ee27]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-select-trigger.is-open .pz-select-trigger-icon[data-v-7b81ee27]{transform:rotate(180deg)}.pz-select-menu[data-v-7b81ee27]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-select-option[data-v-7b81ee27]{display:flex;align-items:center;width:100%;min-width:0;padding:6px var(--pz-space-16);border:0;border-radius:0;background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease,color .16s ease,font-weight .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-option[data-v-7b81ee27]:not(.is-active,.is-disabled):hover,.pz-select-option[data-v-7b81ee27]:not(.is-active,.is-disabled):focus-visible{background:var(--pz-color-blue-10);outline:none}.pz-select-option.is-active[data-v-7b81ee27]{background:var(--pz-color-blue-10);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-select-option.is-disabled[data-v-7b81ee27]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-select.is-field .pz-select-trigger.is-placeholder[data-v-7b81ee27]{color:var(--pz-color-text-secondary)}.pz-select.is-field .pz-select-trigger[data-v-7b81ee27]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary)}.pz-select.is-inline .pz-select-trigger[data-v-7b81ee27]{width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--pz-color-text-link);box-shadow:none}.pz-select.is-inline .pz-select-trigger[data-v-7b81ee27]:not(:disabled):hover,.pz-select.is-inline .pz-select-trigger[data-v-7b81ee27]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-select.is-inline .pz-select-trigger.is-placeholder[data-v-7b81ee27]{color:var(--pz-color-text-link)}.pz-select.is-inline .pz-select-trigger[data-v-7b81ee27]:disabled{color:var(--pz-color-text-link-disabled)}.pz-select.is-inline .pz-select-menu[data-v-7b81ee27]{min-inline-size:168px}.pz-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}