@prozorro/prozorro-ui 0.0.48-beta → 0.1.0-beta

package/dist/app/assets/PzTextClamp.stories-BsC8cDUD.js

@@ -1,150 +0,0 @@
-import{e as se,a3 as xe,w as x,a4 as fe,h as _e,o as q,f as ge,q as U,y as H,C as g,n as he,r as C,c as v,i as X,u as Z,x as G,g as ve,Z as ze,B as ye,t as be,p as we}from"./iframe-Do6fIq0O.js";import{P as oe}from"./PzText-D28wm55Y.js";import{p as Ce}from"./configs-B15JgQZ-.js";import{P as Le}from"./PzBtn-3ZvQQBuK.js";import{_ as Te}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var R=null;function Se(e){return R||(R=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){return setTimeout(a,16)}).bind(window)),R(e)}var N=null;function Pe(e){N||(N=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(a){clearTimeout(a)}).bind(window)),N(e)}function Ee(e){var a=document.createElement("style");return a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(a),a}function z(e,a){a===void 0&&(a={});var t=document.createElement(e);return Object.keys(a).forEach(function(r){t[r]=a[r]}),t}function ie(e,a,t){var r=window.getComputedStyle(e,null)||{display:"none"};return r[a]}function O(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var a=e;a!==document;){if(ie(a,"display")==="none")return{detached:!1,rendered:!1};a=a.parentNode}return{detached:!1,rendered:!0}}var ke='.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}',A=0,L=null;function Re(e,a){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=He.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var r=e.offsetWidth,i=e.offsetHeight,o=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===r&&e.offsetHeight===i)||S(e)}),n=O(e),p=n.detached,d=n.rendered;e.__resize_observer_triggered__=p===!1&&d===!1,e.__resize_observer__=o,o.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){S(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(A||(L=Ee(ke)),Oe(e),e.__resize_rendered__=O(e).rendered,window.MutationObserver){var l=new MutationObserver(e.__resize_mutation_handler__);l.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=l}}e.__resize_listeners__.push(a),A++}function Ne(e,a){var t=e.__resize_listeners__;if(t){if(a&&t.splice(t.indexOf(a),1),!t.length||!a){if(e.detachEvent&&e.removeEventListener){e.detachEvent("onresize",e.__resize_legacy_resize_handler__),document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);return}e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",B),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--A&&L&&L.parentNode.removeChild(L)}}function qe(e){var a=e.__resize_last__,t=a.width,r=a.height,i=e.offsetWidth,o=e.offsetHeight;return i!==t||o!==r?{width:i,height:o}:null}function He(){var e=O(this),a=e.rendered,t=e.detached;a!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(F(this),this.addEventListener("scroll",B,!0)),this.__resize_rendered__=a,S(this))}function B(){var e=this;F(this),this.__resize_raf__&&Pe(this.__resize_raf__),this.__resize_raf__=Se(function(){var a=qe(e);a&&(e.__resize_last__=a,S(e))})}function S(e){!e||!e.__resize_listeners__||e.__resize_listeners__.forEach(function(a){a.call(e,e)})}function Oe(e){var a=ie(e,"position");(!a||a==="static")&&(e.style.position="relative"),e.__resize_old_position__=a,e.__resize_last__={};var t=z("div",{className:"resize-triggers"}),r=z("div",{className:"resize-expand-trigger"}),i=z("div"),o=z("div",{className:"resize-contract-trigger"});r.appendChild(i),t.appendChild(r),t.appendChild(o),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:r,expandChild:i,contract:o},F(e),e.addEventListener("scroll",B,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}function F(e){var a=e.__resize_triggers__,t=a.expand,r=a.expandChild,i=a.contract,o=i.scrollWidth,n=i.scrollHeight,p=t.offsetWidth,d=t.offsetHeight,l=t.scrollWidth,f=t.scrollHeight;i.scrollLeft=o,i.scrollTop=n,r.style.width=p+1+"px",r.style.height=d+1+"px",t.scrollLeft=l,t.scrollTop=f}const Ae=["aria-label"];var le=se({__name:"text-clamp",props:{text:{type:String,required:!0},maxHeight:{type:[String,Number],required:!1},maxLines:{type:Number,required:!1},expanded:{type:Boolean,required:!1,default:!1},location:{type:String,required:!1,default:"end"},ellipsis:{type:String,required:!1,default:"…"},autoResize:{type:Boolean,required:!1,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:a}){const t=e,r=C(null),i=C(null),o=C(null),n=xe({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),p=v(()=>{if(!n.localExpanded&&t.maxHeight)return typeof(t==null?void 0:t.maxHeight)=="number"?`${t==null?void 0:t.maxHeight}px`:t==null?void 0:t.maxHeight}),d=()=>{o.value&&(o.value.textContent=ue.value)},l=()=>{n.localExpanded||(d(),(h()||c.value)&&E())},f=()=>{t.text&&(n.offset=t.text.length,V(),t.autoResize&&r.value&&(Re(r.value,l),n.unregisterResizeCallback=()=>{r.value&&Ne(r.value,l)}),l())},V=()=>{var s;(s=n.unregisterResizeCallback)==null||s.call(n)},h=()=>!(!t.maxLines&&!t.maxHeight)&&!!r.value&&(!!(t.maxLines&&P()>t.maxLines)||!!(t.maxHeight&&r.value.scrollHeight>r.value.offsetHeight)),P=()=>i.value?Object.keys(Array.prototype.slice.call(i.value.getClientRects()).reduce((s,{top:u,bottom:_})=>{const m=`${u}/${_}`;return s[m]||(s[m]=!0),s},{})).length:0,E=(...s)=>{const[u=0,_=n.offset]=s;if(_-u<=3)return void de();const m=Math.floor((_+u)/2);k(m),h()?E(u,m):E(m,_)},k=s=>{n.offset=s,d()},de=()=>{pe(),ce()},pe=()=>{for(;(!h()||P()<2)&&n.offset<t.text.length;)j(1)},ce=()=>{for(;h()&&P()>1&&n.offset>0;)j(-1)},j=s=>{k(n.offset+s)},c=v(()=>!!t.text&&n.offset!==t.text.length);x(()=>c.value,s=>{setTimeout(()=>{a("clamp-change",s)},0)},{immediate:!0});const ue=v(()=>c.value?me.value:t.text),me=v(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-n.offset)||"").trim();if(t.location==="middle"){const s=Math.floor(n.offset/2);return(t.text.slice(0,s)||"").trim()+t.ellipsis+(t.text.slice(-s)||"").trim()}return(t.text.slice(0,n.offset)||"").trim()+t.ellipsis}),D=()=>{n.localExpanded=!0},W=()=>{n.localExpanded=!1},I=()=>{n.localExpanded=!n.localExpanded};return x(()=>t.expanded,s=>{n.localExpanded=s}),x(()=>n.localExpanded,s=>{s?k(t.text.length):l(),t.expanded!==s&&a("update:expanded",s)}),x(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,c.value].join(),()=>{X(()=>{l()})}),x(()=>[t.text,t.autoResize].join(),()=>{X(()=>{f()})}),fe(()=>{V()}),_e(()=>{f()}),(s,u)=>(q(),ge("div",{ref_key:"textClampRef",ref:r,class:"text-clamp",style:he({overflow:"hidden",maxHeight:g(p)})},[U("span",{ref_key:"contentRef",ref:i},[H(s.$slots,"before",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded}),U("span",{ref_key:"textRef",ref:o,"aria-label":e.text},null,8,Ae),H(s.$slots,"after",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded})],512)],4))}});le.__file="package/text-clamp.vue";const Me=e=>(e.install=function(a){a.component(e.__name,e)},e),$e=Me(le),Be=3,Fe="... ",T=se({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:Be},clampPostfix:{default:Fe},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{default:"Show more"},collapseLabel:{default:"Collapse"},typography:{}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=a,r=o=>{t("update:expanded",o)},i=o=>{t("clamp-change",o)};return(o,n)=>(q(),Z(g($e),{text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,expanded:e.expanded,"auto-resize":e.autoResize,class:ve(["pz-text-clamp",e.typography?`pz-typography--${e.typography}`:null]),"onUpdate:expanded":r,onClampChange:i},{after:G(({toggle:p,expanded:d,clamped:l})=>[H(o.$slots,"toggle",{toggle:p,expanded:d,clamped:l},()=>[l||d?(q(),Z(g(Le),{key:0,variant:"transparent",type:"button",typography:e.typography??"body-regular",class:"pz-text-clamp__btn",onClick:ze(p,["stop"])},{default:G(()=>[ye(be(d?e.collapseLabel:e.expandLabel),1)]),_:2},1032,["typography","onClick"])):we("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize","class"]))}}),M=Te(T,[["__scopeId","data-v-82381675"]]);T.__docgenInfo=Object.assign({displayName:T.name??T.__name},{name:"PzTextClamp",exportName:"default",displayName:"PzTextClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"MAX_CONTENT_LINES"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"DEFAULT_CLAMP_POSTFIX"}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"autoResize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Show more"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Collapse"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],events:[{name:"update:expanded",type:{names:["boolean"]}},{name:"clamp-change",type:{names:["boolean"]}}],slots:[{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"clamped",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzTextClamp/PzTextClamp.vue"]});const $=[{kicker:"News teaser",title:"Two lines with default toggle",text:"The procurement framework for recovery projects should remain readable even when editors add dense context, supporting details, and legal clarifications into a single preview paragraph.",maxContentLines:2},{kicker:"Tender summary",title:"Three lines with longer body copy",text:"Prozorro teams often need the first block of text to stay compact inside cards, while still giving visitors a way to reveal the full explanation, deadlines, and rationale without leaving the page context.",maxContentLines:3},{kicker:"Always expanded",title:"Controlled expanded state",text:"This example starts opened to show that the wrapper supports v-model style control through update:expanded and still keeps the same text treatment as the collapsed variant.",maxContentLines:2,expanded:!0}],Ve=e=>`<template>
-  <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>`,je=()=>`<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>`,De={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)=>Ve(a.args??De.args)}}},args:{text:$[1].text,maxContentLines:3,clampPostfix:"... ",btnClass:"",autoResize:!0,expanded:!1,expandLabel:"Show more",collapseLabel:"Collapse",typography:void 0,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."},typography:{control:"select",options:[void 0,...Ce],description:"Overrides typography using a PzText variant."},title:{control:"text",description:"Preview heading used in the story only.",table:{category:"Story"}}},render:e=>({components:{pzText:oe,pzTextClamp:M},setup(){const a=C(!!e.expanded);return x(()=>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"
-              :typography="args.typography"
-              @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>
-    `})},y={},b={args:{text:$[0].text,maxContentLines:2,title:"News teaser"}},w={parameters:{docs:{source:{code:je()}}},render:()=>({components:{pzText:oe,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 J,K,Q;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:"{}",...(Q=(K=y.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var Y,ee,te;b.parameters={...b.parameters,docs:{...(Y=b.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    text: clampStories[0].text,
-    maxContentLines: 2,
-    title: "News teaser"
-  }
-}`,...(te=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,ne,re;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.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>
-    \`
-  })
-}`,...(re=(ne=w.parameters)==null?void 0:ne.docs)==null?void 0:re.source}}};const Je=["Playground","TwoLines","CustomToggle"];export{w as CustomToggle,y as Playground,b as TwoLines,Je as __namedExportsOrder,De as default};

package/dist/app/assets/configs-CZIaFchr.js

@@ -1 +0,0 @@
-const e=["checkbox","switch"],o={acceptedExtensions:[".txt",".doc",".docx",".pdf"],maxSizeBytes:20971520,maxFiles:20},t={acceptedExtensions:[".png",".jpg",".jpeg"],maxSizeBytes:1024*1024,imageWidth:800,imageHeight:800},s={buttonLabel:"Додати документ",helperText:"Документ має бути у форматі .txt, .doc, .docx або .pdf, розміром до 20 МБ",invalidExtensionMessage:"Невірний формат документа",fileTooLargeMessage:"Розмір документа перевищує 20 МБ",removeButtonLabel:"Видалити документ"},a={buttonLabel:"Додати зображення",helperText:"Формат зображення має бути .png, .jpg або .jpeg, розміром до 1 МБ та 800x800 px",invalidExtensionMessage:"Невірний формат зображення",fileTooLargeMessage:"Розмір зображення перевищує 1 МБ",invalidDimensionsMessage:"Розмір зображення має бути 800x800 px",editButtonLabel:"Редагувати зображення"};export{s as a,o as b,a as c,t as d,e as p};

package/dist/components/Navigation/PzBreadcrumb/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const HOME_BREADCRUMB: {
-    label: string;
-    to: string;
-};