1(function(){"use strict"; 2/** 3 * @license 4 * Copyright 2019 Google LLC 5 * SPDX-License-Identifier: BSD-3-Clause 6 */ 7function F(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==$?$.createHTML(i):i}function K(t,i,s=t,e){var n,o,r,l;if(i===D)return i;let h=void 0!==e?null===(n=s.A)||void 0===n?void 0:n[e]:s.k;const u=k(i)?void 0:i._$litDirective$;return(null==h?void 0:h.constructor)!==u&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===u?h=void 0:(h=new u(t),h._$AT(t,s,e)),void 0!==e?(null!==(r=(l=s).A)&&void 0!==r?r:l.A=[])[e]=h:s.k=h),void 0!==h&&(i=K(t,h._$AS(t,i.values),h,e)),i}var u,g,ht,ut;const t=window,i=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),e=new WeakMap;class n{constructor(t,i,e){if(this._$cssResult$=!0,e!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t;this.t=i}get styleSheet(){let t=this.i;const s=this.t;if(i&&void 0===t){const i=void 0!==s&&1===s.length;i&&(t=e.get(s));void 0===t&&((this.i=t=new CSSStyleSheet).replaceSync(this.cssText),i&&e.set(s,t))}return t}toString(){return this.cssText}}const o=t=>new n("string"==typeof t?t:t+"",void 0,s),l=(s,e)=>{i?s.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(i=>{const e=document.createElement("style"),n=t.litNonce;void 0!==n&&e.setAttribute("nonce",n);e.textContent=i.cssText;s.appendChild(e)})},h=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let i="";for(const s of t.cssRules)i+=s.cssText;return o(i)})(t):t;const c=window,d=c.trustedTypes,a=d?d.emptyScript:"",v=c.reactiveElementPolyfillSupport,f={toAttribute(t,i){switch(i){case Boolean:t=t?a:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},p=(t,i)=>i!==t&&(i==i||t==t),y={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:p},b="finalized";class m extends HTMLElement{constructor(){super();this.o=new Map;this.isUpdatePending=!1;this.hasUpdated=!1;this.l=null;this.u()}static addInitializer(t){var i;this.finalize();(null!==(i=this.v)&&void 0!==i?i:this.v=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((i,s)=>{const e=this.p(s,i);void 0!==e&&(this.m.set(e,s),t.push(e))}),t}static createProperty(t,i=y){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e)}}static getPropertyDescriptor(t,i,s){return{get(){return this[i]},set(e){const n=this[t];this[i]=e;this.requestUpdate(t,n,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||y}static finalize(){if(this.hasOwnProperty(b))return!1;this[b]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.v&&(this.v=[...t.v]),this.elementProperties=new Map(t.elementProperties),this.m=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const i=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)i.unshift(h(t))}else void 0!==t&&i.push(h(t));return i}static p(t,i){const s=i.attribute;if(!1!==s)return"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._=new Promise(t=>this.enableUpdating=t);this._$AL=new Map;this.g();this.requestUpdate();null===(t=this.constructor.v)||void 0===t||t.forEach(t=>t(this))}addController(t){var i,s;(null!==(i=this.S)&&void 0!==i?i:this.S=[]).push(t);void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}
7removeController(t){var i;null===(i=this.S)||void 0===i||i.splice(this.S.indexOf(t)>>>0,1)}g(){this.constructor.elementProperties.forEach((t,i)=>{this.hasOwnProperty(i)&&(this.o.set(i,this[i]),delete this[i])})}createRenderRoot(){var t;const i=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return l(i,this.constructor.elementStyles),i}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot());this.enableUpdating(!0);null===(t=this.S)||void 0===t||t.forEach(t=>{var i;if(null!==(i=t.hostConnected)&&void 0!==i)return i.call(t)})}enableUpdating(){}disconnectedCallback(){var t;null===(t=this.S)||void 0===t||t.forEach(t=>{var i;if(null!==(i=t.hostDisconnected)&&void 0!==i)return i.call(t)})}attributeChangedCallback(t,i,s){this._$AK(t,s)}$(t,i,s=y){var e;const n=this.constructor.p(t,s);if(void 0!==n&&!0===s.reflect){const o=(void 0!==(null===(e=s.converter)||void 0===e?void 0:e.toAttribute)?s.converter:f).toAttribute(i,s.type);this.l=t;null==o?this.removeAttribute(n):this.setAttribute(n,o);this.l=null}}_$AK(t,i){var s;const e=this.constructor,n=e.m.get(t);if(void 0!==n&&this.l!==n){const t=e.getPropertyOptions(n),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:f;this.l=n;this[n]=o.fromAttribute(i,t.type);this.l=null}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||p)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this.l!==t&&(void 0===this.C&&(this.C=new Map),this.C.set(t,s))):e=!1);!this.isUpdatePending&&e&&(this._=this.T())}async T(){this.isUpdatePending=!0;try{await this._}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(this.isUpdatePending){this.hasUpdated;this.o&&(this.o.forEach((t,i)=>this[i]=t),this.o=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s);i?(this.willUpdate(s),null===(t=this.S)||void 0===t||t.forEach(t=>{var i;if(null!==(i=t.hostUpdate)&&void 0!==i)return i.call(t)}),this.update(s)):this.P()}catch(t){throw i=!1,this.P(),t;}i&&this._$AE(s)}}willUpdate(){}_$AE(t){var i;null===(i=this.S)||void 0===i||i.forEach(t=>{var i;if(null!==(i=t.hostUpdated)&&void 0!==i)return i.call(t)});this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t));this.updated(t)}P(){this._$AL=new Map;this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._}shouldUpdate(){return!0}update(){void 0!==this.C&&(this.C.forEach((t,i)=>this.$(i,this[i],t)),this.C=void 0);this.P()}updated(){}firstUpdated(){}} 8/** 9 * @license 10 * Copyright 2017 Google LLC 11 * SPDX-License-Identifier: BSD-3-Clause 12 */ 13m[b]=!0;m.elementProperties=new Map;m.elementStyles=[];m.shadowRootOptions={mode:"open"};null==v||v({ReactiveElement:m});(null!==(u=c.reactiveElementVersions)&&void 0!==u?u:c.reactiveElementVersions=[]).push("1.6.3");const w=window,_=w.trustedTypes,$=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",T=`lit$${(Math.random()+"").slice(9)}$`,x="?"+T,E=`<${x}>`,C=document,A=()=>C.createComment(""),k=t=>null===t||"object"!=typeof t&&"function"!=typeof t,M=Array.isArray,P=t=>M(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),U="[ \t\n\f\r]",V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,R=/-->/g,N=/>/g,O=RegExp(`>|${U}(?:([^\\s"'>=/]+)(${U}*=${U}*(?:[^ 14��"'\`<>=]|("|')|))|$)`,"g"),L=/'/g,j=/"/g,z=/^(?:script|style|textarea|title)$/i,H=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),I=H(1),D=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),Z=new WeakMap,q=C.createTreeWalker(C,129,null,!1);const G=(t,i)=>{const s=t.length-1,e=[];let n,o=2===i?"<svg>":"",r=V;for(let i=0;i<s;i++){const s=t[i];let l,h,u=-1,c=0;for(;c<s.length&&(r.lastIndex=c,h=r.exec(s),null!==h);)c=r.lastIndex,r===V?"!--"===h[1]?r=R:void 0!==h[1]?r=N:void 0!==h[2]?(z.test(h[2])&&(n=RegExp("<\/"+h[2],"g")),r=O):void 0!==h[3]&&(r=O):r===O?">"===h[0]?(r=null!=n?n:V,u=-1):void 0===h[1]?u=-2:(u=r.lastIndex-h[2].length,l=h[1],r=void 0===h[3]?O:'"'
14===h[3]?j:L):r===j||r===L?r=O:r===R||r===N?r=V:(r=O,n=void 0);const d=r===O&&t[i+1].startsWith("/>")?" ":"";o+=r===V?s+E:u>=0?(e.push(l),s.slice(0,u)+S+s.slice(u)+T+d):s+T+(-2===u?(e.push(void 0),i):d)}return[F(t,o+(t[s]||"<?>")+(2===i?"<\/svg>":"")),e]};class J{constructor({strings:t,_$litType$:i},s){let e;this.parts=[];let n=0,o=0;const r=t.length-1,l=this.parts,[h,u]=G(t,i);if(this.el=J.createElement(h,s),q.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove();t.append(...i.childNodes)}for(;null!==(e=q.nextNode())&&l.length<r;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const i of e.getAttributeNames())if(i.endsWith(S)||i.startsWith(T)){const s=u[o++];if(t.push(i),void 0!==s){const t=e.getAttribute(s.toLowerCase()+S).split(T),i=/([.?@])?(.*)/.exec(s);l.push({type:1,index:n,name:i[2],strings:t,ctor:"."===i[1]?tt:"?"===i[1]?st:"@"===i[1]?et:X})}else l.push({type:6,index:n})}for(const i of t)e.removeAttribute(i)}if(z.test(e.tagName)){const t=e.textContent.split(T),i=t.length-1;if(i>0){e.textContent=_?_.emptyScript:"";for(let s=0;s<i;s++)e.append(t[s],A()),q.nextNode(),l.push({type:2,index:++n});e.append(t[i],A())}}}else if(8===e.nodeType)if(e.data===x)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=e.data.indexOf(T,t+1));)l.push({type:7,index:n}),t+=T.length-1}n++}}static createElement(t){const s=C.createElement("template");return s.innerHTML=t,s}}class Y{constructor(t,i){this._$AV=[];this._$AN=void 0;this._$AD=t;this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}M(t){var i;const{el:{content:s},parts:e}=this._$AD,n=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:C).importNode(s,!0);q.currentNode=n;let o=q.nextNode(),r=0,l=0,h=e[0];for(;void 0!==h;){if(r===h.index){let i;2===h.type?i=new Q(o,o.nextSibling,this,t):1===h.type?i=new h.ctor(o,h.name,h.strings,this,t):6===h.type&&(i=new nt(o,this,t));this._$AV.push(i);h=e[++l]}r!==(null==h?void 0:h.index)&&(o=q.nextNode(),r++)}return q.currentNode=C,n}U(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class Q{constructor(t,i,s,e){var n;this.type=2;this._$AH=W;this._$AN=void 0;this._$AA=t;this._$AB=i;this._$AM=s;this.options=e;this.N=null===(n=null==e?void 0:e.isConnected)||void 0===n||n}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this.N}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=K(this,t,i);k(t)?t===W||null==t||""===t?(this._$AH!==W&&this._$AR(),this._$AH=W):t!==this._$AH&&t!==D&&this.R(t):void 0!==t._$litType$?this.O(t):void 0!==t.nodeType?this.V(t):P(t)?this.j(t):this.R(t)}L(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}V(t){this._$AH!==t&&(this._$AR(),this._$AH=this.L(t))}R(t){this._$AH!==W&&k(this._$AH)?this._$AA.nextSibling.data=t:this.V(C.createTextNode(t));this._$AH=t}O(t){var i;const{values:s,_$litType$:e}=t,n="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=J.createElement(F(e.h,e.h[0]),this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===n)this._$AH.U(s);else{const t=new Y(n,this),i=t.M(this.options);t.U(s);this.V(i);this._$AH=t}}_$AC(t){let i=Z.get(t.strings);return void 0===i&&Z.set(t.strings,i=new J(t)),i}j(t){M(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const n of t)e===i.length?i.push(s=new Q(this.L(A()),this.L(A()),this,this.options)):s=i[e],s._$AI(n),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove();t=i}}setConnected(t){var i;void 0===this._$AM&&(this.N=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class X{constructor(t,i,s,e,n){this.type=1;this._$AH=W;this._$AN=void 0;this.element=t;this.name=i;this._$AM=e;this.options=n;s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const n=this.strings;let o=!1;if(void 0===n)t=K(this,t,i,0),o=!k(t)||t!==this._$AH&&t!==D,o&&(this._$AH=t);else{const e=t;let r,l;for(t=n[0],r=0;r<n.length-1;r++)l=K(this,e[s+r],i,r),l===D&&(l=this._$AH[r]),o||(o=!k(l)||l!==this._$AH[r]),l===W?t=W:t!==W&&(t+=(null!=l?l:"")+n[r+1]),this._$AH[r]=l}o&&!e&&this.I(t)}I(t){t===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class tt extends X{constructor(){super(...arguments);this.type=3}I(t){this.element[this.name]=t===W?void 0:t}}const it=_?_.emptyScript:"";class st extends X{constructor(){super(...arguments);this.type=4}I(t){t&&t!==W?this.element.setAttribute(this.name,it):this.element.removeAttribute(this.name)}}class et extends X{constructor(t,i,s,e,n){super(t,i,s,e,n);this.type=5}_$AI(t,i=this){var s;if((t=null!==(s=K(this,t,i,0))&&void 0!==s?s:W)!==D){const e=this._$AH,n=t===W&&e!==W||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,o=t!==W&&(e===W||n);n&&this.element.removeEventListener(this.name,this,e);o&&this.element.addEventListener(this.name,this,t);this._$AH=t}}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class nt{constructor(t,i,s){this.element=t;this.type=6;this._$AN=void 0;this._$AM=i;this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){K(this,t)}}const rt=w.litHtmlPolyfillSupport;null==rt||rt(J,Q);(null!==(g=w.litHtmlVersions)&&void 0!==g?g:w.litHtmlVersions=[]).push("2.8.0");const lt=(t,i,s)=>{var e,n;const o=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let r=o._$litPart$;if(void 0===r){const t=null!==(n=null==s?void 0:s.renderBefore)&&void 0!==n?n:null;o._$litPart$=r=new Q(i.insertBefore(A(),t),t,void 0,null!=s?s:{})}return r._$AI(t),r}; 15/** 16 * @license 17 * Copyright 2017 Google LLC 18 * SPDX-License-Identifier: BSD-3-Clause 19 */ 20class dt extends m{constructor(){super(...arguments);this.renderOptions={host:this};this.st=void 0}createRenderRoot(){var t,i;const s=super.createRenderRoot();return null!==(t=(i=this.renderOptions).renderBefore)&&void 0!==t||(i.renderBefore=s.firstChild),s}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected);super.update(t);this.st=lt(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback();null===(t=this.st)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback();null===(t=this.st)||void 0===t||t.setConnected(!1)}render(){return D}}dt.finalized=!0;dt._$litElement$=!0;null===(ht=globalThis.litElementHydrateSupport)||void 0===ht||ht.call(globalThis,{LitElement:dt});const at=globalThis.litElementPolyfillSupport;null==at||at({LitElement:dt});(null!==(ut=globalThis.litElementVersions)&&void 0!==ut?ut:globalThis.litElementVersions=[]).push("3.3.3"); 21/** 22 * @license 23 * Copyright 2021 Google LLC 24 * SPDX-License-Identifier: BSD-3-Clause 25 */ 26window.litDisableBundleWarning||console.warn("Lit has been loaded from a bundle that combines all core features into a single file. To reduce transfer size and parsing cost, consider using the `lit` npm package directly in your project.");class Card extends dt{static properties={contentLayout:{},contentDimension:{},fixedHeight:{},breakpoint:{},layoutVerticalMediaQueryStart:{}};constructor(){super()}breakpointToMediaQuery(){if(!this.breakpoint||this.breakpoint.trim().length<=0)return"";let brp=this.breakpoint,result="",brpParts=brp.split(",");for(let i=0;i<brpParts.length;i++){let part=brpParts[i].trim();if(part.indexOf(")")>-1){let subparts=part.split(")"),mediaquery="";mediaquery+="@media screen and "+subparts[0]+") { \n";mediaquery+=":host { \n";mediaquery+="max-width:"+subparts[1]+"; \n";mediaquery+="} \n";mediaquery+="} \n";result=result+mediaquery}else{let cssrule="";cssrule+=":host { \n";cssrule+="max-width:"+part+"; \n";cssrule+="} \n";result=cssrule+result}}return result}render(){let contentdimensionStyle="";!this.contentDimension||(contentdimensionStyle="slot[name=contents]::slotted(*) { max-width: "+this.contentDimension+"px; }");let breakpointStyle=this.breakpointToMediaQuery(),generalStyle=` 27 :host { 28 display: grid; 29 position: relative; 30 top: 0px; 31 inset-inline-start: 0px; 32 overflow: hidden; 33 } 34 35 :host slot[name=cover]::slotted(*) { 36 justify-items: center; 37 align-items: center; 38 } 39 :host slot[name=title]::slotted(*) { 40 justify-items: center; 41 align-items: center; 42 } 43 :host slot[name=contents]::slotted(*) { 44 justify-items: center; 45 align-items: center; 46 }`;return this.contentLayout=="horizontal-cover-left"?generalStyle=generalStyle+`:host slot[name=cover]::slotted(*) { 47 grid-column:1/2; 48 grid-row:1/3; 49 } 50 :host slot[name=title]::slotted(*) { 51 grid-column:2/3; 52 grid-row:1/2; 53 } 54 :host slot[name=contents]::slotted(*) { 55 grid-column:2/3; 56 grid-row:2/3; 57 }`:this.contentLayout=="horizontal-cover-right"?generalStyle=generalStyle+`:host slot[name=cover]::slotted(*) { 58 grid-column:2/3; 59 grid-row:1/3; 60 } 61 :host slot[name=title]::slotted(*) { 62 grid-column:1/2; 63 grid-row:1/2; 64 } 65 :host slot[name=contents]::slotted(*) { 66 grid-column:1/2; 67 grid-row:2/3; 68 }`:this.contentLayout=="vertical-title-top"?generalStyle=generalStyle+`:host slot[name=cover]::slotted(*) { 69 grid-column:1/2; 70 grid-row:2/3; 71 } 72 :host slot[name=title]::slotted(*) { 73 grid-column:1/2; 74 grid-row:1/2; 75 } 76 :host slot[name=contents]::slotted(*) { 77 grid-column:1/2; 78 grid-row:3/4; 79 }`:this.contentLayout=="cover-as-background"&&(generalStyle=generalStyle+`:host { 80 min-height: 0; 81 min-width: 0; 82 justify-items: center; 83 align-items:end; 84 } 85 :host slot[name=cover]::slotted(*) { 86 grid-column:1/2; 87 grid-row:1/2; `+(this.fixedHeight?``:`height:100%; `)+`} `+`:host .wrapper-title-contents { 88 grid-column:1/2; 89 grid-row:1/2; 90 width: 100%; `+`} 91 `),(this.contentLayout=="vertical-cover-top"||this.layoutVerticalMediaQueryStart&&(this.contentLayout=="horizontal-cover-left"||this.contentLayout=="horizontal-cover-right"))&&((this.contentLayout=="horizontal-cover-left"||this.contentLayout=="horizontal-cover-right")&&(generalStyle=generalStyle+"\n"+this.layoutVerticalMediaQueryStart),generalStyle=generalStyle+` 92 :host slot[name=cover]::slotted(*) { 93 grid-column:1/2; 94 grid-row:1/2; 95 } 96 :host slot[name=title]::slotted(*) { 97 grid-column:1/2; 98 grid-row:2/3; 99 } 100 :host slot[name=contents]::slotted(*) { 101 grid-column:1/2; 102 grid-row:3/4; 103 } 104 `,(this.contentLayout=="horizontal-cover-left"||this.contentLayout=="horizontal-cover-right")&&(generalStyle=generalStyle+"}")),this.contentLayout=="cover-as-background"?I` 105 <style> 106 ${generalStyle} 107 ${contentdimensionStyle} 108 ${breakpointStyle} 109 </style> 110 111 <slot name="cover" ></slot> 112 <slot name="cockades" ></slot> 113 <div class="wrapper-title-contents" > 114 <slot name="title" ></slot> 115 <slot name="contents" ></slot> 116 </div> 117 `:I` 118 <style> 119 ${generalStyle} 120 ${contentdimensionStyle} 121 ${breakpointStyle} 122 </style> 123 124 <slot name="cover" ></slot> 125 <slot name="cockades" ></slot> 126 <slot name="title" ></slot> 127 <slot name="contents" ></slot> 128 `}}class CardLayout extends dt{static properties={cardArrangement:{},cardHeight:{},cardsPerRow:{},layoutHorizontalMediaQueryStart:{}};constructor(){super()}breakpointToMediaQuery(){if(!this.cardsPerRow||this.cardsPerRow.trim().length<=0)return"";let brp=this.cardsPerRow,result="",brpParts=brp.split(",");for(let i=0;i<brpParts.length;i++){let part=brpParts[i].trim();if(part.indexOf(")")>-1){let subparts=part.split(")"),mediaquery="";this.cardArrangement=="masonry"?(mediaquery+="@media "+subparts[0]+") { \n",mediaquery+=" .dw { \n",mediaquery+=" -webkit-column-count: "+subparts[1]+"; \n",mediaquery+=" -moz-column-count: "+subparts[1]+"; \n",mediaquery+=" column-count: "+subparts[1]+"; \n",mediaquery+=" } \n",mediaquery+="} \n"):(mediaquery+="@media screen and "+subparts[0]+") { \n",mediaquery+=this.cardArrangement=="changing-height"?":host([cardarrangement=changing-height]) { \n":":host([cardarrangement=same-height]) { \n",mediaquery+="grid-template-columns: "+this.gridTemplateColumns(subparts[1])+"; \n",mediaquery+="} \n",mediaquery+="} \n");result=result+mediaquery}else{let cssrule="";this.cardArrangement=="masonry"?(cssrule+=".dw { \n",cssrule+=" -webkit-column-count: "+part+"; \n",cssrule+=" -moz-column-count: "+part+"; \n",cssrule+=" column-count: "+part+"; \n",cssrule+="} \n"):(cssrule+=this.cardArrangement=="changing-height"?":host([cardarrangement=changing-height]) { \n":":host([cardarrangement=same-height]) { \n",cssrule+="grid-template-columns: "+this.gridTemplateColumns(part)+"; \n",cssrule+="} \n");result=cssrule+result}}return result}gridTemplateColumns(numCols){let gridTemplateColumnsValue="1fr";for(let i=1;i<numCols;i++)gridTemplateColumnsValue+=" 1fr";return gridTemplateColumnsValue}numColumns(){if(!this.cardsPerRow||this.cardsPerRow.trim().length<=0)return null;let brp=this.cardsPerRow,brpParts=brp.split(",");for(let i=0;i<brpParts.length;i++){let part=brpParts[i].trim();if(!(part.indexOf(")")>-1))return part}return null}render(){let mq="";(this.cardArrangement=="same-height"||this.cardArrangement=="changing-height")&&(mq=this.breakpointToMediaQuery());let mobileBPMaxWidth=479.9;if(this.breakpoint){let brpParts=this.breakpoint.split(","),part;brpParts.length>=2?(part=brpParts[brpParts.length-2].trim(),part.indexOf(")")>-1&&(part=part.split(")")[0].replace("(max-width:",""))):part=brpParts[0].trim();mobileBPMaxWidth=parseFloat(part.replace("px","").trim())}let allCSS=` 129 130 :host([cardarrangement="same-height"]) { 131 display:grid; 132 } 133 `+mq;if(this.layoutHorizontalMediaQueryStart&&(allCSS+="\n"+this.layoutHorizontalMediaQueryStart),allCSS+=` 134 :host([cardarrangement="same-height"]) slot[name=arrangeable]::slotted(*) { 135 height:${!this.cardHeight?0:this.cardHeight}px !important; 136 } 137 `,this.layoutHorizontalMediaQueryStart&&(allCSS+="}"),allCSS+=` 138 :host([cardarrangement="same-height"]) slot[name=arrangeable]::slotted(*) { 139 margin:0px auto; 140 } 141 142 :host([cardarrangement="changing-height"]) { 143 display:grid; 144 } 145 :host([cardarrangement="changing-height"]) slot[name=arrangeable]::slotted(*) { 146 height:auto !important; 147 margin:0px auto; 148 align-self: start; 149 } 150 151 :host([cardarrangement="slideshow"]) { 152 display:block; 153 overflow-x:scroll; 154 scrollbar-width: thin; 155 } 156 :host([cardarrangement="slideshow"])::-webkit-scrollbar { 157 width: 8px; 158 } 159 :host([cardarrangement="slideshow"])::-webkit-scrollbar-track { 160 box-shadow: inset 0 0 2px rgba(220,220,220,0); 161 border-radius: 4px; 162 } 163 :host([cardarrangement="slideshow"]):hover::-webkit-scrollbar-track { 164 box-shadow: inset 0 0 2px grey; 165 } 166 :host([cardarrangement="slideshow"])::-webkit-scrollbar-thumb { 167 background: rgba(220,220,220,0); 168 border-radius: 4px; 169 } 170 :host([cardarrangement="slideshow"]):hover::-webkit-scrollbar-thumb { 171 background: #d4d4d4; 172 } 173 :host([cardarrangement="slideshow"])::-webkit-scrollbar-thumb:hover { 174 background: #b3b3b3; 175 } 176 :host([cardarrangement="slideshow"]) .slideshow-inner-container { 177 display:inline-flex; 178 width: max-content; 179 height:${!this.
179cardHeight?0:this.cardHeight}px !important; 180 } 181 :host([cardarrangement="slideshow"]) slot[name=arrangeable]::slotted(*) { 182 height:${!this.cardHeight?0:this.cardHeight}px !important; 183 } 184 185 `,this.cardArrangement=="masonry"){this.numColumns();let mqMas=this.breakpointToMediaQuery();return allCSS+=`@media (max-width: `+mobileBPMaxWidth+`px) { 186 :host([cardarrangement="masonry"]) slot[name=arrangeable]::slotted(*) { 187 margin-inline-end: 0px !important; 188 } 189 } 190 `,I` 191 192 <style> 193 /*! 194 * driveway - pure CSS masonry layout aid 195 * 196 * @license MIT 197 * @author jh3y 198 */ 199 .dw { 200 -webkit-box-sizing: border-box; 201 box-sizing: border-box; 202 -webkit-column-gap: 0; 203 -moz-column-gap: 0; 204 column-gap: 0; 205 position: relative; 206 } 207 .dw * { 208 -webkit-box-sizing: border-box; 209 box-sizing: border-box; 210 } 211 .dw__focus-curtain { 212 background-color: #000; 213 bottom: 0; 214 display: none; 215 inset-inline-start: 0; 216 opacity: 0.75; 217 position: fixed; 218 inset-inline-end: 0; 219 top: 0; 220 z-index: 2; 221 } 222 ${mqMas} 223 .dw-panel { 224 margin: 0; 225 padding: 5px; 226 } 227 .dw-panel--focus { 228 position: relative; 229 } 230 .dw-panel--focus:hover { 231 z-index: 3; 232 } 233 .dw-panel--focus:hover ~ .dw__focus-curtain { 234 display: block; 235 } 236 .dw-panel--pulse { 237 -webkit-transform-style: preserve-3d; 238 transform-style: preserve-3d; 239 -webkit-perspective: 1000; 240 perspective: 1000; 241 -webkit-transition: -webkit-transform 0.25s ease 0s; 242 transition: -webkit-transform 0.25s ease 0s; 243 transition: transform 0.25s ease 0s; 244 transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s; 245 } 246 .dw-panel--pulse:hover { 247 -webkit-transform: scale(1.02); 248 -ms-transform: scale(1.02); 249 transform: scale(1.02); 250 } 251 .dw-panel__content { 252 border-radius: 10px; 253 overflow: hidden; 254 padding: 20px; 255 width: 100%; 256 break-inside: avoid; 257 break-after: always; 258 break-before: always; 259 } 260 @media (min-width: 768px) { 261 .dw-panel { 262 -webkit-column-break-inside: avoid; 263 page-break-inside: avoid; 264 break-inside: avoid; 265 } 266 } 267 .dw-flip { 268 -webkit-perspective: 1000; 269 perspective: 1000; 270 } 271 .dw-flip:hover .dw-flip__content { 272 -webkit-transform: rotateY(180deg); 273 transform: rotateY(180deg); 274 } 275 .dw-flip--sm { 276 height: 200px; 277 } 278 .dw-flip--md { 279 height: 300px; 280 } 281 .dw-flip--lg { 282 height: 400px; 283 } 284 .dw-flip__panel { 285 -webkit-backface-visibility: hidden; 286 backface-visibility: hidden; 287 border-radius: 10px; 288 height: 100%; 289 inset-inline-start: 0; 290 overflow: visible; 291 padding: 20px; 292 position: absolute; 293 top: 0; 294 width: 100%; 295 } 296 .dw-flip__panel--front { 297 -webkit-transform: rotateY(0deg); 298 transform: rotateY(0deg); 299 z-index: 2; 300 } 301 .dw-flip__panel--back { 302 -webkit-transform: rotateY(180deg); 303 transform: rotateY(180deg); 304 } 305 .dw-flip__content { 306 height: 100%; 307 overflow: visible; 308 position: relative; 309 -webkit-transform-style: preserve-3d; 310 transform-style: preserve-3d; 311 -webkit-transition: 0.25s; 312 transition: 0.25s; 313 } 314 .dw-cluster { 315 display: -webkit-box; 316 display: -webkit-flex; 317 display: -ms-flexbox; 318 display: flex; 319 padding: 0; 320 } 321 @media (max-width: 430px) { 322 .dw-cluster--vertical { 323 -webkit-box-orient: vertical; 324 -webkit-box-direction: normal; 325 -webkit-flex-direction: column; 326 -ms-flex-direction: column; 327 flex-direction: column; 328 } 329 } 330 .dw-cluster--horizontal { 331 -webkit-box-orient: vertical; 332 -webkit-box-direction: normal; 333 -webkit-flex-direction: column; 334 -ms-flex-direction: column; 335 flex-direction: column; 336 } 337 .dw-cluster__segment { 338 display: -webkit-box; 339 display: -webkit-flex; 340 display: -ms-flexbox; 341 display: flex; 342 -webkit-box-flex: 1; 343 -webkit-flex: 1 1 auto; 344 -ms-flex: 1 1 auto; 345 flex: 1 1 auto; 346 } 347 .dw-cluster__segment--row { 348 display: -webkit-box; 349 display: -webkit-flex; 350 display: -ms-flexbox; 351 display: flex; 352 } 353 @media (max-width: 430px) { 354 .dw-cluster__segment--row { 355 -webkit-box-orient: vertical; 356 -webkit-box-direction: normal; 357 -webkit-flex-direction: column; 358 -ms-flex-direction: column; 359 flex-direction: column; 360 } 361 } 362 .dw-cluster__segment--col { 363 -webkit-box-orient: vertical; 364 -webkit-box-direction: normal; 365 -webkit-flex-direction: column; 366 -ms-flex-direction: column; 367 flex-direction: column; 368 } 369 @media (min-width: 430px) { 370 .dw-cluster__segment--half { 371 -webkit-flex-basis: 50%; 372 -ms-flex-preferred-size: 50%; 373 flex-basis: 50%; 374 } 375 .dw-cluster__segment--quart { 376 -webkit-flex-basis: 25%; 377 -ms-flex-preferred-size: 25%; 378 flex-basis: 25%; 379 } 380 } 381 382 ${allCSS} 383 384 </style> 385 386 <div class="dw"> 387 <slot 388 class="dw-panel dw-panel__content" 389 name="arrangeable" 390 ></slot> 391 </div> 392 393 `}return this.cardArrangement=="slideshow"?I` 394 395 <style> 396 ${allCSS} 397 </style> 398 399 <div class="slideshow-inner-container" > 400 <slot name="arrangeable" ></slot> 401 </div> 402 403 `:I` 404 405 <style> 406 ${allCSS} 407 </style> 408 409 <slot name="arrangeable" ></slot> 410 411 `}}customElements.define("x5engine-card",Card);customElements.define("x5engine-cardlayout",CardLayout)})()
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.