https://www.strasbourg.eu/o/frontend-js-clay-web/__liferay__/exports/@clayui$card.js

1import{}from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import at from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";var p=at;import{Children as Dt,Component as Ht,Fragment as Mt,Profiler as _t,PureComponent as Pt,StrictMode as Et,Suspense as kt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as Bt,cloneElement as At,createContext as St,createElement as Wt,createFactory as wt,createRef as zt,forwardRef as Ot,isValidElement as Rt,lazy as Ft,memo as Kt,startTransition as Ut,unstable_act as Gt,useCallback as Vt,useContext as $t,useDebugValue as Yt,useDeferredValue as jt,useEffect as qt,useId as Jt,useImperativeHandle as Qt,useInsertionEffect as Xt,useLayoutEffect as Zt,useMemo as te,useReducer as ee,useRef as oe,useState as re,useSyncExternalStore as ae,useTransition as ie,version as ne}from"../../../frontend-js-react-web/__liferay__/exports/react.js";import it from"../../../frontend-js-react-web/__liferay__/exports/react.js";var t=it;var F=t.createContext({});F.displayName="ClayCardContext";var C=F;function nt({children:a,className:r,containerAspectRatio:o}){let{interactive:e}=t.useContext(C);return t.createElement(e?"span":"div",{className:p(r,"aspect-ratio",{[`aspect-ratio-${o?o.replace("/","-to-"):null}`]:o})},a)}var K=nt;function st({children:a,className:r,...o}){let{interactive:e}=t.useContext(C);return t.createElement(e?"span":"div",{className:p("card-body",r),...o},a)}var U=st;function lt({children:a,className:r,...o}){let{interactive:e}=t.useContext(C);return t.createElement(e?"span":"div",{className:p(r,"card-detail"),...o},a)}var G=lt;function pt({children:a,className:r,...o}){return t.createElement("div",{className:p("card card-horizontal",r),...o},a)}function L({active:a,children:r,className:o,selectable:e,...i}){return t.createElement(C.Provider,{value:{horizontal:!0,interactive:!1}},t.createElement("div",{className:p(o,{active:a,"card card-horizontal":!e,"form-check-card form-check form-check-middle-left":e},"card-type-directory"),...i},r))}L.Body=pt;import{ClayLinkContext as Me}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$link.js";import mt from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$link.js";var A=mt;function S({children:a,className:r,horizontal:o,href:e,onClick:i,...c}){let l=e?A:"div";return t.createElement(C.Provider,{value:{horizontal:o,interactive:!0}},t.createElement(l,{className:p(r,"card card-interactive card-interactive-primary card-type-template",{"template-card":!o,"template-card-horizontal":o}),href:e,onClick:i,role:i?"button":void 0,...c},a))}function ct({children:a,className:r,disabled:o,displayType:e,href:i,tag:c="p",truncate:l=!0,...f}){let d=i&&!o?A:"span";return t.createElement(c,{className:p(r,`card-${e}`),title:a?a.toString():void 0,...f},l?t.createElement("span",{className:"text-truncate-inline"},t.createElement(d,{className:"text-truncate",href:o?void 0:i},a)):a)}var V=ct;function dt({children:a,className:r,label:o,...e}){return t.createElement("ul",{...e,className:p("card-page",r)},o&&t.createElement("li",{className:"card-page-item card-page-item-header"},t.createElement("p",{className:"card-section-header"},o)),t.Children.map(a,(i,c)=>t.createElement("li",{className:"card-page-item card-page-item-directory",key:c},i)))}var $=dt;function Ct({children:a,className:r,...o}){let{interactive:e}=t.useContext(C);return t.createElement(e?"span":"div",{...o,className:p("card-row",r)},a)}var Y=Ct;function yt({active:a,children:r,className:o,displayType:e,selectable:i=!1,...c}){let l={file:e==="file",image:e==="image",user:e==="user"};return t.createElement(C.Provider,{value:{horizontal:!1,interactive:!1}},t.createElement("div",{className:p(o,{active:a,card:!i,"file-card":l.file,"form-check-card form-check form-check-top-left":i,"image-card":l.image,"user-card":l.user},"card-type-asset"),...c},i?t.createElement("div",{className:"card"},r):r))}function I({children:a,horizontal:r,interactive:o,...e}){return t.createElement(o?S:r?L:yt,{horizontal:r,...e},a)}I.displayName="ClayCard";I.AspectRatio=K;I.Body=U;I.Caption=G;I.Description=V;I.Group=$;I.Row=Y;var n=I;import{ClayButtonWithIcon as D}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$button.js";import no from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$button.js";import{Align as yo,DropDown as uo,ClayDropDownWithItems as H,ClayDropDownWithDrilldown as fo}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$drop-down.js";import mo from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$drop-down.js";import{ClayCheckbox as M,ClayInput as ho,ClayDualListBox as vo,ClayRadio as _,ClayRadioGroup as Io,ClaySelect as Lo,ClaySelectBox as No,ClaySelectWithOption as Do,ClayToggle as Ho}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$form.js";import xo from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$form.js";import{ClayIconSpriteContext as Eo}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";import ut from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";var g=ut;import{Col as So,Container as Wo,ContainerFluid as wo,ContentCol as zo,ContentRow as Oo,ContentSection as Ro,Row as Fo,Sheet as Ko,SheetFooter as Uo,SheetHeader as Go,SheetSection as Vo,SheetRow as $o}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$layout.js";import ft from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$layout.js";var y=ft;import{}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$sticker.js";import bt from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$sticker.js";var h=bt;function j({"aria-label":a,actions:r,checkboxProps:o={},disabled:e,dropDownTriggerProps:i={"aria-label":"More actions"},href:c,onSelectChange:l,radioProps:f={name:"",value:""},selectableType:d,selected:u=!1,spritemap:s,symbol:v="folder",title:m,truncate:P=!0,...E}){let x=t.createElement(n.Body,null,t.createElement(n.Row,null,t.createElement(y.ContentCol,null,t.createElement(h,{inl

1ine:!0},t.createElement(g,{spritemap:s,symbol:v}))),t.createElement(y.ContentCol,{expand:!0,gutters:!0},t.createElement(n.Description,{"aria-label":a??m,disabled:e,displayType:"title",href:c,truncate:P},m)),r&&t.createElement(y.ContentCol,null,t.createElement(H,{items:r,spritemap:s,trigger:t.createElement(D,{...i,className:"component-action",disabled:e,displayType:"unstyled",spritemap:s,symbol:"ellipsis-v"})}))));return t.createElement(L,{...E,active:u,selectable:!!l},l&&(d==="radio"?t.createElement(_,{...f,checked:u,disabled:e,onChange:({target:{value:T}})=>l(T)},t.createElement(L.Body,null,x)):t.createElement(M,{...o,checked:u,disabled:e,onChange:()=>l(!u)},t.createElement(L.Body,null,x))),!l&&x)}import{}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$label.js";import xt from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$label.js";var q=xt;function J({"aria-label":a,actions:r,checkboxProps:o={},description:e,disabled:i,displayType:c,dropDownTriggerProps:l={"aria-label":"More actions"},flushHorizontal:f,flushVertical:d,href:u,imgProps:s,labels:v,onSelectChange:m,radioProps:P={name:"",value:""},selectableType:E,selected:x=!1,spritemap:T,stickerProps:b={},symbol:k,title:B,truncate:N=!0,...W}){let w={file:c==="file"&&!s,image:c==="image"||s},tt=k||(w.image?"camera":"documents-and-media"),et=w.image?"document-image":"document-default",z=t.createElement(n.AspectRatio,{className:"card-item-first"},!s&&t.createElement("div",{className:"aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid card-type-asset-icon"},t.createElement(g,{spritemap:T,symbol:tt})),s&&t.createElement("img",{className:p("aspect-ratio-item aspect-ratio-item-center-middle",typeof s!="string"&&s.className,{"aspect-ratio-item-fluid":!f&&!d,"aspect-ratio-item-flush":f,"aspect-ratio-item-vertical-flush":d}),draggable:!1,...typeof s=="string"?{src:s}:s}),b&&t.createElement(h,{displayType:b.displayType?b.displayType:"primary",position:"bottom-left",title:b.title,...b},b.children?b.children:b.content?b.content:t.createElement(g,{spritemap:T,symbol:et})));return t.createElement(n,{...W,active:x,displayType:w.image?"image":"file",selectable:!!m},m&&(E==="radio"?t.createElement(_,{...P,checked:x,disabled:i,onChange:({target:{value:O}})=>m(O)},z):t.createElement(M,{...o,checked:x,disabled:i,onChange:()=>m(!x)},z)),!m&&z,t.createElement(n.Body,null,t.createElement(n.Row,null,t.createElement(y.ContentCol,{expand:!0},t.createElement(n.Description,{"aria-label":a??B,disabled:i,displayType:"title",href:u,truncate:N},B),e&&t.createElement(n.Description,{displayType:"subtitle",truncate:N},e),v&&t.createElement(n.Caption,null,v.map(({value:O,...ot},rt)=>t.createElement(q,{...ot,key:rt},O)))),r&&t.createElement(y.ContentCol,null,t.createElement(H,{items:r,spritemap:T,trigger:t.createElement(D,{...l,className:"component-action",displayType:"unstyled",spritemap:T,symbol:"ellipsis-v"})})))))}import{FocusScope as Ir,Keys as R,LinkOrButton as Lr,MouseSafeArea as Nr,Overlay as Dr,PanelResizer as Hr,ClayPortal as Mr,delegate as _r,doAlign as Pr,getEllipsisItems as Er,getLocatorValue as kr,observeRect as Br,isMac as Ar,isIPhone as Sr,isIPad as Wr,isIOS as wr,isAppleDevice as zr,setElementFullHeight as Or,stack as Rr,sub as Fr,throttle as Kr,useControlledState as Ur,useDebounce as Gr,useFocusManagement as Vr,FOCUSABLE_ELEMENTS as $r,useHover as Yr,useId as jr,useInteractionFocus as qr,useFocusVisible as Jr,useIsFirstRender as Qr,useIsMobileDevice as Xr,useMousePosition as Zr,useNavigation as ta,isTypeahead as ea,getFocusableList as oa,useOverlayPosition as ra,usePrevious as aa}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$shared.js";function Tt(){}function Q({"aria-label":a,children:r,description:o,horizontal:e=!1,horizontalSymbol:i="",href:c,onClick:l,onKeyDown:f=Tt,spritemap:d,stickerTitle:u,title:s,...v}){return t.createElement(S,{...v,horizontal:e,href:c,onClick:l,onKeyDown:m=>{(m&&m.key===R.Enter||m&&m.key===R.Spacebar)&&(m.preventDefault(),l&&l(m)),f(m)},tabIndex:0},!e&&t.createElement(n.AspectRatio,null,t.createElement("span",{className:"aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush"},r)),(e||s||o)&&t.createElement(n.Body,null,!e&&t.createElement(t.Fragment,null,s&&t.createElement(n.Description,{"aria-label":s,displayType:"title",truncate:!0},s),o&&t.createElement(n.Description,{displayType:"text",truncate:!0},o)),e&&t.createElement(n.Row,null,t.createElement(y.ContentCol,null,t.createElement(h,{inl

1ine:!0,title:u},t.createElement(g,{spritemap:d,symbol:i}))),s&&t.createElement(y.ContentCol,{expand:!0},t.createElement(y.ContentSection,null,t.createElement(n.Description,{"aria-label":a??s,displayType:"title",truncate:!0},s))))))}function X({"aria-label":a,actions:r,checkboxProps:o={},description:e,disabled:i,dropDownTriggerProps:c={"aria-label":"More actions"},href:l,name:f,onSelectChange:d,selected:u=!1,spritemap:s,stickerTitle:v,selectableType:m,radioProps:P={name:"",value:""},userImageAlt:E="thumbnail",userDisplayType:x,userImageSrc:T,userSymbol:b="user",truncate:k=!0,...B}){let N=t.createElement("div",{className:"aspect-ratio-item-center-middle card-type-asset-icon"},t.createElement(h,{className:"sticker-user-icon",displayType:x,shape:"circle",title:v},T&&t.createElement(h.Image,{alt:E,src:T}),!T&&t.createElement(g,{spritemap:s,symbol:b})));return t.createElement(n,{...B,active:u,displayType:"user",selectable:!!d},t.createElement(n.AspectRatio,{className:"card-item-first"},d&&(m==="radio"?t.createElement(_,{...P,checked:u,disabled:i,onChange:({target:{value:W}})=>d(W)},N):t.createElement(M,{...o,checked:u,disabled:i,onChange:()=>d(!u)},N)),!d&&N),t.createElement(n.Body,null,t.createElement(n.Row,null,t.createElement(y.ContentCol,{expand:!0},t.createElement(n.Description,{"aria-label":a??f,disabled:i,displayType:"title",href:l,truncate:k},f),e&&t.createElement(n.Description,{displayType:"subtitle",truncate:k},e)),r&&t.createElement(y.ContentCol,null,t.createElement(H,{items:r,spritemap:s,trigger:t.createElement(D,{...c,className:"component-action",disabled:i,displayType:"unstyled",spritemap:s,symbol:"ellipsis-v"})})))))}var Z=n;var Pa=Z;export{j as ClayCardWithHorizontal,J as ClayCardWithInfo,Q as ClayCardWithNavigation,X as ClayCardWithUser,Pa as default};
2//# sourceMappingURL=@clayui$card.(SBGPKSPE).js.map