generated from VLADIMIR/template_frontend
125 lines
8.9 KiB
JavaScript
125 lines
8.9 KiB
JavaScript
import{E as e,k as t,v as n}from"./vue-router-CyfP71JJ.js";import{$ as r,J as i,K as a,R as o,X as s,Z as c,et as l,l as u,n as d,o as f,q as p,tt as m,z as h}from"./light-3nK60gWS.js";import{r as g}from"./Input-BoNHQhuY.js";import{a as _,c as v,t as y}from"./resolve-slot-tPBGpQg9.js";import{t as b}from"./call-ChHlm4-m.js";import{_ as x}from"./index-D0lr2b1T.js";function S(e){return Object.keys(e)}var C=i(`card-content`,`
|
|
flex: 1;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
|
|
font-size: var(--n-font-size);
|
|
`),w=p([i(`card`,`
|
|
font-size: var(--n-font-size);
|
|
line-height: var(--n-line-height);
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
border-radius: var(--n-border-radius);
|
|
background-color: var(--n-color);
|
|
color: var(--n-text-color);
|
|
word-break: break-word;
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`,[a({background:`var(--n-color-modal)`}),c(`hoverable`,[p(`&:hover`,`box-shadow: var(--n-box-shadow);`)]),c(`content-segmented`,[p(`>`,[i(`card-content`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`),s(`content-scrollbar`,[p(`>`,[i(`scrollbar-container`,[p(`>`,[i(`card-content`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)])])])])])]),c(`content-soft-segmented`,[p(`>`,[i(`card-content`,`
|
|
margin: 0 var(--n-padding-left);
|
|
padding: var(--n-padding-bottom) 0;
|
|
`),s(`content-scrollbar`,[p(`>`,[i(`scrollbar-container`,[p(`>`,[i(`card-content`,`
|
|
margin: 0 var(--n-padding-left);
|
|
padding: var(--n-padding-bottom) 0;
|
|
`)])])])])])]),c(`footer-segmented`,[p(`>`,[s(`footer`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)])]),c(`footer-soft-segmented`,[p(`>`,[s(`footer`,`
|
|
padding: var(--n-padding-bottom) 0;
|
|
margin: 0 var(--n-padding-left);
|
|
`)])]),p(`>`,[i(`card-header`,`
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: var(--n-title-font-size);
|
|
padding:
|
|
var(--n-padding-top)
|
|
var(--n-padding-left)
|
|
var(--n-padding-bottom)
|
|
var(--n-padding-left);
|
|
`,[s(`main`,`
|
|
font-weight: var(--n-title-font-weight);
|
|
transition: color .3s var(--n-bezier);
|
|
flex: 1;
|
|
min-width: 0;
|
|
color: var(--n-title-text-color);
|
|
`),s(`extra`,`
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: var(--n-font-size);
|
|
font-weight: 400;
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
`),s(`close`,`
|
|
margin: 0 0 0 8px;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
`)]),s(`action`,`
|
|
box-sizing: border-box;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
background-clip: padding-box;
|
|
background-color: var(--n-action-color);
|
|
`),C,i(`card-content`,[p(`&:first-child`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)]),s(`content-scrollbar`,`
|
|
display: flex;
|
|
flex-direction: column;
|
|
`,[p(`>`,[i(`scrollbar-container`,[p(`>`,[C])])]),p(`&:first-child >`,[i(`scrollbar-container`,[p(`>`,[i(`card-content`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)])])])]),s(`footer`,`
|
|
box-sizing: border-box;
|
|
padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
|
|
font-size: var(--n-font-size);
|
|
`,[p(`&:first-child`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)]),s(`action`,`
|
|
background-color: var(--n-action-color);
|
|
padding: var(--n-padding-bottom) var(--n-padding-left);
|
|
border-bottom-left-radius: var(--n-border-radius);
|
|
border-bottom-right-radius: var(--n-border-radius);
|
|
`)]),i(`card-cover`,`
|
|
overflow: hidden;
|
|
width: 100%;
|
|
border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
|
|
`,[p(`img`,`
|
|
display: block;
|
|
width: 100%;
|
|
`)]),c(`bordered`,`
|
|
border: 1px solid var(--n-border-color);
|
|
`,[p(`&:target`,`border-color: var(--n-color-target);`)]),c(`action-segmented`,[p(`>`,[s(`action`,[p(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)])])]),c(`content-segmented, content-soft-segmented`,[p(`>`,[i(`card-content`,`
|
|
transition: border-color 0.3s var(--n-bezier);
|
|
`,[p(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)]),s(`content-scrollbar`,`
|
|
transition: border-color 0.3s var(--n-bezier);
|
|
`,[p(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)])])]),c(`footer-segmented, footer-soft-segmented`,[p(`>`,[s(`footer`,`
|
|
transition: border-color 0.3s var(--n-bezier);
|
|
`,[p(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)])])]),c(`embedded`,`
|
|
background-color: var(--n-color-embedded);
|
|
`)]),l(i(`card`,`
|
|
background: var(--n-color-modal);
|
|
`,[c(`embedded`,`
|
|
background-color: var(--n-color-embedded-modal);
|
|
`)])),m(i(`card`,`
|
|
background: var(--n-color-popover);
|
|
`,[c(`embedded`,`
|
|
background-color: var(--n-color-embedded-popover);
|
|
`)]))]),T={title:[String,Function],contentClass:String,contentStyle:[Object,String],contentScrollable:Boolean,headerClass:String,headerStyle:[Object,String],headerExtraClass:String,headerExtraStyle:[Object,String],footerClass:String,footerStyle:[Object,String],embedded:Boolean,segmented:{type:[Boolean,Object],default:!1},size:String,bordered:{type:Boolean,default:!0},closable:Boolean,hoverable:Boolean,role:String,onClose:[Function,Array],tag:{type:String,default:`div`},cover:Function,content:[String,Function],footer:Function,action:Function,headerExtra:Function,closeFocusable:Boolean},E=S(T),D=e({name:`Card`,props:Object.assign(Object.assign({},f.props),T),slots:Object,setup(e){let t=()=>{let{onClose:t}=e;t&&b(t)},{inlineThemeDisabled:i,mergedClsPrefixRef:a,mergedRtlRef:s,mergedComponentPropsRef:c}=h(e),l=f(`Card`,`-card`,w,x,e,a),d=u(`Card`,s,a),p=n(()=>e.size||c?.value?.Card?.size||`medium`),m=n(()=>{let e=p.value,{self:{color:t,colorModal:n,colorTarget:i,textColor:a,titleTextColor:o,titleFontWeight:s,borderColor:c,actionColor:u,borderRadius:d,lineHeight:f,closeIconColor:m,closeIconColorHover:h,closeIconColorPressed:g,closeColorHover:_,closeColorPressed:y,closeBorderRadius:b,closeIconSize:x,closeSize:S,boxShadow:C,colorPopover:w,colorEmbedded:T,colorEmbeddedModal:E,colorEmbeddedPopover:D,[r(`padding`,e)]:O,[r(`fontSize`,e)]:k,[r(`titleFontSize`,e)]:A},common:{cubicBezierEaseInOut:j}}=l.value,{top:M,left:N,bottom:P}=v(O);return{"--n-bezier":j,"--n-border-radius":d,"--n-color":t,"--n-color-modal":n,"--n-color-popover":w,"--n-color-embedded":T,"--n-color-embedded-modal":E,"--n-color-embedded-popover":D,"--n-color-target":i,"--n-text-color":a,"--n-line-height":f,"--n-action-color":u,"--n-title-text-color":o,"--n-title-font-weight":s,"--n-close-icon-color":m,"--n-close-icon-color-hover":h,"--n-close-icon-color-pressed":g,"--n-close-color-hover":_,"--n-close-color-pressed":y,"--n-border-color":c,"--n-box-shadow":C,"--n-padding-top":M,"--n-padding-bottom":P,"--n-padding-left":N,"--n-font-size":k,"--n-title-font-size":A,"--n-close-size":S,"--n-close-icon-size":x,"--n-close-border-radius":b}}),g=i?o(`card`,n(()=>p.value[0]),m,e):void 0;return{rtlEnabled:d,mergedClsPrefix:a,mergedTheme:l,handleCloseClick:t,cssVars:i?void 0:m,themeClass:g?.themeClass,onRender:g?.onRender}},render(){let{segmented:e,bordered:n,hoverable:r,mergedClsPrefix:i,rtlEnabled:a,onRender:o,embedded:s,tag:c,$slots:l}=this;return o?.(),t(c,{class:[`${i}-card`,this.themeClass,s&&`${i}-card--embedded`,{[`${i}-card--rtl`]:a,[`${i}-card--content-scrollable`]:this.contentScrollable,[`${i}-card--content${typeof e!=`boolean`&&e.content===`soft`?`-soft`:``}-segmented`]:e===!0||e!==!1&&e.content,[`${i}-card--footer${typeof e!=`boolean`&&e.footer===`soft`?`-soft`:``}-segmented`]:e===!0||e!==!1&&e.footer,[`${i}-card--action-segmented`]:e===!0||e!==!1&&e.action,[`${i}-card--bordered`]:n,[`${i}-card--hoverable`]:r}],style:this.cssVars,role:this.role},_(l.cover,e=>{let n=this.cover?y([this.cover()]):e;return n&&t(`div`,{class:`${i}-card-cover`,role:`none`},n)}),_(l.header,e=>{let{title:n}=this,r=n?y(typeof n==`function`?[n()]:[n]):e;return r||this.closable?t(`div`,{class:[`${i}-card-header`,this.headerClass],style:this.headerStyle,role:`heading`},t(`div`,{class:`${i}-card-header__main`,role:`heading`},r),_(l[`header-extra`],e=>{let n=this.headerExtra?y([this.headerExtra()]):e;return n&&t(`div`,{class:[`${i}-card-header__extra`,this.headerExtraClass],style:this.headerExtraStyle},n)}),this.closable&&t(d,{clsPrefix:i,class:`${i}-card-header__close`,onClick:this.handleCloseClick,focusable:this.closeFocusable,absolute:!0})):null}),_(l.default,e=>{let{content:n}=this,r=n?y(typeof n==`function`?[n()]:[n]):e;return r?this.contentScrollable?t(g,{class:`${i}-card__content-scrollbar`,contentClass:[`${i}-card-content`,this.contentClass],contentStyle:this.contentStyle},r):t(`div`,{class:[`${i}-card-content`,this.contentClass],style:this.contentStyle,role:`none`},r):null}),_(l.footer,e=>{let n=this.footer?y([this.footer()]):e;return n&&t(`div`,{class:[`${i}-card__footer`,this.footerClass],style:this.footerStyle,role:`none`},n)}),_(l.action,e=>{let n=this.action?y([this.action()]):e;return n&&t(`div`,{class:`${i}-card__action`,role:`none`},n)}))}});export{S as i,E as n,T as r,D as t}; |