scb-wc-test 0.1.349 → 0.1.350
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,11 +1,11 @@
|
|
|
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 T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x as r,E as g,t as D}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 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(n,c,o){try{customElements.get(n)||e(n,c,o)}catch(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var B=Object.defineProperty,N=Object.getOwnPropertyDescriptor,P=t=>{throw TypeError(t)},s=(t,e,n,c)=>{for(var o=c>1?void 0:c?N(e,n):e,d=t.length-1,p;d>=0;d--)(p=t[d])&&(o=(c?p(e,n,o):p(o))||o);return c&&o&&B(e,n,o),o},R=(t,e,n)=>e.has(t)||P("Cannot "+n),W=(t,e,n)=>e.has(t)?P("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n),x=(t,e,n)=>(R(t,e,"access private method"),n),f,_,$;const l={fromAttribute:t=>t??"",toAttribute:t=>typeof t!="string"||t.trim()===""?null:t};let i=class extends H{constructor(){super(...arguments),W(this,f),this.__managedSocialAttributes=new Set(["social-comments-text","social-comments","social-comments-href","social-likes-text","social-likes","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href"]),this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size="large",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.href="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.likesText="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.editEnabled=!1,this.deleteEnabled=!1,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.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=t=>{const e=t.currentTarget.closest(".media");e&&e.classList.add("is-loaded")},this.__onKeyDown=t=>{const e=this.__effectiveHref();(t.key==="Enter"||t.key===" ")&&e&&(t.preventDefault(),this.__navigate(e,t))},this.__handleHrefNavigation=t=>{const e=this.__effectiveHref();e&&(t.target.closest("a")||this.__navigate(e,t))}}attributeChangedCallback(t,e,n){this.__isSyncingManagedSocialAttributes&&this.__managedSocialAttributes.has(t)||super.attributeChangedCallback(t,e,n)}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:
|
|
2
|
+
import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x as r,E as g,t as D}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 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(n,c,o){try{customElements.get(n)||e(n,c,o)}catch(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var B=Object.defineProperty,N=Object.getOwnPropertyDescriptor,P=t=>{throw TypeError(t)},s=(t,e,n,c)=>{for(var o=c>1?void 0:c?N(e,n):e,d=t.length-1,p;d>=0;d--)(p=t[d])&&(o=(c?p(e,n,o):p(o))||o);return c&&o&&B(e,n,o),o},R=(t,e,n)=>e.has(t)||P("Cannot "+n),W=(t,e,n)=>e.has(t)?P("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n),x=(t,e,n)=>(R(t,e,"access private method"),n),f,_,$;const l={fromAttribute:t=>t??"",toAttribute:t=>typeof t!="string"||t.trim()===""?null:t};let i=class extends H{constructor(){super(...arguments),W(this,f),this.__managedSocialAttributes=new Set(["social-comments-text","social-comments","social-comments-href","social-likes-text","social-likes","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href"]),this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size="large",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.href="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.likesText="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.editEnabled=!1,this.deleteEnabled=!1,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.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=t=>{const e=t.currentTarget.closest(".media");e&&e.classList.add("is-loaded")},this.__onKeyDown=t=>{const e=this.__effectiveHref();(t.key==="Enter"||t.key===" ")&&e&&(t.preventDefault(),this.__navigate(e,t))},this.__handleHrefNavigation=t=>{const e=this.__effectiveHref();e&&(t.target.closest("a")||this.__navigate(e,t))}}attributeChangedCallback(t,e,n){this.__isSyncingManagedSocialAttributes&&this.__managedSocialAttributes.has(t)||super.attributeChangedCallback(t,e,n)}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const n=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(n&&n.length===2){const o=Number(n[0]),d=Number(n[1]);if(o>0&&d>0)return{w:o,h:d}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__noWrapText(t){return(t??"").replace(/ /g," ").replace(/-/g,"‑")}__dispatchLikeEvent(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e})),this.dispatchEvent(new CustomEvent(t.replace("-",""),{bubbles:!0,composed:!0,detail:e}))}__dispatchSocialActionEvent(t,e){this.dispatchEvent(new CustomEvent(`social-${t}`,{bubbles:!0,composed:!0,detail:{action:t,originalEvent:e}}))}__dispatchCardNavigate(t,e){const n={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:n});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const o=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:n});return this.dispatchEvent(o),!o.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__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>
|
|
6
6
|
</slot>
|
|
7
7
|
</div>
|
|
8
|
-
`;if(this.mediaHref||this.mediaSrcset){let e=Number(this.mediaWidth)||0,n=Number(this.mediaHeight)||0;const c=(this.mediaAspect||"").trim();if(!e||!n){const p=this.__calcAspectWH(c||"
|
|
8
|
+
`;if(this.mediaHref||this.mediaSrcset){let e=Number(this.mediaWidth)||0,n=Number(this.mediaHeight)||0;const c=(this.mediaAspect||"").trim();if(!e||!n){const p=this.__calcAspectWH(c||"3/2");e||(e=p.w),n||(n=p.h)}const o=`aspect-ratio:${c||`${e}/${n}`};`,d=this.mediaPlaceholder?"has-ph":"";return r`
|
|
9
9
|
<div class="media ${d}" style="${o}">
|
|
10
10
|
<slot name="media-sources"></slot>
|
|
11
11
|
<img
|
|
@@ -224,7 +224,7 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
224
224
|
padding: var(--scb-card-focus-ring-gap, 4px);
|
|
225
225
|
--scb-card-horizontal-media-max: 176px;
|
|
226
226
|
--scb-card-horizontal-media-min: 96px;
|
|
227
|
-
--scb-card-horizontal-media-aspect:
|
|
227
|
+
--scb-card-horizontal-media-aspect: 3 / 2;
|
|
228
228
|
|
|
229
229
|
margin-block-start: var(--scb-card-spacing-block-start, 0);
|
|
230
230
|
margin-block-end: var(--scb-card-spacing-block-end, 0);
|
|
@@ -572,6 +572,7 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
572
572
|
}
|
|
573
573
|
.header md-icon {
|
|
574
574
|
flex: 0 0 auto;
|
|
575
|
+
align-self: start;
|
|
575
576
|
}
|
|
576
577
|
|
|
577
578
|
.sub-label {
|
|
@@ -628,7 +629,7 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
628
629
|
.scb-card.horizontal .media img {
|
|
629
630
|
margin: 0;
|
|
630
631
|
object-fit: var(--scb-card-media-fit, cover);
|
|
631
|
-
aspect-ratio: var(--scb-card-horizontal-media-aspect,
|
|
632
|
+
aspect-ratio: var(--scb-card-horizontal-media-aspect, 3 / 2);
|
|
632
633
|
inline-size: 100%;
|
|
633
634
|
block-size: auto;
|
|
634
635
|
}
|
|
@@ -667,7 +668,7 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
667
668
|
.scb-card.dynamic-direction .media img {
|
|
668
669
|
margin: 0;
|
|
669
670
|
object-fit: var(--scb-card-media-fit, cover);
|
|
670
|
-
aspect-ratio: var(--scb-card-horizontal-media-aspect,
|
|
671
|
+
aspect-ratio: var(--scb-card-horizontal-media-aspect, 3 / 2);
|
|
671
672
|
inline-size: 100%;
|
|
672
673
|
block-size: auto;
|
|
673
674
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.350",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -414,5 +414,5 @@
|
|
|
414
414
|
},
|
|
415
415
|
"./mvc/*": "./mvc/*"
|
|
416
416
|
},
|
|
417
|
-
"buildHash": "
|
|
417
|
+
"buildHash": "05102215406A454D0DADF69752C8A9BEB1E891DB5FB7585282AA83071E8736B3"
|
|
418
418
|
}
|
package/scb-card/scb-card.js
CHANGED
|
@@ -55,14 +55,14 @@ let i = class extends E {
|
|
|
55
55
|
/* Beräkna fallback-mått från media-aspect. Används endast om width/height saknas. */
|
|
56
56
|
__calcAspectWH(t) {
|
|
57
57
|
const e = (t || "").trim();
|
|
58
|
-
if (!e) return { w:
|
|
58
|
+
if (!e) return { w: 600, h: 400 };
|
|
59
59
|
const n = e.includes("/") ? e.split("/") : e.includes(":") ? e.split(":") : e.includes("x") ? e.split("x") : null;
|
|
60
60
|
if (n && n.length === 2) {
|
|
61
61
|
const o = Number(n[0]), p = Number(n[1]);
|
|
62
62
|
if (o > 0 && p > 0) return { w: o, h: p };
|
|
63
63
|
}
|
|
64
64
|
const c = Number(e);
|
|
65
|
-
return isFinite(c) && c > 0 ? { w: 1e3, h: Math.round(1e3 / c) } : { w:
|
|
65
|
+
return isFinite(c) && c > 0 ? { w: 1e3, h: Math.round(1e3 / c) } : { w: 600, h: 400 };
|
|
66
66
|
}
|
|
67
67
|
__noWrapText(t) {
|
|
68
68
|
return (t ?? "").replace(/ /g, " ").replace(/-/g, "‑");
|
|
@@ -114,7 +114,7 @@ let i = class extends E {
|
|
|
114
114
|
let e = Number(this.mediaWidth) || 0, n = Number(this.mediaHeight) || 0;
|
|
115
115
|
const c = (this.mediaAspect || "").trim();
|
|
116
116
|
if (!e || !n) {
|
|
117
|
-
const h = this.__calcAspectWH(c || "
|
|
117
|
+
const h = this.__calcAspectWH(c || "3/2");
|
|
118
118
|
e || (e = h.w), n || (n = h.h);
|
|
119
119
|
}
|
|
120
120
|
const o = `aspect-ratio:${c || `${e}/${n}`};`, p = this.mediaPlaceholder ? "has-ph" : "";
|
|
@@ -435,7 +435,7 @@ i.styles = H`
|
|
|
435
435
|
padding: var(--scb-card-focus-ring-gap, 4px);
|
|
436
436
|
--scb-card-horizontal-media-max: 176px;
|
|
437
437
|
--scb-card-horizontal-media-min: 96px;
|
|
438
|
-
--scb-card-horizontal-media-aspect:
|
|
438
|
+
--scb-card-horizontal-media-aspect: 3 / 2;
|
|
439
439
|
|
|
440
440
|
margin-block-start: var(--scb-card-spacing-block-start, 0);
|
|
441
441
|
margin-block-end: var(--scb-card-spacing-block-end, 0);
|
|
@@ -783,6 +783,7 @@ i.styles = H`
|
|
|
783
783
|
}
|
|
784
784
|
.header md-icon {
|
|
785
785
|
flex: 0 0 auto;
|
|
786
|
+
align-self: start;
|
|
786
787
|
}
|
|
787
788
|
|
|
788
789
|
.sub-label {
|
|
@@ -839,7 +840,7 @@ i.styles = H`
|
|
|
839
840
|
.scb-card.horizontal .media img {
|
|
840
841
|
margin: 0;
|
|
841
842
|
object-fit: var(--scb-card-media-fit, cover);
|
|
842
|
-
aspect-ratio: var(--scb-card-horizontal-media-aspect,
|
|
843
|
+
aspect-ratio: var(--scb-card-horizontal-media-aspect, 3 / 2);
|
|
843
844
|
inline-size: 100%;
|
|
844
845
|
block-size: auto;
|
|
845
846
|
}
|
|
@@ -878,7 +879,7 @@ i.styles = H`
|
|
|
878
879
|
.scb-card.dynamic-direction .media img {
|
|
879
880
|
margin: 0;
|
|
880
881
|
object-fit: var(--scb-card-media-fit, cover);
|
|
881
|
-
aspect-ratio: var(--scb-card-horizontal-media-aspect,
|
|
882
|
+
aspect-ratio: var(--scb-card-horizontal-media-aspect, 3 / 2);
|
|
882
883
|
inline-size: 100%;
|
|
883
884
|
block-size: auto;
|
|
884
885
|
}
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -5881,13 +5881,13 @@
|
|
|
5881
5881
|
gap: var(--spacing-3);
|
|
5882
5882
|
align-self: stretch;
|
|
5883
5883
|
}
|
|
5884
|
-
`,zi([n({type:String,reflect:!0})],Kt.prototype,"variant",2),zi([n({type:Boolean,reflect:!0})],Kt.prototype,"arrow",2),zi([n({type:String,attribute:"supporting-text"})],Kt.prototype,"supportingtext",2),zi([n({type:String})],Kt.prototype,"label",2),zi([n({type:String,reflect:!0})],Kt.prototype,"trigger",2),zi([n({type:String,reflect:!0})],Kt.prototype,"position",2),zi([n({type:Boolean,reflect:!0})],Kt.prototype,"open",2),zi([n({type:Number,reflect:!0})],Kt.prototype,"delay",2),zi([n({type:Number,reflect:!0})],Kt.prototype,"offset",2),Kt=zi([y("scb-tooltip")],Kt);var yv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,Np=e=>{throw TypeError(e)},L=(e,t,i,s)=>{for(var r=s>1?void 0:s?_v(t,i):t,a=e.length-1,o;a>=0;a--)(o=e[a])&&(r=(s?o(t,i,r):o(r))||r);return s&&r&&yv(t,i,r),r},xv=(e,t,i)=>t.has(e)||Np("Cannot "+i),wv=(e,t,i)=>t.has(e)?Np("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),qo=(e,t,i)=>(xv(e,t,"access private method"),i),gr,ec,tc;const he={fromAttribute:e=>e??"",toAttribute:e=>typeof e!="string"||e.trim()===""?null:e};let T=class extends _{constructor(){super(...arguments),wv(this,gr),this.__managedSocialAttributes=new Set(["social-comments-text","social-comments","social-comments-href","social-likes-text","social-likes","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href"]),this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size="large",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.href="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.likesText="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.editEnabled=!1,this.deleteEnabled=!1,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.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{const t=this.__effectiveHref();(e.key==="Enter"||e.key===" ")&&t&&(e.preventDefault(),this.__navigate(t,e))},this.__handleHrefNavigation=e=>{const t=this.__effectiveHref();t&&(e.target.closest("a")||this.__navigate(t,e))}}attributeChangedCallback(e,t,i){this.__isSyncingManagedSocialAttributes&&this.__managedSocialAttributes.has(e)||super.attributeChangedCallback(e,t,i)}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:
|
|
5884
|
+
`,zi([n({type:String,reflect:!0})],Kt.prototype,"variant",2),zi([n({type:Boolean,reflect:!0})],Kt.prototype,"arrow",2),zi([n({type:String,attribute:"supporting-text"})],Kt.prototype,"supportingtext",2),zi([n({type:String})],Kt.prototype,"label",2),zi([n({type:String,reflect:!0})],Kt.prototype,"trigger",2),zi([n({type:String,reflect:!0})],Kt.prototype,"position",2),zi([n({type:Boolean,reflect:!0})],Kt.prototype,"open",2),zi([n({type:Number,reflect:!0})],Kt.prototype,"delay",2),zi([n({type:Number,reflect:!0})],Kt.prototype,"offset",2),Kt=zi([y("scb-tooltip")],Kt);var yv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,Np=e=>{throw TypeError(e)},L=(e,t,i,s)=>{for(var r=s>1?void 0:s?_v(t,i):t,a=e.length-1,o;a>=0;a--)(o=e[a])&&(r=(s?o(t,i,r):o(r))||r);return s&&r&&yv(t,i,r),r},xv=(e,t,i)=>t.has(e)||Np("Cannot "+i),wv=(e,t,i)=>t.has(e)?Np("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),qo=(e,t,i)=>(xv(e,t,"access private method"),i),gr,ec,tc;const he={fromAttribute:e=>e??"",toAttribute:e=>typeof e!="string"||e.trim()===""?null:e};let T=class extends _{constructor(){super(...arguments),wv(this,gr),this.__managedSocialAttributes=new Set(["social-comments-text","social-comments","social-comments-href","social-likes-text","social-likes","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href"]),this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size="large",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.href="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.likesText="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.editEnabled=!1,this.deleteEnabled=!1,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.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{const t=this.__effectiveHref();(e.key==="Enter"||e.key===" ")&&t&&(e.preventDefault(),this.__navigate(t,e))},this.__handleHrefNavigation=e=>{const t=this.__effectiveHref();t&&(e.target.closest("a")||this.__navigate(t,e))}}attributeChangedCallback(e,t,i){this.__isSyncingManagedSocialAttributes&&this.__managedSocialAttributes.has(e)||super.attributeChangedCallback(e,t,i)}get likeButton(){return this.type!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:600,h:400};const i=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(i&&i.length===2){const r=Number(i[0]),a=Number(i[1]);if(r>0&&a>0)return{w:r,h:a}}const s=Number(t);return isFinite(s)&&s>0?{w:1e3,h:Math.round(1e3/s)}:{w:600,h:400}}__noWrapText(e){return(e??"").replace(/ /g," ").replace(/-/g,"‑")}__dispatchLikeEvent(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent(e.replace("-",""),{bubbles:!0,composed:!0,detail:t}))}__dispatchSocialActionEvent(e,t){this.dispatchEvent(new CustomEvent(`social-${e}`,{bubbles:!0,composed:!0,detail:{action:e,originalEvent:t}}))}__dispatchCardNavigate(e,t){const i={href:e,originalEvent:t},s=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(s),s.defaultPrevented)return!1;const r=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(r),!r.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__navigate(e,t){e&&this.__dispatchCardNavigate(e,t)&&window.open(e,"_self")}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return c`
|
|
5885
5885
|
<div class="media">
|
|
5886
5886
|
<slot name="media">
|
|
5887
5887
|
<scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
|
|
5888
5888
|
</slot>
|
|
5889
5889
|
</div>
|
|
5890
|
-
`;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,i=Number(this.mediaHeight)||0;const s=(this.mediaAspect||"").trim();if(!t||!i){const o=this.__calcAspectWH(s||"
|
|
5890
|
+
`;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,i=Number(this.mediaHeight)||0;const s=(this.mediaAspect||"").trim();if(!t||!i){const o=this.__calcAspectWH(s||"3/2");t||(t=o.w),i||(i=o.h)}const r=`aspect-ratio:${s||`${t}/${i}`};`,a=this.mediaPlaceholder?"has-ph":"";return c`
|
|
5891
5891
|
<div class="media ${a}" style="${r}">
|
|
5892
5892
|
<slot name="media-sources"></slot>
|
|
5893
5893
|
<img
|
|
@@ -6106,7 +6106,7 @@
|
|
|
6106
6106
|
padding: var(--scb-card-focus-ring-gap, 4px);
|
|
6107
6107
|
--scb-card-horizontal-media-max: 176px;
|
|
6108
6108
|
--scb-card-horizontal-media-min: 96px;
|
|
6109
|
-
--scb-card-horizontal-media-aspect:
|
|
6109
|
+
--scb-card-horizontal-media-aspect: 3 / 2;
|
|
6110
6110
|
|
|
6111
6111
|
margin-block-start: var(--scb-card-spacing-block-start, 0);
|
|
6112
6112
|
margin-block-end: var(--scb-card-spacing-block-end, 0);
|
|
@@ -6454,6 +6454,7 @@
|
|
|
6454
6454
|
}
|
|
6455
6455
|
.header md-icon {
|
|
6456
6456
|
flex: 0 0 auto;
|
|
6457
|
+
align-self: start;
|
|
6457
6458
|
}
|
|
6458
6459
|
|
|
6459
6460
|
.sub-label {
|
|
@@ -6510,7 +6511,7 @@
|
|
|
6510
6511
|
.scb-card.horizontal .media img {
|
|
6511
6512
|
margin: 0;
|
|
6512
6513
|
object-fit: var(--scb-card-media-fit, cover);
|
|
6513
|
-
aspect-ratio: var(--scb-card-horizontal-media-aspect,
|
|
6514
|
+
aspect-ratio: var(--scb-card-horizontal-media-aspect, 3 / 2);
|
|
6514
6515
|
inline-size: 100%;
|
|
6515
6516
|
block-size: auto;
|
|
6516
6517
|
}
|
|
@@ -6549,7 +6550,7 @@
|
|
|
6549
6550
|
.scb-card.dynamic-direction .media img {
|
|
6550
6551
|
margin: 0;
|
|
6551
6552
|
object-fit: var(--scb-card-media-fit, cover);
|
|
6552
|
-
aspect-ratio: var(--scb-card-horizontal-media-aspect,
|
|
6553
|
+
aspect-ratio: var(--scb-card-horizontal-media-aspect, 3 / 2);
|
|
6553
6554
|
inline-size: 100%;
|
|
6554
6555
|
block-size: auto;
|
|
6555
6556
|
}
|