@redneckz/wildless-cms-uni-blocks 0.2.67 → 0.2.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/bundle/bundle.umd.js +876 -0
  2. package/bundle/bundle.umd.min.js +1 -0
  3. package/dist/Gallery.mobile.d.ts +2 -0
  4. package/dist/Gallery.mobile.js +18 -0
  5. package/dist/Gallery.mobile.js.map +1 -0
  6. package/dist/MobileBlocks.d.ts +1 -0
  7. package/dist/MobileBlocks.js +2 -0
  8. package/dist/MobileBlocks.js.map +1 -1
  9. package/dist/index.d.ts +2 -0
  10. package/dist/index.js.map +1 -1
  11. package/lib/Gallery.mobile.d.ts +2 -0
  12. package/lib/Gallery.mobile.js +16 -0
  13. package/lib/Gallery.mobile.js.map +1 -0
  14. package/lib/MobileBlocks.d.ts +1 -0
  15. package/lib/MobileBlocks.js +2 -0
  16. package/lib/MobileBlocks.js.map +1 -1
  17. package/lib/common.css +1 -1
  18. package/lib/index.d.ts +2 -0
  19. package/lib/index.js.map +1 -1
  20. package/package.json +9 -3
  21. package/src/Gallery.fixture.tsx +2 -0
  22. package/src/Gallery.mobile.tsx +70 -0
  23. package/src/MobileBlocks.ts +2 -0
  24. package/src/common.css +26 -0
  25. package/src/index.ts +3 -0
package/bundle/bundle.umd.min.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).UniBlocks={})}(this,(function(e){"use strict";const t=new class{_={PROD_BRANCH:"master",FORCED_DRAFT_FLOW:!1};setup(e){this._=e}get TEST_BRANCH(){return this._.TEST_BRANCH}get RC_BRANCH(){return this._.RC_BRANCH}get PROD_BRANCH(){return this._.PROD_BRANCH}get FORCED_DRAFT_FLOW(){return this._.FORCED_DRAFT_FLOW}get ENABLE_ASSIST(){return this._.ENABLE_ASSIST}get SITEMAP(){return this._.SITEMAP}get CDN(){return this._.CDN}},n="likesToken";const r=(e,t)=>{r._jsx=e,r._jsxs=t||e};r.vue=e=>{r(((t,{children:n,dangerouslySetInnerHTML:r,...a}={})=>{const i=Object.assign({},a,r?{innerHTML:r.__html}:{});return e(t,i,"string"!=typeof t?()=>n:n)}))};const a=(...e)=>r._jsx(...e),i=(...e)=>r._jsxs(...e),l=e=>(e._tmpl||(e._tmpl=function(t,n){const{children:r,...a}=t||{},i=n?.slots?.default,l=r||i&&i();return e(Object.assign(a,l&&{children:l}),n)},e._tmpl.inheritAttrs=!1),e._tmpl),s=l((({HeadComponent:e,data:t,children:n})=>{const{title:r,description:l,keywords:s,robots:c,og:o}=t;return i(e,{children:[a("title",{children:r}),a("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),l&&a("meta",{name:"description",content:l}),s&&a("meta",{name:"keywords",content:s.join(",")}),c&&a("meta",{name:"robots",content:c.join(",")}),o?Object.entries(o).map((([e,t])=>a("meta",{name:`og:${e}`,content:t},e))):null,n]})})),c=l((({className:e,onClick:t,ariaLabel:n})=>a("button",{type:"button",className:`border-0 w-[36px] bg-inherit cursor-pointer ${e||""}`,onClick:t,"aria-label":n,children:o()}))),o=()=>{const e={stroke:"#292D32",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"};return i("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[a("path",{...e,strokeMiterlimit:"10",d:"M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77"}),a("path",{...e,d:"M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z"})]})},m=l((({className:e,context:t})=>{const n=t.useLikeService();return i("div",{className:`border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${e||""}`,children:[a(c,{onClick:n.like,ariaLabel:"Поставить отметку «лайк»"}),a(c,{onClick:n.dislike,className:"rotate-180",ariaLabel:"Поставить отметку «дизлайк»"}),a("span",{className:"select-none",children:n.likeCount})]})})),d=l((({className:e,image:t})=>i("picture",{className:`${e||""}`,children:[t.sources?.length?t.sources.map((({src:e,format:t},n)=>a("source",{srcSet:e,type:h(t)},`${n}_${e}`))):null,a("img",{src:t.src,alt:t.alt||t.title,title:t.title,...t?.size})]})));function h(e){return e?`image/${String(e)}`:void 0}const x={primary:"bg-primary-main",secondary:"bg-white"},u={primary:"text-primary-text",secondary:"text-white"},p=l((({className:e,text:t,children:n,version:r="primary"})=>i("div",{className:`inline-block flex ${e||""}`,role:"listitem",children:[a("div",{className:`inline-block w-[8px] h-[8px] min-w-[8px] min-h-[8px] rounded-full mt-2 ${x[r]}`}),a("span",{className:`text-base font-normal font-sans mx-3 ${u[r]}`,children:t||n})]}))),f={primary:"text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active",secondary:"text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active"},b={primary:"bg-secondary-dark text-secondary-text",secondary:"bg-secondary-light text-secondary-text"},g="inline-block rounded-md px-8 py-2 text-center font-sans",N=l((({className:e,text:t,href:n,target:r,onClick:i,children:l,disabled:s,version:c="primary",ariaLabel:o})=>s?a("div",{role:"button","aria-disabled":"true","aria-label":o,tabIndex:"-1",className:`${g} select-none ${b[c]} ${e||""}`,children:a("div",l?{children:l}:{className:"text-sm font-medium py-1.5",children:t})}):a("a",{className:`${g} no-underline ${f[c]} ${e||""}`,href:n,target:r,onClick:i,"aria-label":o,children:a("div",l?{children:l}:{className:"text-sm font-medium py-1.5",children:t})}))),v=l((({className:e,name:n,alt:r=`Icon ${n}`,title:i=r,...l})=>a("img",{className:e,src:`${t.CDN||""}icons/${n}.svg`,alt:r,title:i,...l}))),y=l((e=>a(N,{...e,children:e.icon?i("div",{className:"flex items-center",children:[a("div",{className:"mr-2",children:a(v,{name:e.icon,width:"24",height:"24"})}),i("div",{children:[a("div",{className:"text-xxs text-left",children:e.aboveText}),a("div",{className:"text-sm font-medium text-left",children:e.text})]})]}):null})));var w;!function(e){e.XL="text-title-lg",e.L="text-title",e.M="text-title-sm",e.S="text-title-xs"}(w||(w={}));const k=l((({size:e="L",className:t,children:n,...r})=>a("XL"===e?"h1":"h2",{className:$(w[e],t),...r,children:n}))),$=(...e)=>e.filter(Boolean).join(" "),S="/mobile",C=e=>e?.includes("//"),_=(e,t,n=((e,t)=>e===t))=>n(L(e),j(L(C(e)?t.href:t.pathname))),L=e=>(e||"").replace(/\/?\?.*/,""),j=e=>(e||"").replace(S,""),D=e=>{if(!C(e))return;const t=e,n=t.indexOf("//"),r=t.indexOf("/",n+"//".length);return-1!==r?t.substring(0,r):t},T=(e,t)=>{if(!e)return e;const n=R(e,t),r=t?.pathname.startsWith(S);return r&&!C(n)?`/mobile${n}`:n},R=(e,t)=>{if(!e)return e;const n=D(t?.href);return n?e.replace(n,"")||"/":e};var A=Object.freeze({__proto__:null,MOBILE_URL_PATH:S,isURL:C,isHrefActive:_,withoutQuery:L,withoutMobilePath:j,getOrigin:D,adjustHref:T,toRelativeHref:R});const I=(e,t)=>e;function B({router:e,handlerDecorator:t=I},n){const r=T(n.href,e);return{...n,href:r,ariaLabel:n.text,onClick:t((t=>{const a=r&&!C(r),i=!n.target||"_self"===n.target;a&&i&&(t.preventDefault(),e.push(r))}),n)}}const O=e=>{const t="col-span-",n=e.split(/\s+/).find((e=>e.startsWith(t)));return n?parseInt(n.substring(t.length),10):12},P=l((({className:e,context:t,title:n,titleSize:r,description:l,children:s,buttons:c,image:o,items:m,version:h="primary"})=>{const x=t.useRouter(),{handlerDecorator:u}=t;return i("div",{className:"font-sans flex flex-col grow h-full",children:[n&&a(k,{size:r||M(e),className:"font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]",children:n}),i("div",{className:"flex grow justify-between",children:[i("div",{className:"flex flex-col justify-between items-start",children:[i("div",{children:[l?a("div",{className:"font-normal text-base max-w-[600px] mb-5",children:l}):null,s,m?.length?Z(m,h):null]}),c?.length?a("div",{className:"flex mt-9 gap-3",children:c.map(((e,t)=>function(e,t){return e?.text?a(y,{...e},String(t)):null}(B({router:x,handlerDecorator:u},e),t)))}):null]}),o?.src&&a(d,{className:"mt-auto ml-7",image:o})]})]})}));function M(e=""){const t=O(e);return t<=4?"S":t<=8?"M":"L"}function Z(e=[],t){return a("section",{className:"max-w-[600px]",role:"list",children:e.map(((e,n)=>a(p,{className:n?"mt-2.5":"",text:e,version:t},String(n))))})}const F={primary:"bg-white text-primary-text",secondary:"bg-primary-main text-white"},H=l((e=>{const{children:t,className:n,version:r="primary"}=e;return a("section",{className:`font-sans p-9 min-h-[320px] box-border ${n||""} ${F[r]} ${V(n)} `,children:a(P,{...e,children:t})})}));function V(e=""){const t=O(e);return t<=6?"pr-9":t<=8?"pr-[4.75rem]":"pr-[9.4rem]"}const E=l((({className:e,context:t,title:n})=>a(H,{className:e,context:t,title:n,description:"Блок в разработке...",children:a("figure",{className:"m-0 min-w-[600px]",children:z()})}))),z=(e=3)=>W(100,e).map((e=>Math.floor(e))).map(U),U=(e=100,t)=>a("div",{style:{width:`${e}%`},className:"h-4 mt-2 bg-secondary-light"},String(t)),W=(e,t)=>[e].concat(t>0?W(e/1.618,t-1):[]),J=({blockClassName:e,block:t,render:n})=>n({blockClassName:e,block:t}),G=l((({className:e,context:t,blocksRegistry:n,data:{style:r,blocks:l,likeControl:s,colorPalette:c="pc"},blockDecorator:o=J})=>i("section",{className:"relative","data-theme":c,children:[a("div",{className:`grid grid-cols-12 gap-1 ${X(r)} ${e||""}`,children:l?.length?l.map((function e(r,i){const{type:l}=r;l in n||console.warn(`No block with "${l}" is registered`);const s=n[l]||E;return o({blockClassName:X(r.style),block:r,render:n=>{const{version:r,content:c,blocks:o}=n.block;return a(s,{className:n.blockClassName,version:r,context:t,...c,children:o?.length?o.map(e):null},`${l}-${i}`)}},`block-${i}`)})):null}),s&&a("div",{className:"flex items-end absolute bottom-0 right-0 h-full pointer-events-none",children:a(m,{className:"rounded-tl-lg sticky bottom-0 pointer-events-auto",context:t})})]})));function X(e){return e?e.join(" "):""}function Q(e){const{mobile:t}=e;return t?{...e,style:t.style?.length?t.style:e.style}:e}const q=l((({className:e,title:t,benefits:n})=>i("section",{className:`font-sans text-primary-text bg-white p-12 pb-2 flex flex-col items-center ${e||""}`,children:[a("h2",{className:"font-medium text-title m-0 max-w-[47rem] text-center",children:t}),n?.length?a("div",{className:"grid grid-cols-2 gap-5 mt-9",children:n.map(K)}):null]}))),K=(e,t)=>i("div",{className:"flex items-center p-10 gap-5 max-w-[580px]",children:[e.icon&&a(v,{className:"h-[70px] w-[70px] min-w-[70px] min-h-[70px]",name:e.icon,width:"70",height:"70"}),i("div",{children:[a("h3",{className:"font-medium text-xl m-0",children:e.label}),e.description&&a("div",{className:"font-normal text-sm mt-2",children:e.description})]})]},String(t)),Y="https://www.cbr-xml-daily.ru/daily_json.js",ee=["USD","EUR"],te={USD:"DollarIcon",EUR:"EuroIcon"},ne=[{text:"Все показатели",href:"https://cbr.ru/currency_base/daily/"}],re=l((({className:e,context:t,title:n})=>{const{data:r}=t.useAsyncData(Y,le);return a(H,{className:e,context:t,title:n||"Курсы обмена валют",buttons:ne,children:i("table",{children:[a("thead",{children:i("tr",{children:[a(ae,{children:"Валюта"}),a(ae,{className:"pl-11",children:"Курс"})]})}),a("tbody",{children:ee.map((e=>{const t=(r?.Valute||{})[e]?.Value;return i("tr",{children:[a(ie,{className:"pt-4",children:i("div",{className:"flex items-center",children:[a(v,{name:te[e],width:"24",height:"24"}),a("span",{className:"ml-2",children:e})]})}),a(ie,{className:"pt-4 pl-11",children:ce(t)})]},e)}))})]})})})),ae=l((({className:e="",children:t})=>a("th",{className:`text-left font-normal text-sm text-secondary-text ${e}`,children:t}))),ie=l((({className:e="",children:t})=>a("td",{className:`text-left font-normal text-base text-primary-text ${e}`,children:t})));async function le(){const e=await fetch(Y);return await e.json()}const se=new Intl.NumberFormat("ru",{style:"currency",currency:"RUB"}),ce=e=>e?se.format(e):"",oe=l((({className:e,viewBox:t,fill:n="none",paths:r,...i})=>a("svg",{xmlns:"http://www.w3.org/2000/svg",className:e,viewBox:t,fill:n,children:r.map((({d:e,fill:t,...n},r)=>a("path",{d:e,fill:t||"currentColor",...i,...n},r)))}))),me=["m13.72 25.51 4.42-4.33v-2.95l-4.42 4.32v2.96Zm0-10.98 4.42-4.35V7.41l-4.42 4.31v2.8Zm0 3.63 4.42-4.33v-2.78l-4.42 4.32v2.8ZM12.46 7.44l-.6-.56V0h-.66v6.22l-.58-.57V0h-.67v5l-.59-.58V0H8.7v6.56l4.44 4.33V0h-.67v7.44Zm1.26 14.35 4.42-4.33v-2.78L13.72 19v2.8Zm-5.03-.61 4.44 4.33v-2.96l-4.44-4.32v2.95Zm8.79-16.76-.59.58V0h-.66v5.66l-.6.56V0h-.66v6.87l-.58.57V0h-.67v10.9l4.42-4.34V0h-.66v4.42Zm-8.79 5.76 4.44 4.35v-2.8L8.69 7.4v2.77Zm0 3.65 4.44 4.33v-2.8l-4.44-4.3v2.77Zm0 3.63 4.44 4.33V19l-4.44-4.31v2.78Zm26.37 2.29H24.3a2.25 2.25 0 0 0 .36-1.22 2.32 2.32 0 0 0-2.33-2.31 2.32 2.32 0 0 0-2.31 2.31c0 .5.16.96.43 1.34a.74.74 0 0 0-.33.61c0 .26.14.49.33.62a2.32 2.32 0 0 0-.43 1.34 2.31 2.31 0 0 0 2.31 2.31 2.32 2.32 0 0 0 2.33-2.31c0-.45-.13-.87-.36-1.22h8.01v.49h-.8v.68h.8v.7h-.8v1.3h.8v-.58h1.17v.58h.79v-1.3h-.79v-.7h.79v-.68h-.79v-.5h1.58a.56.56 0 0 0 .56-.56v-.34a.57.57 0 0 0-.56-.56Zm-11.53 2.7a1.2 1.2 0 0 1-2.4 0c0-.24.08-.47.2-.66l.34-.56a.97.97 0 0 1-.34-.75c0-.3.13-.56.33-.74l-.32-.56a1.13 1.13 0 0 1-.2-.66 1.2 1.2 0 0 1 2.4 0c0 .49-.56 1.65-.56 1.65v.62c-.01.01.55 1.17.55 1.66ZM4.67 18.34v2.89c0 2.75 1.2 4.53 1.9 5.21l4.58 4.5c1.28 1.25 1.5 1.66 1.79 2.37v-3.2c0-2.84-1.44-3.94-2.19-4.67-1.73-1.68-2.89-2.8-3.82-3.73a8.98 8.98 0 0 1-2.26-3.37Zm6.08 14.24c-1.73-1.7-2.89-2.8-3.82-3.73a10 10 0 0 1-2.25-2.98v2.49a7.87 7.87 0 0 0 1.89 5.24l4.58 4.47c1.28 1.25 1.5 1.85 1.79 2.55v-3.37c0-2.85-1.45-3.95-2.19-4.67Z","M19.88 5.34c-.32 0-.64 0-.96.02V6.7a18.5 18.5 0 1 1 .95 36.94A18.5 18.5 0 0 1 1.35 25.17c0-5.67 2.55-10.73 6.58-14.13V9.32A19.78 19.78 0 0 0 0 25.17C0 36.12 8.9 45 19.88 45a19.85 19.85 0 0 0 19.86-19.83c0-10.95-8.9-19.83-19.87-19.83Z","M33.93 35.53c.3-.41.6-.85.87-1.3v-2.66h-.87v3.96Zm2.54-4.92c.12-.4.24-.78.34-1.16h-2.88v.7h.43c.77-.02 1.63-.03 2.11.46Zm-19.19-1.27h-.78v7.91h.78v-7.9Z","M14.7 27.83h2.58c.67 0 1.14.14 1.4.4.27.25.4.72.4 1.38v7.4c0 .66-.12 1.12-.4 1.38-.4.41-1.16.41-1.78.41l-.4-.01v3.5l.78.14v-2.88c1.2 0 1.97-.4 2.34-1.22v4.29h.26l.5-.01V29.74c0-.68.13-1.16.4-1.43.25-.27.72-.4 1.37-.4.67 0 1.65-.1 2.16.4.26.27.38.76.38 1.43v3.8h-1.77v-4.06h-.77v12.99c.26-.03.5-.07.77-.12V34.3h1.77v7.64c.36-.1.72-.21 1.08-.34v-7c0-.8.19-1.4 1-1.67l-.9-4.87h1.8l.3 5.31h.22l.3-5.31h1.88l-1.01 4.87c.84.3 1.01.81 1.01 1.66v4.53a16.63 16.63 0 0 0 1.5-1.27v-9.83h5.25l.1-.72H24.93l.17.89c-.38-.72-1.12-1.08-2.2-1.08h-.77c-1.3 0-2.1.52-2.4 1.55-.27-1.08-1.1-1.62-2.46-1.62h-3.36v14.52c.26.09.52.18.78.25V27.84Zm16.29 5.58-.85-.8.85-4.37v5.17Z","M27.66 40.79c.27-.14.55-.28.8-.43v-5.98h-.8v6.4Z"],de=l((({className:e,href:t,children:n,targetBlank:r})=>i("a",{className:`inline-flex items-center font-sans no-underline ${e||""}`,href:t||"https://rshb.ru/",target:r?"_blank":"_self",children:[a(oe,{className:"text-primary-main w-10",viewBox:"0 0 40 45",paths:me.map((e=>({d:e})))}),a("span",{className:"text-black text-base font-medium ml-2.5",children:n||"Россельхозбанк"})]}))),he=l((({className:e,context:t})=>{const{term:n,setTerm:r}=t.useSearch();return i("form",{className:`relative ${e||""}`,children:[i("div",{className:"absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none",children:[a("div",{className:"w-[24px] h-[24px]",children:a(v,{name:"LoupeIcon",width:"24",height:"24"})}),!n&&a("span",{className:"font-sans font-normal text-base text-secondary-text",children:"Поиск по сайту"})]}),a("input",{className:"pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]",value:n,onChange:e=>r(e.target.value),type:"text",name:"s"}),n&&a("button",{type:"submit",className:"absolute font-sans font-normal text-sm cursor-pointer bg-transparent hover:bg-primary-hover active:bg-primary-active text-primary-main hover:text-white border-none px-5 py-2 rounded top-1 right-1 outline-none",onClick:e=>{e.preventDefault(),console.log("click")},children:"Найти"})]})})),xe=l((({className:e,items:t,hasButton:n,context:r})=>{const l=r.useRouter(),{handlerDecorator:s}=r;return i("div",{className:`flex flex-col ${e||""}`,children:[t?.length?t.map(ue):null,n?a(N,{className:"my-4",...B({router:l,handlerDecorator:s},{text:"Обратная связь",href:"/",target:"_blank"})}):null]})})),ue=(e,t)=>{const{type:n,text:r,description:l}=e;return i("div",{className:"mb-4",children:[a("div",{children:pe(n,r)}),a("div",{className:"font-sans text-sm text-secondary-text",children:l})]},String(t))},pe=(e,t)=>{switch(e){case"tel":return a("a",{className:"font-sans font-medium text-xl text-primary-text no-underline",href:`tel:${fe(t)}`,children:t});case"email":return a("a",{className:"font-sans font-medium text-xl text-primary-text no-underline",href:`mailto:${t}`,children:t});default:return a("span",{children:t})}},fe=e=>e.replaceAll(/(\-|\s|\(|\)|\D+)/g,""),be=e=>t=>e?.href===t?.href;function ge(e,t){return(r=e,a=t,(r||[]).map((e=>a?.find(be(e))||e))).concat((n=e,(t||[]).filter((e=>!n?.find(be(e))))));var n,r,a}function Ne(e){const{data:t}=e(ye(),ve);return t||{}}async function ve(){const e=await fetch(ye());return await e.json()}function ye(){return`/wcms-resources/${t.SITEMAP||"sitemap"}.json`}const we=l((({className:e,items:t,context:n})=>{const r=ge(Ne(n.useAsyncData).topItems,t),i={router:n.useRouter(),handlerDecorator:n.handlerDecorator};return a("div",{className:`flex items-start justify-start gap-11 xl:gap-5 ${e||""}`,children:r?.map(((e,t)=>ke(e,t,i)))})})),ke=(e,t,{router:n,handlerDecorator:r})=>{const{text:l,href:s,items:c,target:o}=e;return i("div",{className:"flex flex-col w-[235px] gap-[14px]",children:[a("a",{className:"block font-sans font-medium text-base text-primary-text no-underline",href:s,target:o||"_self",children:l||`Раздел ${t}`}),c?.map(((e,t)=>a($e,{...B({router:n,handlerDecorator:r},e)},String(t))))]},String(t))},$e=l((({text:e,href:t,target:n,index:r})=>a("a",{className:"block font-sans font-normal text-base text-secondary-text hover:text-primary-main no-underline",href:t,target:n||"_self",children:e||`Раздел ${r}`}))),Se=[{origins:["t.me","telegram.org"],icon:"TelegramIcon",label:"Телеграм"},{origins:["vk.com"],icon:"VKIcon",label:"ВКонтакте"},{origins:["ok.ru"],icon:"OkIcon",label:"Одноклассники"}],Ce=l((({className:e,media:t,context:n})=>{const r=n.useRouter(),{handlerDecorator:i}=n;return a("div",{className:`flex items-end justify-end gap-2 pt-[30px] pb-7 ${e||""}`,children:t?.map(((e,t)=>a(_e,{...B({router:r,handlerDecorator:i},e)},String(t))))})})),_e=l((({href:e})=>{const{icon:t,label:n}=Se.find((({origins:t})=>t.some((t=>e?.includes(t)))))||{};return a("a",{className:"flex items-center justify-center border-solid border border-main-divider rounded-full no-underline outline-none w-9 h-9",href:e,target:"_blank",rel:"noopener noreferrer","aria-label":n,children:t&&a(v,{className:"block",name:t})})})),Le=l((({className:e,links:t,context:n})=>{const r=n.useRouter(),{handlerDecorator:i}=n;return a("div",{className:`${e||""}`,children:t?.length?a("div",{className:"flex justify-between items-center gap-5 py-5 border-solid border-x-0 border-y border-y-main-divider",children:t.map(((e,t)=>a(je,{index:t,...B({router:r,handlerDecorator:i},e)},String(t))))}):null})})),je=l((({className:e,index:t,text:n,href:r,target:i,onClick:l})=>a("a",{className:`font-sans font-normal text-sm text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${e||""}`,href:r,target:i,onClick:l,children:n||`Документ ${t}`}))),De=l((({className:e,links:t,context:n})=>{const r=n.useRouter(),{handlerDecorator:l}=n;return i("div",{className:`${e||""}`,children:[a("div",{className:"pt-5 pb-[5px]",children:a("span",{className:"font-sans font-normal text-xs text-secondary-text",children:`© 2000-${(new Date).getFullYear()} АО «Россельхозбанк» Генеральная лицензия Банка России № 3349 от 12.08.2015 г.`})}),t?.length?a("div",{className:"flex justify-start items-start gap-5 pt-[5px]",children:t.map(((e,t)=>a(Te,{index:t,...B({router:r,handlerDecorator:l},e)},String(t))))}):null]})})),Te=l((({className:e,index:t,text:n,href:r,target:i,onClick:l})=>a("a",{className:`font-sans font-normal text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${e||""}`,href:r,target:i,onClick:l,children:n||`Документ ${t}`}))),Re=l((({className:e,documents:t,relatedEnterprises:n,contacts:r,socialMedia:l,topItems:s,context:c})=>i("footer",{className:`${e} px-9 py-10 bg-white`,children:[i("div",{className:"flex items-stretch gap-32 pb-8 xl:gap-8",children:[a(de,{className:"w-[280px] xl:w-[220px]"}),a(he,{context:c,className:"grow"})]}),i("div",{className:"flex items-stretch gap-32 xl:gap-8",children:[a(xe,{className:"w-[280px] shrink-0 overflow-hidden xl:w-[220px]",items:r,context:c,hasButton:!0}),a(we,{className:"pt-[3px]",context:c,items:s})]}),a(Ce,{media:l,context:c}),a(Le,{links:n,context:c}),a(De,{links:t,context:c})]}))),Ae=l((({className:e,text:t,href:n,target:r,active:l,onClick:s,children:c})=>i("a",{className:`relative inline-block bg-transparent text-center no-underline ${e||""}`,href:n,target:r,onClick:s,children:[a("span",{className:`font-sans font-normal text-base ${l?"text-primary-main":"text-primary-text hover:text-primary-main"}`,children:t||c}),l?a("div",{className:"absolute left-0 -bottom-2 w-full h-[2px] bg-primary-main"}):null]}))),Ie=l((({className:e,text:t,href:n,target:r,active:i,flat:l,onClick:s,children:c,ariaLabel:o})=>a("a",{className:`inline-block border border-solid bg-transparent text-center no-underline ${l?"":"px-4 py-2"} ${i?"border-primary-main rounded-md":"border-transparent"} ${e||""}`,href:n,target:r,onClick:s,rel:"noopener noreferrer","aria-label":o,children:a("span",{className:`font-sans font-normal text-sm ${i?"text-primary-main":(l?"text-primary-text":"text-secondary-text")+" hover:text-primary-main"}`,children:t||c})}))),Be=l((({className:e,children:t,ariaLabel:n})=>a("button",{type:"button",className:`border-0 p-0 w-[24px] flex items-center bg-inherit cursor-pointer ${e||""}`,disabled:!0,"aria-label":n,children:t}))),Oe=l((({context:e,className:t,defaultLocation:n=""})=>{const[r,l]=e.useGeolocation(n);return i("div",{className:`flex items-center ${t||""}`,children:[a(Ie,{className:"mr-5",flat:!0,href:"#",text:r,ariaLabel:"Местоположение",onClick:l}),a(Ie,{className:"mr-7",flat:!0,href:"#",text:"Офисы и банкоматы",ariaLabel:"Список всех доступных офисов и банкоматов"}),a(Be,{className:"mr-5 text-primary-text hover:text-primary-main",ariaLabel:"Поиск по сайту",children:a(v,{name:"LoupeIcon","aria-hidden":"true"})}),a(Be,{className:"mr-5 text-primary-text hover:text-primary-main",ariaLabel:"Профиль",children:a(v,{name:"ProfileIcon","aria-hidden":"true"})}),a(Be,{className:"mr-5 text-secondary-light hover:text-secondary-active min-w-[32px] min-h-[32px]",ariaLabel:"Дополнительные ссылки",children:a(v,{name:"GridIcon","aria-hidden":"true"})})]})}));const Pe=l((({className:e,defaultLocation:t,context:n,topItems:r})=>{const l=n.useRouter(),s=Ne(n.useAsyncData),{handlerDecorator:c}=n,o=ge(s.topItems,r),m=o.find(function(e){return t=>_(t.href,e,((e,t)=>t.startsWith(e)))}(l)),d=m?.items,h=d?.find(function(e){return t=>_(t.href,e)}(l)),x=o.map(((e,t)=>a(Ie,{active:e===m,...B({router:l,handlerDecorator:c},e),ariaLabel:e.text},String(t)))),u=d?.map((e=>a(Ae,{className:"mr-8",active:e===h,...B({router:l,handlerDecorator:c},e)},e.href)));return i("header",{className:`pt-5 pb-8 px-20 bg-white ${e||""}`,children:[i("div",{className:"flex items-center",children:[a(de,{className:"mr-8"}),x,a(Oe,{context:n,className:"ml-auto",defaultLocation:t})]}),a("div",{className:"mt-5 h-[1px] bg-main-divider"}),a("nav",{className:"mt-5",children:u})]})})),Me=l((({className:e,context:t,title:n="Мобильное приложение",qr:r,buttons:l=[]})=>a(H,{className:e,context:t,title:n,buttons:l,children:i("div",{className:"flex items-center",children:[r?.src&&r?.href&&a("a",{href:r.href,target:"_blank",children:a("img",{src:r.src,alt:n,title:n,width:"164",height:"164",className:"w-[90px] h-[90px] min-w-[90px] min-h-[90px] bg-secondary-light"})}),a("span",{className:"font-normal text-sm text-secondary-text ml-4",children:"Наведите камеру телефона на QR-код и скачайте приложение"})]})}))),Ze=l((({className:e,context:t,title:n,titleSize:r,description:l,benefits:s,buttons:c,image:o,items:m})=>i("div",{className:`flex grow justify-between items-stretch ${e||""}`,children:[i("div",{className:"flex flex-col",children:[n&&a(k,{size:r||"XL",className:"font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]",children:n}),a(P,{context:t,description:l,items:m,buttons:c,children:s?.length?a("div",{className:"flex gap-6 mt-6 mb-3.5",children:s.map(Fe)}):null})]}),o?.src&&a(d,{className:"mt-auto",image:o})]})));function Fe(e,t){return i("div",{className:"flex gap-4 items-center",children:[e.icon&&a(v,{className:"w-[50px] h-[50px] min-w-[50px] min-h-[50px] bg-main rounded-full p-[10px] box-border",name:e.icon,width:"24",height:"24"}),i("div",{className:"flex gap-1 flex-col h-full",children:[a("h4",{className:"font-medium text-xl m-0",children:e.label}),e.description&&a("div",{className:"font-normal text-sm text-secondary-text",children:e.description})]})]},String(t))}const He=l((({text:e,href:t,target:n,onClick:r,className:i,children:l})=>t?a("a",{className:`no-underline ${i||""}`,href:t,target:n,onClick:r,children:a("span",{className:`${i||""}`,children:e||l})}):a("span",{className:`${i||""}`,children:e||l})));function Ve(e){return t=>t.reduce(((t,n,r)=>t.length?t.concat({...e,key:r},n):[n]),[])}const Ee=l((e=>{const{context:t,className:n,breadcrumbs:r}=e,l=t.useRouter(),{handlerDecorator:s}=t;return i("section",{className:`font-sans bg-white pt-10 pl-[50px] pb-[50px] pr-[7.5rem] ${n||""}`,children:[r?.length?a("div",{className:"text-xs mb-6",children:Ve(a("span",{className:"text-secondary-text mx-2",children:"/"}))(r.map(((e,t)=>a(He,{...B({router:l,handlerDecorator:s},{className:"text-secondary-text",...e})},String(t)))))}):null,a(Ze,{...e})]})})),ze=l((({className:e,context:t,duration:n=0,slides:r=[]})=>{const l=r.map((e=>e.nav)),s=r.map((e=>e.productBlock)),[c,o]=t.useState(0);return i("section",{className:`font-sans bg-white overflow-hidden w-100 ${e||""}`,children:[a("div",{className:"flex duration-1000",style:{transform:`translateX(-${c}00%)`},role:"list",children:s.map(((e,n)=>function(e,t,n){return a("section",{className:"flex grow-0 shrink-0 basis-full",role:"listitem",children:a("div",{className:"p-10 flex grow",children:a(Ze,{className:"pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem]",context:n,...e})})},String(t))}(e,n,t)))}),a("div",{className:"border-t border-solid border-main-divider flex",children:l.map(((e,t)=>function({slide:e,i:t,activeSlideIndex:n,onClick:r,duration:l}){const s=t===n,c=s?"animate-slide":"";return i("button",{type:"button",onClick:r,className:"group relative overflow-hidden border-0 bg-inherit cursor-pointer text-left px-0 py-4 grow basis-0",children:[i("div",{className:"border-0 border-r border-solid border-main-divider px-6",children:[a("div",{className:"text-sm font-medium group-hover:text-primary-text "+(s?"text-primary-text":"text-secondary-text"),children:e?.title}),a("div",{className:"text-xs text-secondary-text",children:e.desc})]}),a("div",{className:`absolute bottom-0 left-0 w-full h-[3px] bg-primary-main -translate-x-full ${c}`,style:{animationDuration:`${l}s`}})]},String(t))}({slide:e,i:t,activeSlideIndex:c,onClick:()=>o(t),duration:n})))})]})}));const Ue=l((({className:e,title:t,steps:n})=>i("section",{className:`font-sans text-primary-text bg-white px-12 py-12 flex flex-col items-center ${e||""}`,children:[a(k,{className:"font-medium m-0 max-w-[47rem] text-center",children:t}),n?.length?i("div",{children:[a("div",{className:"flex mt-9 items-center px-[88px]",children:Ve(a("div",{className:"h-0.5 w-full bg-secondary-light"}))(n.map(((e,t)=>We(e,t))))}),a("div",{className:"flex mt-9 justify-between gap-x-24",children:n.map(Je)})]}):null]}))),We=(e,t)=>a("div",{className:"flex flex-col items-center text-center relative",children:a("div",{className:"h-[100px] w-[100px] min-w-[100px] min-h-[100px] bg-secondary-light rounded-full p-[26px] box-border z-10",children:e.icon&&a(v,{name:e.icon,width:"48",height:"48"})||a("span",{className:"font-medium text-title-sm text-secondary-text",children:t+1})})},String(t)),Je=(e,t)=>a("div",{className:"flex flex-col items-center text-center relative w-[276px]",children:i("div",{className:"max-w-min",children:[a("h5",{className:"font-medium text-xl m-0 mt-4 whitespace-nowrap px-3",children:e.label}),e.description&&a("div",{className:"font-normal text-sm text-secondary-text mt-2",children:e.description})]})},String(t)),Ge=l((e=>{const{benefits:t,version:n}=e;return a(H,{...e,children:i("div",{className:"flex mt-5 mb-1",children:[t?.length?a("div",{className:"mr-8",children:t.map(Xe)}):null,t?.length?a("div",{className:"pt-1",children:t.map(((e,t)=>function(e,t,n="primary"){return a("div",{className:`text-sm ${t?"mt-4":""} ${{primary:"text-secondary-text",secondary:"text-white"}[n]}`,children:e.label},String(t))}(e,t,n)))}):null]})})}));function Xe(e,t){return a("div",{className:"text-xl font-medium "+(t?"mt-2.5":""),children:e.description},String(t))}const Qe=l((({className:e,context:t,title:n="Акции и спецпредложения",date:r,description:l,buttons:s=[],version:c})=>a(H,{className:e,context:t,title:n,buttons:s,version:c,children:i("div",{children:[r&&a("div",{className:"text-sm mb-2",children:qe(r)}),a("div",{className:"text-base",children:l})]})})));function qe(e){return new Date(e).toLocaleString("ru-RU",{day:"numeric",month:"long",year:"numeric"}).replace("г.","")}const Ke={primary:{background:"bg-white",icon:"bg-primary-main text-white",title:"text-base",description:"text-secondary-text"},secondary:{background:"bg-primary-main",icon:"bg-white text-primary-main",title:"text-white",description:"text-white"},"secondary-light":{background:"bg-primary-main/10",icon:"bg-primary-main text-white",title:"text-base",description:"text-secondary-text"}},Ye=l((({title:e,description:t,blockVersion:n="primary",iconVersion:r,image:l,className:s})=>{const c=Ke[n];return i("section",{className:`font-sans px-9 py-4 flex ${c.background} ${s||""}`,children:[r&&"small"===r?et(c.icon):null,r&&"big"===r?tt(l):null,i("div",{className:"py-0.5",children:[e&&a("div",{className:`font-medium mb-1 ${c.title}`,children:e}),t&&a("div",{className:`text-sm ${c.description}`,children:t})]})]})}));function et(e){return a("div",{className:"pt-1.5 pr-4",children:a("div",{className:`rounded-full h-4 w-4 text-center text-xs ${e}`,children:"i"})})}function tt(e){return e?.src?a(d,{className:"pt-0.5 pr-3",image:e}):null}const nt=l((({className:e,onClick:t,ariaLabel:n})=>a("button",{className:`${e} border-none no-underline w-12 h-12 rounded-3xl bg-white flex text-black hover:text-primary-main`,style:{boxShadow:"0px 4px 25px rgba(0, 0, 0, 0.07)"},onClick:t,"aria-label":n,children:i("svg",{className:"m-auto",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a("path",{d:"M7 12L3 8L7 4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),a("path",{d:"M14 9C14.5523 9 15 8.55228 15 8C15 7.44772 14.5523 7 14 7L14 9ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9L8 7ZM14 7L8 7L8 9L14 9L14 7Z",fill:"currentColor"})]})}))),rt=l((({title:e,description:t,context:n,cards:r=[],className:l})=>{const[s,c]=n.useState(0);const o=r?.length>3,m=o&&r?.length-s>3,d=o&&s>0;return i("section",{className:`relative font-sans text-primary-text bg-white p-12 overflow-hidden ${l}`,children:[i("div",{className:"flex flex-col items-center mb-8",children:[a(k,{className:"font-medium m-0 text-centers",children:e}),t?a("div",{className:"font-normal text-base max-w-[600px] mt-3",children:t}):null]}),a("div",{className:`flex ${r?.length<=3?"justify-center":""} duration-1000`,style:{transform:`translateX(-${384*s}px)`},role:"list",children:r?.map(at)}),d&&a(nt,{className:"absolute top-1/2 left-8",onClick:function(){c(s-1)},ariaLabel:"Пролистать влево"}),m&&a(nt,{className:"absolute top-1/2 right-1 z-20 rotate-180",onClick:function(){c(s+1)},ariaLabel:"Пролистать вправо"}),a("div",{className:"absolute top-0 right-0 bottom-0 w-[84px]",style:{background:"linear-gradient(270deg, #FFFFFF 34.89%, rgba(255, 255, 255, 0) 92.52%)"}})]})}));function at(e,t){return i("div",{className:"box-border border-solid border rounded-md border-main-divider p-7 mx-2 flex flex-col justify-between items-stretch min-w-[364px] w-[364px] w-full",role:"listitem",children:[i("div",{children:[e.image?.src?a("div",{className:"flex justify-center",children:a(d,{className:"mb-6",image:e.image})}):null,e.title?a("h4",{className:"font-medium text-xl m-0 "+(e.description||e.items?.length?"":"text-center"),children:e.title}):null,e.description?a("div",{className:"font-normal text-sm text-secondary-text mt-2",children:e.description}):null,e.items?.length?it(e.items):null]}),e.href?a(N,{className:"mt-6",text:"Подробнее",version:"secondary",href:e.href}):null]},t)}function it(e=[]){return a("section",{className:"max-w-[308px] mt-2",role:"list",children:e.map(((e,t)=>a(p,{children:a("span",{className:"text-sm text-secondary-text",children:e})},String(t))))})}const lt={Header:Pe,Footer:Re,Placeholder:E,Tile:H,PromoTile:Qe,TextBlock:Ye,ProductTile:Ge,ProductBlock:Ee,StepsBlock:Ue,BenefitsBlock:q,ProductGallery:ze,ExchangeRateTile:re,MobileAppTile:Me,Gallery:rt},st=l((({className:e,context:t})=>a("footer",{className:`${e} px-9 py-2 bg-white rounded-bl-3xl rounded-br-3xl`,children:a(De,{context:t})}))),ct=l((({title:e,description:t,cards:n=[],className:r})=>i("section",{className:`relative font-sans text-primary-text bg-white p-4 overflow-hidden ${r}`,children:[i("div",{className:"flex flex-col items-center mb-8",children:[a(k,{className:"font-medium m-0 text-centers",children:e}),t?a("div",{className:"font-normal text-base max-w-[600px] mt-3",children:t}):null]}),a("div",{className:"horizontal-list no-scrollbar",role:"list",children:n?.map(ot)})]})));function ot(e,t){return i("div",{className:"box-border horizontal-list-item border-solid border rounded-md border-main-divider p-4 mx-1 flex flex-col justify-between items-stretch",role:"listitem",children:[i("div",{children:[e.image?.src?a("div",{className:"flex justify-center",children:a(d,{className:"mb-6",image:e.image})}):null,e.title?a("h4",{className:"font-medium text-xl m-0 "+(e.description||e.items?.length?"":"text-center"),children:e.title}):null,e.description?a("div",{className:"font-normal text-sm text-secondary-text mt-2",children:e.description}):null,e.items?.length?mt(e.items):null]}),e.href?a(N,{className:"mt-6",text:"Подробнее",version:"secondary",href:e.href}):null]},t)}function mt(e=[]){return a("section",{className:"max-w-[308px] mt-2",role:"list",children:e.map(((e,t)=>a(p,{children:a("span",{className:"text-sm text-secondary-text",children:e})},String(t))))})}const dt=l((({titleSize:e,image:t,benefits:n,...r})=>{const{className:i}=r;return a("section",{className:`font-sans bg-white pt-10 pl-[50px] pb-[50px] pr-[7.5rem] ${i||""}`,children:a(Ze,{...r,titleSize:"L"})})})),ht={Header:Pe,Footer:st,Placeholder:E,Tile:H,ProductTile:Ge,ProductBlock:dt,TextBlock:Ye,ExchangeRateTile:re,MobileAppTile:Me,Gallery:ct};e.Blocks=lt,e.ContentPage=G,e.ContentPageHead=s,e.DaDataAPI=function(e=""){return{getFetcherAddress:async function(){if(!("geolocation"in navigator))return null;try{const t=await(async()=>new Promise((e=>navigator.geolocation.getCurrentPosition((({coords:t})=>e(t))))))(),n=await fetch(`${e}/geolocate`,{method:"POST",mode:"cors",body:JSON.stringify({lat:t.latitude,lon:t.longitude,count:1})});return(await n.json())?.suggestions?.[0]?.data?.city}catch(e){return console.error(e),null}}}},e.LikeAPI=function(e,t=""){async function r(){try{const e=JSON.parse(globalThis.localStorage.getItem(n)||"");if(e?.token)return e}catch(e){}try{const e=await fetch(`${t}/assist/v1/public/auth`,{method:"POST",mode:"cors",headers:{"Content-Type":"application/json"},body:JSON.stringify({prefix:"guest"})}),{token:r,name:a}=await e.json();return globalThis.localStorage.setItem(n,JSON.stringify({token:r,name:a})),{token:r,name:a}}catch(e){return console.error(e),{}}}return{getLikeCount:async function(...n){if(!n.length)return[];const{token:a}=await r();try{const r=await fetch(`${t}/assist/v1/public/projects/${e}/nodes/likes`,{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",Authorization:a},body:JSON.stringify({node_ids:n})}),{likes:i}=await r.json();return i||[]}catch(e){return console.error(e),[]}},like:async function(n){if(!n)return 0;const{token:a,name:i}=await r();try{const r=await fetch(`${t}/assist/v1/public/projects/${e}/nodes/like`,{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",Authorization:a,UserID:i},body:JSON.stringify({node_id:n,user_name:i})}),{likes:l}=await r.json();return l||0}catch(e){return console.error(e),0}},dislike:async function(n){if(!n)return 0;const{token:a,name:i}=await r();try{const r=await fetch(`${t}/assist/v1/public/projects/${e}/nodes/unlike`,{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",Authorization:a,UserID:i},body:JSON.stringify({node_id:n,user_name:i})}),{likes:l}=await r.json();return l||0}catch(e){return console.error(e),0}}}},e.MobileBlocks=ht,e.joinList=Ve,e.projectSettings=t,e.toMobilePage=function(e){const t=e.blocks?.filter((({mobile:e})=>!e?.hidden)).map(Q);return{...e,blocks:t}},e.url=A,Object.defineProperty(e,"__esModule",{value:!0})}));
package/dist/Gallery.mobile.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { GalleryProps } from './Gallery';
2
+ export declare const Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<GalleryProps, any>, context?: any) => any;
package/dist/Gallery.mobile.js ADDED
@@ -0,0 +1,18 @@
1
+ Object.defineProperty(exports, "__esModule", { value: true });
2
+ exports.Gallery = void 0;
3
+ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
+ const uni_jsx_1 = require("@redneckz/uni-jsx");
5
+ const Img_1 = require("./Img");
6
+ const BlockItem_1 = require("./ui-kit/BlockItem");
7
+ const Button_1 = require("./ui-kit/Button");
8
+ const Title_1 = require("./ui-kit/Title");
9
+ exports.Gallery = (0, uni_jsx_1.JSX)(({ title, description, cards = [], className }) => {
10
+ return ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans text-primary-text bg-white p-4 overflow-hidden ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center mb-8", children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { className: "font-medium m-0 text-centers", children: title }), description ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mt-3", children: description })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "horizontal-list no-scrollbar", role: "list", children: cards?.map(renderCard) })] }));
11
+ });
12
+ function renderCard(card, key) {
13
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "box-border horizontal-list-item border-solid border rounded-md border-main-divider p-4 mx-1 flex flex-col justify-between items-stretch", role: "listitem", children: [(0, jsx_runtime_1.jsxs)("div", { children: [card.image?.src ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-6", image: card.image }) })) : null, card.title ? ((0, jsx_runtime_1.jsx)("h4", { className: `font-medium text-xl m-0 ${!card.description && !card.items?.length ? 'text-center' : ''}`, children: card.title })) : null, card.description ? ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text mt-2", children: card.description })) : null, card.items?.length ? renderItems(card.items) : null] }), card.href ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-6", text: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", version: "secondary", href: card.href })) : null] }, key));
14
+ }
15
+ function renderItems(items = []) {
16
+ return ((0, jsx_runtime_1.jsx)("section", { className: "max-w-[308px] mt-2", role: "list", children: items.map((item, i) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-secondary-text", children: item }) }, String(i)))) }));
17
+ }
18
+ //# sourceMappingURL=Gallery.mobile.js.map
package/dist/Gallery.mobile.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Gallery.mobile.js","sourceRoot":"","sources":["../src/Gallery.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+BAA4B;AAC5B,kDAA+C;AAC/C,4CAAyC;AACzC,0CAAuC;AAE1B,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,qCACE,SAAS,EAAE,qEAAqE,SAAS,EAAE,aAE3F,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,aAAK,IAAC,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAS,EAC9D,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,gCAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,MAAM,YACtD,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GACnB,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAW;IAChD,OAAO,CACL,iCACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,UAAU,aAGf,4CACG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,+BACE,SAAS,EAAE,2BACT,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAC7D,EAAE,YAED,IAAI,CAAC,KAAK,GACR,CACN,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAChD,EACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,uBAAC,eAAM,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,wDAAW,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,KAxBH,GAAG,CAyBJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE;IACvC,OAAO,CACL,oCAAS,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAC,qBAAS,cACR,iCAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,IAD7C,MAAM,CAAC,CAAC,CAAC,CAEb,CACb,CAAC,GACM,CACX,CAAC;AACJ,CAAC"}
package/dist/MobileBlocks.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare const MobileBlocks: {
8
8
  TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
9
9
  ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
10
10
  MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
11
+ Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery").GalleryProps, any>, context?: any) => any;
11
12
  };
package/dist/MobileBlocks.js CHANGED
@@ -2,6 +2,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.MobileBlocks = void 0;
3
3
  const ExchangeRateTile_1 = require("./ExchangeRateTile");
4
4
  const Footer_mobile_1 = require("./Footer/Footer.mobile");
5
+ const Gallery_mobile_1 = require("./Gallery.mobile");
5
6
  const index_1 = require("./Header/index");
6
7
  const MobileAppTile_1 = require("./MobileAppTile");
7
8
  const Placeholder_1 = require("./Placeholder");
@@ -19,6 +20,7 @@ exports.MobileBlocks = {
19
20
  TextBlock: TextBlock_1.TextBlock,
20
21
  ExchangeRateTile: ExchangeRateTile_1.ExchangeRateTile,
21
22
  MobileAppTile: MobileAppTile_1.MobileAppTile,
23
+ Gallery: Gallery_mobile_1.Gallery,
22
24
  // TODO StepsBlock,
23
25
  // TODO BenefitsBlock,
24
26
  // TODO ProductGallery
package/dist/MobileBlocks.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,yDAAsD;AACtD,0DAAgD;AAChD,0CAAwC;AACxC,mDAAgD;AAChD,+CAA4C;AAC5C,+DAAqD;AACrD,+CAA4C;AAC5C,2CAAwC;AACxC,iCAA8B;AAEjB,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,sBAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,kCAAY;IACZ,SAAS,EAAT,qBAAS;IACT,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;CACvB,CAAC"}
1
+ {"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":";;AAAA,yDAAsD;AACtD,0DAAgD;AAChD,qDAA2C;AAC3C,0CAAwC;AACxC,mDAAgD;AAChD,+CAA4C;AAC5C,+DAAqD;AACrD,+CAA4C;AAC5C,2CAAwC;AACxC,iCAA8B;AAEjB,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAN,cAAM;IACN,MAAM,EAAN,sBAAM;IACN,WAAW,EAAX,yBAAW;IACX,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,kCAAY;IACZ,SAAS,EAAT,qBAAS;IACT,gBAAgB,EAAhB,mCAAgB;IAChB,aAAa,EAAb,6BAAa;IACb,OAAO,EAAP,wBAAO;IACP,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;CACvB,CAAC"}
package/dist/index.d.ts CHANGED
@@ -2,9 +2,11 @@ export type { ProjectSettings } from './ProjectSettings';
2
2
  export { projectSettings } from './ProjectSettings';
3
3
  export { LikeAPI } from './api/LikeAPI';
4
4
  export { DaDataAPI } from './api/DaDataAPI';
5
+ export type { HeaderContent as SitemapContent } from './Header';
5
6
  export type { BlockDef, UniBlockProps, ContentPageMeta, ContentPageDef, Img, ImgSource, Picture, } from './types';
6
7
  export type { ContentPageContext, Router, AsyncDataHook, GeolocationHook, LikeService, HandlerDecorator, Search, } from './ContentPageContext';
7
8
  export { ContentPageHead } from './ContentPageHead';
9
+ export type { BlockDecorator } from './ContentPage';
8
10
  export { ContentPage } from './ContentPage';
9
11
  export { toMobilePage } from './toMobilePage';
10
12
  export { Blocks } from './Blocks';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,yCAAwC;AAA/B,kGAAA,OAAO,OAAA;AAChB,6CAA4C;AAAnC,sGAAA,SAAS,OAAA;AAqBlB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAmC;AACnC,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,yCAAwC;AAA/B,kGAAA,OAAO,OAAA;AAChB,6CAA4C;AAAnC,sGAAA,SAAS,OAAA;AAuBlB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAmC;AACnC,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA"}
package/lib/Gallery.mobile.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { GalleryProps } from './Gallery';
2
+ export declare const Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<GalleryProps, any>, context?: any) => any;
package/lib/Gallery.mobile.js ADDED
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
+ import { JSX } from '@redneckz/uni-jsx';
3
+ import { Img } from './Img.js';
4
+ import { BlockItem } from './ui-kit/BlockItem.js';
5
+ import { Button } from './ui-kit/Button.js';
6
+ import { Title } from './ui-kit/Title.js';
7
+ export const Gallery = JSX(({ title, description, cards = [], className }) => {
8
+ return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white p-4 overflow-hidden ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center mb-8", children: [_jsx(Title, { className: "font-medium m-0 text-centers", children: title }), description ? (_jsx("div", { className: "font-normal text-base max-w-[600px] mt-3", children: description })) : null] }), _jsx("div", { className: "horizontal-list no-scrollbar", role: "list", children: cards?.map(renderCard) })] }));
9
+ });
10
+ function renderCard(card, key) {
11
+ return (_jsxs("div", { className: "box-border horizontal-list-item border-solid border rounded-md border-main-divider p-4 mx-1 flex flex-col justify-between items-stretch", role: "listitem", children: [_jsxs("div", { children: [card.image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-6", image: card.image }) })) : null, card.title ? (_jsx("h4", { className: `font-medium text-xl m-0 ${!card.description && !card.items?.length ? 'text-center' : ''}`, children: card.title })) : null, card.description ? (_jsx("div", { className: "font-normal text-sm text-secondary-text mt-2", children: card.description })) : null, card.items?.length ? renderItems(card.items) : null] }), card.href ? (_jsx(Button, { className: "mt-6", text: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", version: "secondary", href: card.href })) : null] }, key));
12
+ }
13
+ function renderItems(items = []) {
14
+ return (_jsx("section", { className: "max-w-[308px] mt-2", role: "list", children: items.map((item, i) => (_jsx(BlockItem, { children: _jsx("span", { className: "text-sm text-secondary-text", children: item }) }, String(i)))) }));
15
+ }
16
+ //# sourceMappingURL=Gallery.mobile.js.map
package/lib/Gallery.mobile.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Gallery.mobile.js","sourceRoot":"","sources":["../src/Gallery.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,mBACE,SAAS,EAAE,qEAAqE,SAAS,EAAE,aAE3F,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAS,EAC9D,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,MAAM,YACtD,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,GACnB,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAW;IAChD,OAAO,CACL,eACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,UAAU,aAGf,0BACG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aACE,SAAS,EAAE,2BACT,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAC7D,EAAE,YAED,IAAI,CAAC,KAAK,GACR,CACN,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAChD,EACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,wDAAW,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,KAxBH,GAAG,CAyBJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,QAAkB,EAAE;IACvC,OAAO,CACL,kBAAS,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,SAAS,cACR,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,IAD7C,MAAM,CAAC,CAAC,CAAC,CAEb,CACb,CAAC,GACM,CACX,CAAC;AACJ,CAAC"}
package/lib/MobileBlocks.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare const MobileBlocks: {
8
8
  TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextBlock").TextBlockProps, any>, context?: any) => any;
9
9
  ExchangeRateTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ExchangeRateTile").ExchangeRateTileProps, any>, context?: any) => any;
10
10
  MobileAppTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./MobileAppTile").MobileAppTileProps, any>, context?: any) => any;
11
+ Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Gallery").GalleryProps, any>, context?: any) => any;
11
12
  };
package/lib/MobileBlocks.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ExchangeRateTile } from './ExchangeRateTile.js';
2
2
  import { Footer } from './Footer/Footer.mobile.js';
3
+ import { Gallery } from './Gallery.mobile.js';
3
4
  import { Header } from './Header/index.js';
4
5
  import { MobileAppTile } from './MobileAppTile.js';
5
6
  import { Placeholder } from './Placeholder.js';
@@ -17,6 +18,7 @@ export const MobileBlocks = {
17
18
  TextBlock,
18
19
  ExchangeRateTile,
19
20
  MobileAppTile,
21
+ Gallery,
20
22
  // TODO StepsBlock,
21
23
  // TODO BenefitsBlock,
22
24
  // TODO ProductGallery
package/lib/MobileBlocks.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,WAAW;IACX,YAAY;IACZ,SAAS;IACT,gBAAgB;IAChB,aAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;CACvB,CAAC"}
1
+ {"version":3,"file":"MobileBlocks.js","sourceRoot":"","sources":["../src/MobileBlocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,MAAM;IACN,WAAW;IACX,IAAI;IACJ,WAAW;IACX,YAAY;IACZ,SAAS;IACT,gBAAgB;IAChB,aAAa;IACb,OAAO;IACP,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;CACvB,CAAC"}
package/lib/common.css CHANGED
@@ -1 +1 @@
1
- @import "../fonts/ubuntu/ubuntu.css";[data-theme=pc]{--color-primary-main:66,171,68;--color-primary-hover:36,131,65;--color-primary-active:36,95,52;--color-secondary-hover:216,242,217;--color-secondary-active:197,226,198}[data-theme=bc]{--color-primary-main:131,184,62;--color-primary-hover:92,146,29;--color-primary-active:60,94,16;--color-secondary-hover:232,244,217;--color-secondary-active:216,227,202}[data-theme=eo]{--color-primary-main:221,182,61;--color-primary-hover:187,151,39;--color-primary-active:126,99,12;--color-secondary-hover:241,236,221;--color-secondary-active:229,222,199}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-4{top:1rem}.right-4{right:1rem}.bottom-0{bottom:0}.right-0{right:0}.top-1\/2{top:50%}.left-8{left:2rem}.right-1{right:.25rem}.top-0{top:0}.left-0{left:0}.-bottom-2{bottom:-.5rem}.top-1{top:.25rem}.z-20{z-index:20}.z-10{z-index:10}.col-span-12{grid-column:span 12/span 12}.col-span-8{grid-column:span 8/span 8}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.m-0{margin:0}.m-auto{margin:auto}.-mx-20{margin-left:-5rem;margin-right:-5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.ml-7{margin-left:1.75rem}.mt-2\.5{margin-top:.625rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.mb-8{margin-bottom:2rem}.mt-3{margin-top:.75rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.ml-4{margin-left:1rem}.mb-3\.5{margin-bottom:.875rem}.mb-3{margin-bottom:.75rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mr-8{margin-right:2rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-5{margin-right:1.25rem}.mr-7{margin-right:1.75rem}.mr-2{margin-right:.5rem}.ml-2\.5{margin-left:.625rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-\[70px\]{height:70px}.h-8{height:2rem}.h-\[90px\]{height:90px}.h-4{height:1rem}.h-\[50px\]{height:50px}.h-\[3px\]{height:3px}.h-0\.5{height:.125rem}.h-0{height:0}.h-\[100px\]{height:100px}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-12{height:3rem}.h-\[8px\]{height:8px}.h-\[2px\]{height:2px}.h-\[24px\]{height:24px}.min-h-\[70px\]{min-height:70px}.min-h-\[90px\]{min-height:90px}.min-h-\[50px\]{min-height:50px}.min-h-\[100px\]{min-height:100px}.min-h-\[320px\]{min-height:320px}.min-h-\[32px\]{min-height:32px}.min-h-\[8px\]{min-height:8px}.w-\[70px\]{width:70px}.w-full{width:100%}.w-8{width:2rem}.w-\[84px\]{width:84px}.w-\[364px\]{width:364px}.w-\[125px\]{width:125px}.w-\[90px\]{width:90px}.w-\[50px\]{width:50px}.w-\[100px\]{width:100px}.w-\[276px\]{width:276px}.w-4{width:1rem}.w-\[280px\]{width:280px}.w-\[235px\]{width:235px}.w-9{width:2.25rem}.w-\[24px\]{width:24px}.w-12{width:3rem}.w-\[8px\]{width:8px}.w-\[36px\]{width:36px}.w-10{width:2.5rem}.min-w-\[70px\]{min-width:70px}.min-w-\[364px\]{min-width:364px}.min-w-\[90px\]{min-width:90px}.min-w-\[600px\]{min-width:600px}.min-w-\[50px\]{min-width:50px}.min-w-\[100px\]{min-width:100px}.min-w-\[32px\]{min-width:32px}.min-w-\[8px\]{min-width:8px}.max-w-\[600px\]{max-width:600px}.max-w-\[47rem\]{max-width:47rem}.max-w-\[580px\]{max-width:580px}.max-w-\[308px\]{max-width:308px}.max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.max-w-\[292px\]{max-width:292px}.max-w-\[170px\]{max-width:170px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.basis-0{flex-basis:0px}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slide{-webkit-animation:progress linear;animation:progress linear}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-32{gap:8rem}.gap-11{gap:2.75rem}.gap-\[14px\]{gap:14px}.gap-2{gap:.5rem}.gap-3\.5{gap:.875rem}.gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-3xl{border-radius:1.5rem}.rounded{border-radius:.25rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-bl-3xl{border-bottom-left-radius:1.5rem}.rounded-br-3xl{border-bottom-right-radius:1.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-0{border-width:0}.border-x-0{border-left-width:0;border-right-width:0}.border-y{border-bottom-width:1px}.border-t,.border-y{border-top-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.border-main{--tw-border-opacity:1;border-color:rgba(240,244,240,var(--tw-border-opacity))}.border-primary-main{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-y-main-divider{--tw-border-opacity:1;border-bottom-color:rgba(235,237,240,var(--tw-border-opacity));border-top-color:rgba(235,237,240,var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-main{--tw-bg-opacity:1;background-color:rgba(240,244,240,var(--tw-bg-opacity))}.bg-secondary-text{--tw-bg-opacity:1;background-color:rgba(125,126,127,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-secondary-light{--tw-bg-opacity:1;background-color:rgba(245,247,249,var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-primary-main{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity))}.bg-primary-main\/10{background-color:rgba(var(--color-primary-main),.1)}.bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.bg-secondary-dark{--tw-bg-opacity:1;background-color:rgba(226,228,229,var(--tw-bg-opacity))}.p-12{padding:3rem}.p-10{padding:2.5rem}.p-20{padding:5rem}.p-7{padding:1.75rem}.p-2{padding:.5rem}.p-\[10px\]{padding:10px}.p-\[26px\]{padding:26px}.p-9{padding:2.25rem}.p-0{padding:0}.px-0{padding-left:0;padding-right:0}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem;padding-top:3rem}.px-\[88px\]{padding-left:88px;padding-right:88px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-20{padding-left:5rem;padding-right:5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.pb-2{padding-bottom:.5rem}.pt-0{padding-top:0}.pl-11{padding-left:2.75rem}.pt-4{padding-top:1rem}.pt-10{padding-top:2.5rem}.pl-\[50px\]{padding-left:50px}.pb-\[50px\]{padding-bottom:50px}.pr-\[7\.5rem\]{padding-right:7.5rem}.pl-2\.5{padding-left:.625rem}.pt-2\.5{padding-top:.625rem}.pb-1\.5{padding-bottom:.375rem}.pr-\[6\.25rem\]{padding-right:6.25rem}.pl-2{padding-left:.5rem}.pt-2{padding-top:.5rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pr-4{padding-right:1rem}.pt-0\.5{padding-top:.125rem}.pr-3{padding-right:.75rem}.pr-28{padding-right:7rem}.pr-9{padding-right:2.25rem}.pr-\[4\.75rem\]{padding-right:4.75rem}.pr-\[9\.4rem\]{padding-right:9.4rem}.pb-8{padding-bottom:2rem}.pt-\[3px\]{padding-top:3px}.pt-\[30px\]{padding-top:30px}.pb-7{padding-bottom:1.75rem}.pt-5{padding-top:1.25rem}.pb-\[5px\]{padding-bottom:5px}.pt-\[5px\]{padding-top:5px}.pl-4{padding-left:1rem}.pl-12{padding-left:3rem}.pr-\[6\%\]{padding-right:6%}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-base{font-size:1rem;line-height:1.5rem}.text-title{font-size:2rem;line-height:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.375rem}.text-xs{font-size:.75rem;line-height:1.125rem}.text-title-sm{font-size:1.75rem;line-height:2.5rem}.text-xxs{font-size:.625rem;line-height:.625rem}.text-title-lg{font-size:2.5rem;line-height:3rem}.text-title-xs{font-size:1.5rem;line-height:1.875rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary-text{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}.text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.text-secondary-light{--tw-text-opacity:1;color:rgba(245,247,249,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.shadow-\[0_8px_32px_0px_\#00000014\]{--tw-shadow:0 8px 32px 0px #00000014;--tw-shadow-colored:0 8px 32px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.duration-1000{transition-duration:1s}.rotate-180{transform:rotate(180deg)}.-translate-x-full{transform:translateX(-100%)}.visited\:text-secondary-text:visited{color:rgba(125,126,127,var(--tw-text-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.hover\:bg-secondary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-hover),var(--tw-bg-opacity))}.hover\:text-primary-text:hover{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}.hover\:text-primary-main:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.hover\:text-secondary-active:hover{--tw-text-opacity:1;color:rgba(var(--color-secondary-active),var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.active\:bg-primary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.active\:bg-secondary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-active),var(--tw-bg-opacity))}.group:hover .group-hover\:text-primary-text{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}@media (min-width:1280px) and (max-width:1535px){.xl\:w-\[220px\]{width:220px}.xl\:gap-8{gap:2rem}.xl\:gap-5{gap:1.25rem}}
1
+ @import "../fonts/ubuntu/ubuntu.css";[data-theme=pc]{--color-primary-main:66,171,68;--color-primary-hover:36,131,65;--color-primary-active:36,95,52;--color-secondary-hover:216,242,217;--color-secondary-active:197,226,198}[data-theme=bc]{--color-primary-main:131,184,62;--color-primary-hover:92,146,29;--color-primary-active:60,94,16;--color-secondary-hover:232,244,217;--color-secondary-active:216,227,202}[data-theme=eo]{--color-primary-main:221,182,61;--color-primary-hover:187,151,39;--color-primary-active:126,99,12;--color-secondary-hover:241,236,221;--color-secondary-active:229,222,199}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-4{top:1rem}.right-4{right:1rem}.bottom-0{bottom:0}.right-0{right:0}.top-1\/2{top:50%}.left-8{left:2rem}.right-1{right:.25rem}.top-0{top:0}.left-0{left:0}.-bottom-2{bottom:-.5rem}.top-1{top:.25rem}.z-20{z-index:20}.z-10{z-index:10}.col-span-12{grid-column:span 12/span 12}.col-span-8{grid-column:span 8/span 8}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.m-0{margin:0}.m-auto{margin:auto}.-mx-20{margin-left:-5rem;margin-right:-5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.ml-7{margin-left:1.75rem}.mt-2\.5{margin-top:.625rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.mb-8{margin-bottom:2rem}.mt-3{margin-top:.75rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.ml-4{margin-left:1rem}.mb-3\.5{margin-bottom:.875rem}.mb-3{margin-bottom:.75rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mr-8{margin-right:2rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-5{margin-right:1.25rem}.mr-7{margin-right:1.75rem}.mr-2{margin-right:.5rem}.ml-2\.5{margin-left:.625rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-\[70px\]{height:70px}.h-8{height:2rem}.h-\[90px\]{height:90px}.h-4{height:1rem}.h-\[50px\]{height:50px}.h-\[3px\]{height:3px}.h-0\.5{height:.125rem}.h-0{height:0}.h-\[100px\]{height:100px}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-12{height:3rem}.h-\[8px\]{height:8px}.h-\[2px\]{height:2px}.h-\[24px\]{height:24px}.min-h-\[70px\]{min-height:70px}.min-h-\[90px\]{min-height:90px}.min-h-\[50px\]{min-height:50px}.min-h-\[100px\]{min-height:100px}.min-h-\[320px\]{min-height:320px}.min-h-\[32px\]{min-height:32px}.min-h-\[8px\]{min-height:8px}.w-\[70px\]{width:70px}.w-full{width:100%}.w-8{width:2rem}.w-\[84px\]{width:84px}.w-\[364px\]{width:364px}.w-\[125px\]{width:125px}.w-\[90px\]{width:90px}.w-\[50px\]{width:50px}.w-\[100px\]{width:100px}.w-\[276px\]{width:276px}.w-4{width:1rem}.w-\[280px\]{width:280px}.w-\[235px\]{width:235px}.w-9{width:2.25rem}.w-\[24px\]{width:24px}.w-12{width:3rem}.w-\[8px\]{width:8px}.w-\[36px\]{width:36px}.w-10{width:2.5rem}.min-w-\[70px\]{min-width:70px}.min-w-\[364px\]{min-width:364px}.min-w-\[90px\]{min-width:90px}.min-w-\[600px\]{min-width:600px}.min-w-\[50px\]{min-width:50px}.min-w-\[100px\]{min-width:100px}.min-w-\[32px\]{min-width:32px}.min-w-\[8px\]{min-width:8px}.max-w-\[600px\]{max-width:600px}.max-w-\[47rem\]{max-width:47rem}.max-w-\[580px\]{max-width:580px}.max-w-\[308px\]{max-width:308px}.max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.max-w-\[292px\]{max-width:292px}.max-w-\[170px\]{max-width:170px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.basis-0{flex-basis:0px}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slide{-webkit-animation:progress linear;animation:progress linear}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-32{gap:8rem}.gap-11{gap:2.75rem}.gap-\[14px\]{gap:14px}.gap-2{gap:.5rem}.gap-3\.5{gap:.875rem}.gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-3xl{border-radius:1.5rem}.rounded{border-radius:.25rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-bl-3xl{border-bottom-left-radius:1.5rem}.rounded-br-3xl{border-bottom-right-radius:1.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-0{border-width:0}.border-x-0{border-left-width:0;border-right-width:0}.border-y{border-bottom-width:1px}.border-t,.border-y{border-top-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.border-main{--tw-border-opacity:1;border-color:rgba(240,244,240,var(--tw-border-opacity))}.border-primary-main{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-y-main-divider{--tw-border-opacity:1;border-bottom-color:rgba(235,237,240,var(--tw-border-opacity));border-top-color:rgba(235,237,240,var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-main{--tw-bg-opacity:1;background-color:rgba(240,244,240,var(--tw-bg-opacity))}.bg-secondary-text{--tw-bg-opacity:1;background-color:rgba(125,126,127,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-secondary-light{--tw-bg-opacity:1;background-color:rgba(245,247,249,var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-primary-main{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity))}.bg-primary-main\/10{background-color:rgba(var(--color-primary-main),.1)}.bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.bg-secondary-dark{--tw-bg-opacity:1;background-color:rgba(226,228,229,var(--tw-bg-opacity))}.p-12{padding:3rem}.p-10{padding:2.5rem}.p-20{padding:5rem}.p-4{padding:1rem}.p-7{padding:1.75rem}.p-2{padding:.5rem}.p-\[10px\]{padding:10px}.p-\[26px\]{padding:26px}.p-9{padding:2.25rem}.p-0{padding:0}.px-0{padding-left:0;padding-right:0}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem;padding-top:3rem}.px-\[88px\]{padding-left:88px;padding-right:88px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-20{padding-left:5rem;padding-right:5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.pb-2{padding-bottom:.5rem}.pt-0{padding-top:0}.pl-11{padding-left:2.75rem}.pt-4{padding-top:1rem}.pt-10{padding-top:2.5rem}.pl-\[50px\]{padding-left:50px}.pb-\[50px\]{padding-bottom:50px}.pr-\[7\.5rem\]{padding-right:7.5rem}.pl-2\.5{padding-left:.625rem}.pt-2\.5{padding-top:.625rem}.pb-1\.5{padding-bottom:.375rem}.pr-\[6\.25rem\]{padding-right:6.25rem}.pl-2{padding-left:.5rem}.pt-2{padding-top:.5rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pr-4{padding-right:1rem}.pt-0\.5{padding-top:.125rem}.pr-3{padding-right:.75rem}.pr-28{padding-right:7rem}.pr-9{padding-right:2.25rem}.pr-\[4\.75rem\]{padding-right:4.75rem}.pr-\[9\.4rem\]{padding-right:9.4rem}.pb-8{padding-bottom:2rem}.pt-\[3px\]{padding-top:3px}.pt-\[30px\]{padding-top:30px}.pb-7{padding-bottom:1.75rem}.pt-5{padding-top:1.25rem}.pb-\[5px\]{padding-bottom:5px}.pt-\[5px\]{padding-top:5px}.pl-4{padding-left:1rem}.pl-12{padding-left:3rem}.pr-\[6\%\]{padding-right:6%}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-base{font-size:1rem;line-height:1.5rem}.text-title{font-size:2rem;line-height:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.375rem}.text-xs{font-size:.75rem;line-height:1.125rem}.text-title-sm{font-size:1.75rem;line-height:2.5rem}.text-xxs{font-size:.625rem;line-height:.625rem}.text-title-lg{font-size:2.5rem;line-height:3rem}.text-title-xs{font-size:1.5rem;line-height:1.875rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary-text{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}.text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.text-secondary-light{--tw-text-opacity:1;color:rgba(245,247,249,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.shadow-\[0_8px_32px_0px_\#00000014\]{--tw-shadow:0 8px 32px 0px #00000014;--tw-shadow-colored:0 8px 32px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.duration-1000{transition-duration:1s}.rotate-180{transform:rotate(180deg)}.-translate-x-full{transform:translateX(-100%)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.horizontal-list{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:scroll;overscroll-behavior:contain;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;touch-action:pan-x}.horizontal-list-item{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.visited\:text-secondary-text:visited{color:rgba(125,126,127,var(--tw-text-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.hover\:bg-secondary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-hover),var(--tw-bg-opacity))}.hover\:text-primary-text:hover{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}.hover\:text-primary-main:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.hover\:text-secondary-active:hover{--tw-text-opacity:1;color:rgba(var(--color-secondary-active),var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.active\:bg-primary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.active\:bg-secondary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-active),var(--tw-bg-opacity))}.group:hover .group-hover\:text-primary-text{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}@media (min-width:1280px) and (max-width:1535px){.xl\:w-\[220px\]{width:220px}.xl\:gap-8{gap:2rem}.xl\:gap-5{gap:1.25rem}}
package/lib/index.d.ts CHANGED
@@ -2,9 +2,11 @@ export type { ProjectSettings } from './ProjectSettings';
2
2
  export { projectSettings } from './ProjectSettings';
3
3
  export { LikeAPI } from './api/LikeAPI';
4
4
  export { DaDataAPI } from './api/DaDataAPI';
5
+ export type { HeaderContent as SitemapContent } from './Header';
5
6
  export type { BlockDef, UniBlockProps, ContentPageMeta, ContentPageDef, Img, ImgSource, Picture, } from './types';
6
7
  export type { ContentPageContext, Router, AsyncDataHook, GeolocationHook, LikeService, HandlerDecorator, Search, } from './ContentPageContext';
7
8
  export { ContentPageHead } from './ContentPageHead';
9
+ export type { BlockDecorator } from './ContentPage';
8
10
  export { ContentPage } from './ContentPage';
9
11
  export { toMobilePage } from './toMobilePage';
10
12
  export { Blocks } from './Blocks';
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAqB5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuB5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redneckz/wildless-cms-uni-blocks",
3
- "version": "0.2.67",
3
+ "version": "0.2.70",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -53,6 +53,7 @@
53
53
  "require": "./dist/utils/*.js",
54
54
  "types": "./lib/utils/*.d.ts"
55
55
  },
56
+ "./bundle/*.js": "./bundle/*.js",
56
57
  "./*.json": "./*.json",
57
58
  "./*.js": "./*.js",
58
59
  "./*.cjs": "./*.cjs"
@@ -60,6 +61,7 @@
60
61
  "files": [
61
62
  "lib",
62
63
  "dist",
64
+ "bundle",
63
65
  "fonts",
64
66
  "src"
65
67
  ],
@@ -75,13 +77,13 @@
75
77
  },
76
78
  "scripts": {
77
79
  "start": "npm run cosmos",
78
- "build": "npm run build:lib && npm run build:commonjs && npm run build:style && npm run build:icons",
80
+ "build": "npm run build:lib && npm run build:commonjs && npm run bundle && npm run build:style && npm run build:icons",
81
+ "postbuild": "npm run size",
79
82
  "build:lib": "rimraf ./lib && tsc --build --verbose",
80
83
  "postbuild:lib": "replace-in-file --configFile=replace-config.lib.cjs --verbose",
81
84
  "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
82
85
  "bundle": "rimraf ./bundle && rollup -c",
83
86
  "build:style": "postcss './src/**/*.css' --env production --dir ./lib",
84
- "postbuild:style": "npm run size",
85
87
  "build:icons": "svgo -f ./src/icons -o ./cosmos-static/icons",
86
88
  "size": "size-limit",
87
89
  "test": "jest --coverage",
@@ -146,6 +148,10 @@
146
148
  {
147
149
  "limit": "7 kB",
148
150
  "path": "lib/common.css"
151
+ },
152
+ {
153
+ "limit": "30 kB",
154
+ "path": "bundle/bundle.umd.min.js"
149
155
  }
150
156
  ],
151
157
  "lint-staged": {
package/src/Gallery.fixture.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import { context } from './setup-fixture';
2
2
 
3
3
  import { Gallery, GalleryProps } from './Gallery';
4
+ import { Gallery as MobileGallery } from './Gallery.mobile';
4
5
  import { Picture } from './types';
5
6
 
6
7
  const image: Picture = {
@@ -210,4 +211,5 @@ export default {
210
211
  'list and button': <Gallery {...listAndButtonProps} />,
211
212
  'text and no button': <Gallery {...textAndNoButtonProps} />,
212
213
  'only title': <Gallery {...onlyTitleProps} />,
214
+ mobile: <MobileGallery {...defaultProps} />,
213
215
  };
package/src/Gallery.mobile.tsx ADDED
@@ -0,0 +1,70 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+ import { GalleryCard, GalleryProps } from './Gallery';
3
+ import { Img } from './Img';
4
+ import { BlockItem } from './ui-kit/BlockItem';
5
+ import { Button } from './ui-kit/Button';
6
+ import { Title } from './ui-kit/Title';
7
+
8
+ export const Gallery = JSX<GalleryProps>(({ title, description, cards = [], className }) => {
9
+ return (
10
+ <section
11
+ className={`relative font-sans text-primary-text bg-white p-4 overflow-hidden ${className}`}
12
+ >
13
+ <div className="flex flex-col items-center mb-8">
14
+ <Title className="font-medium m-0 text-centers">{title}</Title>
15
+ {description ? (
16
+ <div className="font-normal text-base max-w-[600px] mt-3">{description}</div>
17
+ ) : null}
18
+ </div>
19
+ <div className="horizontal-list no-scrollbar" role="list">
20
+ {cards?.map(renderCard)}
21
+ </div>
22
+ </section>
23
+ );
24
+ });
25
+
26
+ function renderCard(card: GalleryCard, key: number) {
27
+ return (
28
+ <div
29
+ className="box-border horizontal-list-item border-solid border rounded-md border-main-divider p-4 mx-1 flex flex-col justify-between items-stretch"
30
+ role="listitem"
31
+ key={key}
32
+ >
33
+ <div>
34
+ {card.image?.src ? (
35
+ <div className="flex justify-center">
36
+ <Img className="mb-6" image={card.image} />
37
+ </div>
38
+ ) : null}
39
+ {card.title ? (
40
+ <h4
41
+ className={`font-medium text-xl m-0 ${
42
+ !card.description && !card.items?.length ? 'text-center' : ''
43
+ }`}
44
+ >
45
+ {card.title}
46
+ </h4>
47
+ ) : null}
48
+ {card.description ? (
49
+ <div className="font-normal text-sm text-secondary-text mt-2">{card.description}</div>
50
+ ) : null}
51
+ {card.items?.length ? renderItems(card.items) : null}
52
+ </div>
53
+ {card.href ? (
54
+ <Button className="mt-6" text="Подробнее" version="secondary" href={card.href} />
55
+ ) : null}
56
+ </div>
57
+ );
58
+ }
59
+
60
+ function renderItems(items: string[] = []) {
61
+ return (
62
+ <section className="max-w-[308px] mt-2" role="list">
63
+ {items.map((item, i) => (
64
+ <BlockItem key={String(i)}>
65
+ <span className="text-sm text-secondary-text">{item}</span>
66
+ </BlockItem>
67
+ ))}
68
+ </section>
69
+ );
70
+ }
package/src/MobileBlocks.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ExchangeRateTile } from './ExchangeRateTile';
2
2
  import { Footer } from './Footer/Footer.mobile';
3
+ import { Gallery } from './Gallery.mobile';
3
4
  import { Header } from './Header/index';
4
5
  import { MobileAppTile } from './MobileAppTile';
5
6
  import { Placeholder } from './Placeholder';
@@ -18,6 +19,7 @@ export const MobileBlocks = {
18
19
  TextBlock,
19
20
  ExchangeRateTile,
20
21
  MobileAppTile,
22
+ Gallery,
21
23
  // TODO StepsBlock,
22
24
  // TODO BenefitsBlock,
23
25
  // TODO ProductGallery
package/src/common.css CHANGED
@@ -36,4 +36,30 @@
36
36
  .-translate-x-full {
37
37
  transform: translateX(-100%);
38
38
  }
39
+
40
+ /* Chrome, Safari and Opera */
41
+ .no-scrollbar::-webkit-scrollbar {
42
+ display: none;
43
+ }
44
+
45
+ .no-scrollbar {
46
+ -ms-overflow-style: none; /* IE and Edge */
47
+ scrollbar-width: none; /* Firefox */
48
+ }
49
+
50
+ .horizontal-list {
51
+ display: flex;
52
+ overflow-x: scroll;
53
+ overscroll-behavior: contain;
54
+ -webkit-overflow-scrolling: touch;
55
+ touch-action: pan-x;
56
+ scroll-snap-type: x mandatory;
57
+ }
58
+
59
+ .horizontal-list-item {
60
+ flex-shrink: 0;
61
+ scroll-snap-align: start;
62
+ scroll-snap-stop: always;
63
+ width: 100%;
64
+ }
39
65
  }
package/src/index.ts CHANGED
@@ -4,6 +4,8 @@ export { projectSettings } from './ProjectSettings';
4
4
  export { LikeAPI } from './api/LikeAPI';
5
5
  export { DaDataAPI } from './api/DaDataAPI';
6
6
 
7
+ export type { HeaderContent as SitemapContent } from './Header';
8
+
7
9
  export type {
8
10
  BlockDef,
9
11
  UniBlockProps,
@@ -24,6 +26,7 @@ export type {
24
26
  } from './ContentPageContext';
25
27
 
26
28
  export { ContentPageHead } from './ContentPageHead';
29
+ export type { BlockDecorator } from './ContentPage';
27
30
  export { ContentPage } from './ContentPage';
28
31
  export { toMobilePage } from './toMobilePage';
29
32