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,G as i,J as a,K as o,M as s,N as c,Q as l,W as u,Y as d,Z as f,o as p,r as m}from"./light-CPiNeYrP.js";import{i as h}from"./Input-BggCgCRx.js";import{a as g,c as _,t as v}from"./resolve-slot-tPBGpQg9.js";import{t as y}from"./call-ChHlm4-m.js";import{N as b,b as x}from"./index-DE6knRFF.js";function S(e){return Object.keys(e)}var C=o(`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=i([o(`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);
|
|
`,[u({background:`var(--n-color-modal)`}),d(`hoverable`,[i(`&:hover`,`box-shadow: var(--n-box-shadow);`)]),d(`content-segmented`,[i(`>`,[o(`card-content`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`),a(`content-scrollbar`,[i(`>`,[o(`scrollbar-container`,[i(`>`,[o(`card-content`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)])])])])])]),d(`content-soft-segmented`,[i(`>`,[o(`card-content`,`
|
|
margin: 0 var(--n-padding-left);
|
|
padding: var(--n-padding-bottom) 0;
|
|
`),a(`content-scrollbar`,[i(`>`,[o(`scrollbar-container`,[i(`>`,[o(`card-content`,`
|
|
margin: 0 var(--n-padding-left);
|
|
padding: var(--n-padding-bottom) 0;
|
|
`)])])])])])]),d(`footer-segmented`,[i(`>`,[a(`footer`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)])]),d(`footer-soft-segmented`,[i(`>`,[a(`footer`,`
|
|
padding: var(--n-padding-bottom) 0;
|
|
margin: 0 var(--n-padding-left);
|
|
`)])]),i(`>`,[o(`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);
|
|
`,[a(`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);
|
|
`),a(`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);
|
|
`),a(`close`,`
|
|
margin: 0 0 0 8px;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
`)]),a(`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,o(`card-content`,[i(`&:first-child`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)]),a(`content-scrollbar`,`
|
|
display: flex;
|
|
flex-direction: column;
|
|
`,[i(`>`,[o(`scrollbar-container`,[i(`>`,[C])])]),i(`&:first-child >`,[o(`scrollbar-container`,[i(`>`,[o(`card-content`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)])])])]),a(`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);
|
|
`,[i(`&:first-child`,`
|
|
padding-top: var(--n-padding-bottom);
|
|
`)]),a(`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);
|
|
`)]),o(`card-cover`,`
|
|
overflow: hidden;
|
|
width: 100%;
|
|
border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
|
|
`,[i(`img`,`
|
|
display: block;
|
|
width: 100%;
|
|
`)]),d(`bordered`,`
|
|
border: 1px solid var(--n-border-color);
|
|
`,[i(`&:target`,`border-color: var(--n-color-target);`)]),d(`action-segmented`,[i(`>`,[a(`action`,[i(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)])])]),d(`content-segmented, content-soft-segmented`,[i(`>`,[o(`card-content`,`
|
|
transition: border-color 0.3s var(--n-bezier);
|
|
`,[i(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)]),a(`content-scrollbar`,`
|
|
transition: border-color 0.3s var(--n-bezier);
|
|
`,[i(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)])])]),d(`footer-segmented, footer-soft-segmented`,[i(`>`,[a(`footer`,`
|
|
transition: border-color 0.3s var(--n-bezier);
|
|
`,[i(`&:not(:first-child)`,`
|
|
border-top: 1px solid var(--n-border-color);
|
|
`)])])]),d(`embedded`,`
|
|
background-color: var(--n-color-embedded);
|
|
`)]),l(o(`card`,`
|
|
background: var(--n-color-modal);
|
|
`,[d(`embedded`,`
|
|
background-color: var(--n-color-embedded-modal);
|
|
`)])),r(o(`card`,`
|
|
background: var(--n-color-popover);
|
|
`,[d(`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({},m.props),T),slots:Object,setup(e){let t=()=>{let{onClose:t}=e;t&&y(t)},{inlineThemeDisabled:r,mergedClsPrefixRef:i,mergedRtlRef:a,mergedComponentPropsRef:o}=c(e),l=m(`Card`,`-card`,w,x,e,i),u=p(`Card`,a,i),d=n(()=>e.size||o?.value?.Card?.size||`medium`),h=n(()=>{let e=d.value,{self:{color:t,colorModal:n,colorTarget:r,textColor:i,titleTextColor:a,titleFontWeight:o,borderColor:s,actionColor:c,borderRadius:u,lineHeight:p,closeIconColor:m,closeIconColorHover:h,closeIconColorPressed:g,closeColorHover:v,closeColorPressed:y,closeBorderRadius:b,closeIconSize:x,closeSize:S,boxShadow:C,colorPopover:w,colorEmbedded:T,colorEmbeddedModal:E,colorEmbeddedPopover:D,[f(`padding`,e)]:O,[f(`fontSize`,e)]:k,[f(`titleFontSize`,e)]:A},common:{cubicBezierEaseInOut:j}}=l.value,{top:M,left:N,bottom:P}=_(O);return{"--n-bezier":j,"--n-border-radius":u,"--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":r,"--n-text-color":i,"--n-line-height":p,"--n-action-color":c,"--n-title-text-color":a,"--n-title-font-weight":o,"--n-close-icon-color":m,"--n-close-icon-color-hover":h,"--n-close-icon-color-pressed":g,"--n-close-color-hover":v,"--n-close-color-pressed":y,"--n-border-color":s,"--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=r?s(`card`,n(()=>d.value[0]),h,e):void 0;return{rtlEnabled:u,mergedClsPrefix:i,mergedTheme:l,handleCloseClick:t,cssVars:r?void 0:h,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},g(l.cover,e=>{let n=this.cover?v([this.cover()]):e;return n&&t(`div`,{class:`${i}-card-cover`,role:`none`},n)}),g(l.header,e=>{let{title:n}=this,r=n?v(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),g(l[`header-extra`],e=>{let n=this.headerExtra?v([this.headerExtra()]):e;return n&&t(`div`,{class:[`${i}-card-header__extra`,this.headerExtraClass],style:this.headerExtraStyle},n)}),this.closable&&t(b,{clsPrefix:i,class:`${i}-card-header__close`,onClick:this.handleCloseClick,focusable:this.closeFocusable,absolute:!0})):null}),g(l.default,e=>{let{content:n}=this,r=n?v(typeof n==`function`?[n()]:[n]):e;return r?this.contentScrollable?t(h,{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}),g(l.footer,e=>{let n=this.footer?v([this.footer()]):e;return n&&t(`div`,{class:[`${i}-card__footer`,this.footerClass],style:this.footerStyle,role:`none`},n)}),g(l.action,e=>{let n=this.action?v([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}; |