scb-wc-test 0.1.205 → 0.1.207
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as c,n as r,i as p,x as
|
|
1
|
+
import{a as c,n as r,i as p,x as b,t as h}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,n,o){try{customElements.get(i)||e(i,n,o)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(t,e,i,n)=>{for(var o=n>1?void 0:n?u(e,i):e,d=t.length-1,l;d>=0;d--)(l=t[d])&&(o=(n?l(e,i,o):l(o))||o);return n&&o&&g(e,i,o),o};let s=class extends p{constructor(){super(...arguments),this._slotClickHandler=t=>{const e=this.shadowRoot?.querySelector("slot"),i=t.target;i&&i!==e&&i.dispatchEvent(new CustomEvent("hide-badge",{bubbles:!0,composed:!0}))},this.autoHide=!1,this.sizing="fit-content",this.position="relative",this.positionTop=0,this.positionRight=void 0,this.positionSide="right",this.positionLeft=void 0,this.value="",this.label="",this.hidden=!1,this.variant="dot",this._badgeVisible=!0,this._onHideBadge=()=>{this._badgeVisible=!1,this.requestUpdate()}}firstUpdated(){const t=this.shadowRoot?.querySelector("slot");this.autoHide&&t&&t.addEventListener("click",this._slotClickHandler)}updated(){const t=this.shadowRoot?.querySelector("slot");t&&(this.autoHide?t.addEventListener("click",this._slotClickHandler):t.removeEventListener("click",this._slotClickHandler))}connectedCallback(){super.connectedCallback(),this.addEventListener("hide-badge",this._onHideBadge)}disconnectedCallback(){this.removeEventListener("hide-badge",this._onHideBadge),super.disconnectedCallback()}mapSpacingToken(t){if(t==null)return;if(typeof t=="number"&&!Number.isNaN(t))return`${t}px`;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}render(){const t=this.mapSpacingToken(this.positionRight)??"var(--spacing-4)",e=this.mapSpacingToken(this.positionLeft)??"var(--spacing-4)",i=this.mapSpacingToken(this.positionTop)??"0px";this.style.setProperty("--scb-badge-absolute-top",i),this.style.setProperty("--scb-badge-absolute-right",t),this.style.setProperty("--scb-badge-absolute-left",e);let n=this.value;!isNaN(Number(this.value))&&this.value.length>4&&(n=this.value.slice(0,4)+"+");const o=this.variant==="value"&&!this.value?"badge-value-empty":"",d=this._badgeVisible?"":"badge--hide",l=this.label||(this.variant==="dot"?"Indikator":`Märke: ${n}`);return b`
|
|
2
2
|
<div class="badge-content">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
<div
|
|
@@ -11,6 +11,7 @@ import{a as c,n as r,i as p,x as h,t as b}from"../../vendor/vendor.js";(function
|
|
|
11
11
|
:host {
|
|
12
12
|
display: block;
|
|
13
13
|
position: relative;
|
|
14
|
+
overflow: visible;
|
|
14
15
|
width: fit-content;
|
|
15
16
|
--scb-badge-font-size: var(--scale-01);
|
|
16
17
|
--scb-badge-line-height: 100%;
|
|
@@ -76,4 +77,4 @@ import{a as c,n as r,i as p,x as h,t as b}from"../../vendor/vendor.js";(function
|
|
|
76
77
|
justify-content: center;
|
|
77
78
|
gap: var(--scb-badge-relative-gap);
|
|
78
79
|
}
|
|
79
|
-
`;a([r({type:Boolean,reflect:!0,attribute:"auto-hide"})],s.prototype,"autoHide",2);a([r({type:String,reflect:!0})],s.prototype,"sizing",2);a([r({type:String,reflect:!0})],s.prototype,"position",2);a([r({type:String,attribute:"position-top"})],s.prototype,"positionTop",2);a([r({type:String,attribute:"position-right"})],s.prototype,"positionRight",2);a([r({type:String,reflect:!0,attribute:"position-side"})],s.prototype,"positionSide",2);a([r({type:String,attribute:"position-left"})],s.prototype,"positionLeft",2);a([r({type:String,reflect:!0})],s.prototype,"value",2);a([r({type:String,reflect:!0})],s.prototype,"label",2);a([r({type:Boolean,reflect:!0})],s.prototype,"hidden",2);a([r({type:String,reflect:!0})],s.prototype,"variant",2);s=a([
|
|
80
|
+
`;a([r({type:Boolean,reflect:!0,attribute:"auto-hide"})],s.prototype,"autoHide",2);a([r({type:String,reflect:!0})],s.prototype,"sizing",2);a([r({type:String,reflect:!0})],s.prototype,"position",2);a([r({type:String,attribute:"position-top"})],s.prototype,"positionTop",2);a([r({type:String,attribute:"position-right"})],s.prototype,"positionRight",2);a([r({type:String,reflect:!0,attribute:"position-side"})],s.prototype,"positionSide",2);a([r({type:String,attribute:"position-left"})],s.prototype,"positionLeft",2);a([r({type:String,reflect:!0})],s.prototype,"value",2);a([r({type:String,reflect:!0})],s.prototype,"label",2);a([r({type:Boolean,reflect:!0})],s.prototype,"hidden",2);a([r({type:String,reflect:!0})],s.prototype,"variant",2);s=a([h("scb-badge")],s);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as f}from"../../vendor/preload-helper.js";import{a as $,n as a,i as k,x as r,t as _}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-list/scb-list-item.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(o,n,c){try{customElements.get(o)||i(o,n,c)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var z=Object.defineProperty,w=Object.getOwnPropertyDescriptor,x=e=>{throw TypeError(e)},s=(e,i,o,n)=>{for(var c=n>1?void 0:n?w(i,o):i,d=e.length-1,l;d>=0;d--)(l=e[d])&&(c=(n?l(i,o,c):l(c))||c);return n&&c&&z(i,o,c),c},S=(e,i,o)=>i.has(e)||x("Cannot "+o),T=(e,i,o)=>i.has(e)?x("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(e):i.set(e,o),y=(e,i,o)=>(S(e,i,"access private method"),o),b,g;let t=class extends k{constructor(){super(...arguments),T(this,b),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!1,this.author=!1,this.authorText="",this.authorHref="",this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||window.open(this.cardHref,"_self"))}}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(e){const i=(e||"").trim();if(!i)return{w:640,h:360};const o=i.includes("/")?i.split("/"):i.includes(":")?i.split(":"):i.includes("x")?i.split("x"):null;if(o&&o.length===2){const c=Number(o[0]),d=Number(o[1]);if(c>0&&d>0)return{w:c,h:d}}const n=Number(i);return isFinite(n)&&n>0?{w:1e3,h:Math.round(1e3/n)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return r`
|
|
2
|
+
import{_ as f}from"../../vendor/preload-helper.js";import{a as $,n as a,i as k,x as r,t as _}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-list/scb-list-item.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(o,n,c){try{customElements.get(o)||i(o,n,c)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var z=Object.defineProperty,w=Object.getOwnPropertyDescriptor,x=e=>{throw TypeError(e)},s=(e,i,o,n)=>{for(var c=n>1?void 0:n?w(i,o):i,d=e.length-1,l;d>=0;d--)(l=e[d])&&(c=(n?l(i,o,c):l(c))||c);return n&&c&&z(i,o,c),c},S=(e,i,o)=>i.has(e)||x("Cannot "+o),T=(e,i,o)=>i.has(e)?x("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(e):i.set(e,o),y=(e,i,o)=>(S(e,i,"access private method"),o),b,g;let t=class extends k{constructor(){super(...arguments),T(this,b),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!1,this.author=!1,this.authorText="",this.authorHref="",this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||window.open(this.cardHref,"_self"))}}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(e){const i=(e||"").trim();if(!i)return{w:640,h:360};const o=i.includes("/")?i.split("/"):i.includes(":")?i.split(":"):i.includes("x")?i.split("x"):null;if(o&&o.length===2){const c=Number(o[0]),d=Number(o[1]);if(c>0&&d>0)return{w:c,h:d}}const n=Number(i);return isFinite(n)&&n>0?{w:1e3,h:Math.round(1e3/n)}:{w:640,h:360}}__noWrapText(e){return(e??"").replace(/ /g," ").replace(/-/g,"‑")}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return r`
|
|
3
3
|
<div class="media">
|
|
4
4
|
<slot name="media">
|
|
5
5
|
<scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
|
|
@@ -106,7 +106,7 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as $,n as a,i as k,x
|
|
|
106
106
|
@hover=${p=>{p.preventDefault(),p.stopPropagation(),this.dispatchEvent(new CustomEvent("like-hover",{bubbles:!0,composed:!0}))}}
|
|
107
107
|
></scb-icon-button>
|
|
108
108
|
${this.likesHoverContent?r`
|
|
109
|
-
<scb-tooltip variant="rich" for="like-button" supporting-text=${this.likesHoverContent} trigger="hover" position="right">
|
|
109
|
+
<scb-tooltip variant="rich" for="like-button" supporting-text=${this.__noWrapText(this.likesHoverContent)} trigger="hover" position="right">
|
|
110
110
|
<span class="social-text">${this.likesText}: ${this.likes}</span>
|
|
111
111
|
</scb-tooltip>
|
|
112
112
|
`:r`<span class="social-text">${this.likesText}: ${this.likes}</span>`}
|
|
@@ -248,6 +248,10 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as $,n as a,i as k,x
|
|
|
248
248
|
overflow: hidden;
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
+
:host([type='social']) .scb-card {
|
|
252
|
+
overflow: visible;
|
|
253
|
+
}
|
|
254
|
+
|
|
251
255
|
.scb-card:focus,
|
|
252
256
|
.scb-card:focus-visible {
|
|
253
257
|
outline: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.207",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -378,5 +378,5 @@
|
|
|
378
378
|
},
|
|
379
379
|
"./mvc/*": "./mvc/*"
|
|
380
380
|
},
|
|
381
|
-
"buildHash": "
|
|
381
|
+
"buildHash": "BBEFEFF477CEAE394CD5BDA417FE4D7CB4EE28AA8DDF6083C422B7F6D7EA4484"
|
|
382
382
|
}
|
package/scb-badge/scb-badge.js
CHANGED
package/scb-card/scb-card.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ export declare class ScbCard extends LitElement {
|
|
|
53
53
|
get likeButton(): HTMLElement | null;
|
|
54
54
|
private __calcAspectWH;
|
|
55
55
|
private __onImgLoad;
|
|
56
|
+
private __noWrapText;
|
|
56
57
|
private __mediaTemplate;
|
|
57
58
|
private mapSpacingToken;
|
|
58
59
|
render(): import('lit-html').TemplateResult<1>;
|
package/scb-card/scb-card.js
CHANGED
|
@@ -43,6 +43,9 @@ let t = class extends k {
|
|
|
43
43
|
const o = Number(a);
|
|
44
44
|
return isFinite(o) && o > 0 ? { w: 1e3, h: Math.round(1e3 / o) } : { w: 640, h: 360 };
|
|
45
45
|
}
|
|
46
|
+
__noWrapText(e) {
|
|
47
|
+
return (e ?? "").replace(/ /g, " ").replace(/-/g, "‑");
|
|
48
|
+
}
|
|
46
49
|
__mediaTemplate() {
|
|
47
50
|
if ((this.mediaType || "").toLowerCase() === "avatar")
|
|
48
51
|
return r`
|
|
@@ -192,7 +195,7 @@ let t = class extends k {
|
|
|
192
195
|
}}
|
|
193
196
|
></scb-icon-button>
|
|
194
197
|
${this.likesHoverContent ? r`
|
|
195
|
-
<scb-tooltip variant="rich" for="like-button" supporting-text=${this.likesHoverContent} trigger="hover" position="right">
|
|
198
|
+
<scb-tooltip variant="rich" for="like-button" supporting-text=${this.__noWrapText(this.likesHoverContent)} trigger="hover" position="right">
|
|
196
199
|
<span class="social-text">${this.likesText}: ${this.likes}</span>
|
|
197
200
|
</scb-tooltip>
|
|
198
201
|
` : r`<span class="social-text">${this.likesText}: ${this.likes}</span>`}
|
|
@@ -357,6 +360,10 @@ t.styles = $`
|
|
|
357
360
|
overflow: hidden;
|
|
358
361
|
}
|
|
359
362
|
|
|
363
|
+
:host([type='social']) .scb-card {
|
|
364
|
+
overflow: visible;
|
|
365
|
+
}
|
|
366
|
+
|
|
360
367
|
.scb-card:focus,
|
|
361
368
|
.scb-card:focus-visible {
|
|
362
369
|
outline: none;
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -3062,6 +3062,7 @@
|
|
|
3062
3062
|
:host {
|
|
3063
3063
|
display: block;
|
|
3064
3064
|
position: relative;
|
|
3065
|
+
overflow: visible;
|
|
3065
3066
|
width: fit-content;
|
|
3066
3067
|
--scb-badge-font-size: var(--scale-01);
|
|
3067
3068
|
--scb-badge-line-height: 100%;
|
|
@@ -5352,7 +5353,7 @@ ${this.value}</textarea
|
|
|
5352
5353
|
gap: var(--spacing-3);
|
|
5353
5354
|
align-self: stretch;
|
|
5354
5355
|
}
|
|
5355
|
-
`,ni([a({type:String,reflect:!0})],Tt.prototype,"variant",2),ni([a({type:Boolean,reflect:!0})],Tt.prototype,"arrow",2),ni([a({type:String,attribute:"supporting-text"})],Tt.prototype,"supportingtext",2),ni([a({type:String})],Tt.prototype,"label",2),ni([a({type:String,reflect:!0})],Tt.prototype,"trigger",2),ni([a({type:String,reflect:!0})],Tt.prototype,"position",2),ni([a({type:Boolean,reflect:!0})],Tt.prototype,"open",2),ni([a({type:Number,reflect:!0})],Tt.prototype,"delay",2),ni([a({type:Number,reflect:!0})],Tt.prototype,"offset",2),Tt=ni([g("scb-tooltip")],Tt);var Km=Object.defineProperty,Gm=Object.getOwnPropertyDescriptor,Nd=t=>{throw TypeError(t)},z=(t,e,i,r)=>{for(var s=r>1?void 0:r?Gm(e,i):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(s=(r?n(e,i,s):n(s))||s);return r&&s&&Km(e,i,s),s},Ym=(t,e,i)=>e.has(t)||Nd("Cannot "+i),Xm=(t,e,i)=>e.has(t)?Nd("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),Hd=(t,e,i)=>(Ym(t,e,"access private method"),i),ca,vl;let E=class extends y{constructor(){super(...arguments),Xm(this,ca),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!1,this.author=!1,this.authorText="",this.authorHref="",this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onImgLoad=t=>{const e=t.currentTarget.closest(".media");e&&e.classList.add("is-loaded")},this.__onKeyDown=t=>{(t.key==="Enter"||t.key===" ")&&this.cardHref&&(t.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=t=>{this.cardHref&&(t.target.closest("a")||window.open(this.cardHref,"_self"))}}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:640,h:360};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const s=Number(i[0]),o=Number(i[1]);if(s>0&&o>0)return{w:s,h:o}}const r=Number(e);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return c`
|
|
5356
|
+
`,ni([a({type:String,reflect:!0})],Tt.prototype,"variant",2),ni([a({type:Boolean,reflect:!0})],Tt.prototype,"arrow",2),ni([a({type:String,attribute:"supporting-text"})],Tt.prototype,"supportingtext",2),ni([a({type:String})],Tt.prototype,"label",2),ni([a({type:String,reflect:!0})],Tt.prototype,"trigger",2),ni([a({type:String,reflect:!0})],Tt.prototype,"position",2),ni([a({type:Boolean,reflect:!0})],Tt.prototype,"open",2),ni([a({type:Number,reflect:!0})],Tt.prototype,"delay",2),ni([a({type:Number,reflect:!0})],Tt.prototype,"offset",2),Tt=ni([g("scb-tooltip")],Tt);var Km=Object.defineProperty,Gm=Object.getOwnPropertyDescriptor,Nd=t=>{throw TypeError(t)},z=(t,e,i,r)=>{for(var s=r>1?void 0:r?Gm(e,i):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(s=(r?n(e,i,s):n(s))||s);return r&&s&&Km(e,i,s),s},Ym=(t,e,i)=>e.has(t)||Nd("Cannot "+i),Xm=(t,e,i)=>e.has(t)?Nd("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),Hd=(t,e,i)=>(Ym(t,e,"access private method"),i),ca,vl;let E=class extends y{constructor(){super(...arguments),Xm(this,ca),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!1,this.author=!1,this.authorText="",this.authorHref="",this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onImgLoad=t=>{const e=t.currentTarget.closest(".media");e&&e.classList.add("is-loaded")},this.__onKeyDown=t=>{(t.key==="Enter"||t.key===" ")&&this.cardHref&&(t.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=t=>{this.cardHref&&(t.target.closest("a")||window.open(this.cardHref,"_self"))}}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:640,h:360};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const s=Number(i[0]),o=Number(i[1]);if(s>0&&o>0)return{w:s,h:o}}const r=Number(e);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__noWrapText(t){return(t??"").replace(/ /g," ").replace(/-/g,"‑")}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return c`
|
|
5356
5357
|
<div class="media">
|
|
5357
5358
|
<slot name="media">
|
|
5358
5359
|
<scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
|
|
@@ -5459,7 +5460,7 @@ ${this.value}</textarea
|
|
|
5459
5460
|
@hover=${v=>{v.preventDefault(),v.stopPropagation(),this.dispatchEvent(new CustomEvent("like-hover",{bubbles:!0,composed:!0}))}}
|
|
5460
5461
|
></scb-icon-button>
|
|
5461
5462
|
${this.likesHoverContent?c`
|
|
5462
|
-
<scb-tooltip variant="rich" for="like-button" supporting-text=${this.likesHoverContent} trigger="hover" position="right">
|
|
5463
|
+
<scb-tooltip variant="rich" for="like-button" supporting-text=${this.__noWrapText(this.likesHoverContent)} trigger="hover" position="right">
|
|
5463
5464
|
<span class="social-text">${this.likesText}: ${this.likes}</span>
|
|
5464
5465
|
</scb-tooltip>
|
|
5465
5466
|
`:c`<span class="social-text">${this.likesText}: ${this.likes}</span>`}
|
|
@@ -5601,6 +5602,10 @@ ${this.value}</textarea
|
|
|
5601
5602
|
overflow: hidden;
|
|
5602
5603
|
}
|
|
5603
5604
|
|
|
5605
|
+
:host([type='social']) .scb-card {
|
|
5606
|
+
overflow: visible;
|
|
5607
|
+
}
|
|
5608
|
+
|
|
5604
5609
|
.scb-card:focus,
|
|
5605
5610
|
.scb-card:focus-visible {
|
|
5606
5611
|
outline: none;
|