UNPKG

oraclejet-demo-card-vdom

Version:
2 lines 2.49 kB
define("oraclejet-demo-card-vdom/oraclejet-demo-card-vdom",["require","exports","preact/jsx-runtime","ojs/ojvcomponent","css!./oraclejet-demo-card-vdom-styles.css","ojs/ojavatar"],(function(require,e,r,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OraclejetDemoCardVdom=void 0;const s=e=>{("click"===e.type||"keypress"===e.type&&13===e.keyCode)&&e.currentTarget.classList.toggle("oraclejet-demo-card-flipped")};let t="",o="";e.OraclejetDemoCardVdom=(0,a.registerCustomElement)("oraclejet-demo-card-vdom",(function({name:e,email:a,workNumber:c,workTitle:d,avatar:i}){if(c&&(o=c.toString().replace(/(\d{3})(\d{3})(\d{4})/,"$1-$2-$3")),e){let r=e.match(/\b\w/g);t=(r.shift()+r.pop()).toUpperCase()}return(0,r.jsxs)("div",Object.assign({tabIndex:0,role:"group",class:"oraclejet-demo-card-flip-container",onClick:s,onKeyPress:s,"aria-label":e+" Press Enter for more info."},{children:[(0,r.jsxs)("div",Object.assign({class:"oraclejet-demo-card-front-side"},{children:[(0,r.jsx)("oj-avatar",{class:"oraclejet-demo-card-avatar",role:"img",size:"lg",initials:t,src:i,"aria-label":"Avatar of "+e}),(0,r.jsx)("h2",Object.assign({class:"oj-typography-heading-md"},{children:e}))]})),(0,r.jsx)("div",Object.assign({class:"oraclejet-demo-card-back-side"},{children:(0,r.jsxs)("div",Object.assign({class:"oraclejet-demo-card-inner-back-side"},{children:[(0,r.jsx)("h2",Object.assign({class:"oj-typography-heading-md"},{children:e})),(0,r.jsx)("h5",Object.assign({class:"oj-typography-subheading-sm"},{children:d})),c&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h5",Object.assign({class:"oj-typography-heading-xs"},{children:"Work"})),(0,r.jsx)("span",Object.assign({class:"oraclejet-demo-card-text"},{children:o}))]}),a&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h5",Object.assign({class:"oj-typography-heading-xs"},{children:"Email"})),(0,r.jsx)("span",Object.assign({class:"oraclejet-demo-card-text"},{children:a}))]})]}))}))]}))}),"OraclejetDemoCardVdom",{properties:{message:{type:"string"},avatar:{type:"string"},name:{type:"string"},email:{type:"string"},workTitle:{type:"string"},workNumber:{type:"number"}}})})),define("oraclejet-demo-card-vdom/loader",["require","exports","./oraclejet-demo-card-vdom"],(function(require,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OraclejetDemoCardVdom=void 0,Object.defineProperty(e,"OraclejetDemoCardVdom",{enumerable:!0,get:function(){return r.OraclejetDemoCardVdom}})})); //# sourceMappingURL=loader.js.map