scb-wc 0.1.198 → 0.1.199
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.
- package/mvc/components/scb-form-error-summary/scb-form-error-summary.js +1 -1
- package/mvc/components/scb-link/scb-link.js +1 -1
- package/mvc/components/scb-link-button/scb-link-button.js +1 -1
- package/mvc/components/scb-notification-card/scb-notification-card.js +2 -2
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/scb-typography.css +1 -1
- package/mvc/vendor/scb-card-variants.internal.js +6 -5
- package/package.json +2 -2
- package/scb-card/scb-card-variants.internal.js +1 -1
- package/scb-form-error-summary/scb-form-error-summary.js +3 -2
- package/scb-link/scb-link.js +3 -2
- package/scb-link-button/scb-link-button.js +3 -2
- package/scb-notification-card/scb-notification-card.js +3 -2
- package/scb-toc/scb-toc-item.js +3 -2
- package/scb-typography.css +1 -1
- package/scb-wc.bundle.js +18 -12
|
@@ -21,4 +21,4 @@ import{h as b,m as f,p as o,v as u,y as v}from"../../vendor/vendor.js";import"..
|
|
|
21
21
|
</div>
|
|
22
22
|
</scb-notification-card>
|
|
23
23
|
</div>
|
|
24
|
-
`}},d.styles=v`:host{display:block;margin-block-start:var(--scb-form-error-summary-spacing-block-start, 0);margin-block-end:var(--scb-form-error-summary-spacing-block-end, 0);margin-inline-start:var(--scb-form-error-summary-spacing-inline-start, 0);margin-inline-end:var(--scb-form-error-summary-spacing-inline-end, 0);font-family:var(--brand-font, inherit)}:host([hidden]){display:none}.summary{outline:0}.summary:focus-visible scb-notification-card{border-radius:var(--md-sys-shape-corner-large, 16px);box-shadow:0 0 0 3px var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-20)))}scb-notification-card{--scb-notification-card-focus-ring-gap:0px}.heading{margin:0;color:inherit}.links{display:grid;gap:var(--scb-form-error-summary-link-gap, var(--spacing-3, 8px));inline-size:100%}::slotted(a),::slotted(scb-link){color:var(--scb-form-error-summary-link-color, var(--md-sys-color-primary, var(--p-40)));font-size:var(--scb-form-error-summary-link-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 16px)));font-weight:var(--scb-form-error-summary-link-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, 400)));line-height:var(--scb-form-error-summary-link-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 24px)));letter-spacing:var(--scb-form-error-summary-link-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, 0)))}::slotted(a){text-decoration-skip-ink:
|
|
24
|
+
`}},d.styles=v`:host{display:block;margin-block-start:var(--scb-form-error-summary-spacing-block-start, 0);margin-block-end:var(--scb-form-error-summary-spacing-block-end, 0);margin-inline-start:var(--scb-form-error-summary-spacing-inline-start, 0);margin-inline-end:var(--scb-form-error-summary-spacing-inline-end, 0);font-family:var(--brand-font, inherit)}:host([hidden]){display:none}.summary{outline:0}.summary:focus-visible scb-notification-card{border-radius:var(--md-sys-shape-corner-large, 16px);box-shadow:0 0 0 3px var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-20)))}scb-notification-card{--scb-notification-card-focus-ring-gap:0px}.heading{margin:0;color:inherit}.links{display:grid;gap:var(--scb-form-error-summary-link-gap, var(--spacing-3, 8px));inline-size:100%}::slotted(a),::slotted(scb-link){color:var(--scb-form-error-summary-link-color, var(--md-sys-color-primary, var(--p-40)));font-size:var(--scb-form-error-summary-link-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 16px)));font-weight:var(--scb-form-error-summary-link-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, 400)));line-height:var(--scb-form-error-summary-link-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 24px)));letter-spacing:var(--scb-form-error-summary-link-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, 0)))}::slotted(a){text-decoration-skip-ink:none;text-underline-position:from-font;text-underline-offset:0}::slotted(scb-link){--scb-link-color:var(--scb-form-error-summary-link-color, var(--md-sys-color-primary, var(--p-40)));--scb-link-font-size:var(--scb-form-error-summary-link-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 16px)));--scb-link-line-height:var(--scb-form-error-summary-link-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 24px)));--scb-link-letter-spacing:var(--scb-form-error-summary-link-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, 0)))}`,d);function _(){return["2","3","4","5","6"].includes(this.headingLevel)?this.headingLevel:"2"}function c(i){if(!i)return;const r=String(i).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}function h(){const i=e(t,this,c).call(this,this.spacing),r=e(t,this,c).call(this,this.spacingTop)??i,n=e(t,this,c).call(this,this.spacingBottom)??i,p=e(t,this,c).call(this,this.spacingLeft),m=e(t,this,c).call(this,this.spacingRight);e(t,this,l).call(this,"--scb-form-error-summary-spacing-block-start",r),e(t,this,l).call(this,"--scb-form-error-summary-spacing-block-end",n),e(t,this,l).call(this,"--scb-form-error-summary-spacing-inline-start",p),e(t,this,l).call(this,"--scb-form-error-summary-spacing-inline-end",m)}function l(i,r){r?this.style.setProperty(i,r):this.style.removeProperty(i)}a([o({type:String,reflect:!0})],s.prototype,"heading",void 0);a([o({type:String,attribute:"heading-level",reflect:!0})],s.prototype,"headingLevel",void 0);a([o({type:String,reflect:!0})],s.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],s.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],s.prototype,"spacingRight",void 0);s=a([f("scb-form-error-summary")],s);
|
|
@@ -10,4 +10,4 @@ import{a as c,h as y,m as S,p as s,v as _,y as x}from"../../vendor/vendor.js";im
|
|
|
10
10
|
@click=${b(d,this)}
|
|
11
11
|
@focusin=${b(p,this)}
|
|
12
12
|
><slot></slot><md-focus-ring aria-hidden="true"></md-focus-ring></a>
|
|
13
|
-
`}},h.styles=x`:host{display:inline-block;position:relative;font-family:var(--brand-font, inherit);font-size:var(--scb-link-font-size, inherit);line-height:var(--scb-link-line-height, inherit);letter-spacing:var(--scb-link-letter-spacing, inherit);font-weight:var(--scb-link-font-weight, inherit);color:var(--md-sys-color-on-surface);width:fit-content;margin-block-start:var(--scb-link-spacing-block-start, 0);margin-block-end:var(--scb-link-spacing-block-end, 0);margin-inline-start:var(--scb-link-spacing-inline-start, 0);margin-inline-end:var(--scb-link-spacing-inline-end, 0)}a{position:relative;text-decoration:var(--scb-link-decoration, underline);text-decoration-skip-ink:
|
|
13
|
+
`}},h.styles=x`:host{display:inline-block;position:relative;font-family:var(--brand-font, inherit);font-size:var(--scb-link-font-size, inherit);line-height:var(--scb-link-line-height, inherit);letter-spacing:var(--scb-link-letter-spacing, inherit);font-weight:var(--scb-link-font-weight, inherit);color:var(--md-sys-color-on-surface);width:fit-content;margin-block-start:var(--scb-link-spacing-block-start, 0);margin-block-end:var(--scb-link-spacing-block-end, 0);margin-inline-start:var(--scb-link-spacing-inline-start, 0);margin-inline-end:var(--scb-link-spacing-inline-end, 0)}a{position:relative;text-decoration:var(--scb-link-decoration, underline);text-decoration-skip-ink:none;text-underline-position:from-font;text-underline-offset:var(--scb-link-underline-offset, 0);text-decoration-thickness:var(--scb-link-underline-thickness, var(--stroke-border, 1px));color:var(--scb-link-color, var(--md-sys-color-primary));border-radius:var(--scb-link-focus-radius, var(--radius-extra-small, 4px));outline:0;cursor:pointer;transition:color var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease),text-decoration-thickness var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease);white-space:var(--scb-link-white-space, normal)}a:active,a:hover{color:var(--scb-link-state-color, var(--md-sys-color-on-surface));text-decoration-thickness:var(--scb-link-hover-thickness, 2px)}:host(:not([data-native-focus-ring-ready])) a:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px)}md-focus-ring{--md-focus-ring-color:var(--scb-link-focus-color, var(--md-sys-color-primary));--md-focus-ring-shape:var(--scb-link-focus-radius, var(--radius-extra-small, 4px));--md-focus-ring-width:var(--stroke-focus-ring, 2px);--md-focus-ring-outward-offset:var(--spacing-1, 2px);pointer-events:none}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;text-decoration:inherit!important}:host([disabled]) a{pointer-events:none;opacity:.64;text-decoration:none;cursor:default}`,h);function k(){const o=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??o,i=this.mapSpacingToken(this.spacingBottom)??o,n=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-link-spacing-block-start",t):this.style.removeProperty("--scb-link-spacing-block-start"),i?this.style.setProperty("--scb-link-spacing-block-end",i):this.style.removeProperty("--scb-link-spacing-block-end"),n?this.style.setProperty("--scb-link-spacing-inline-start",n):this.style.removeProperty("--scb-link-spacing-inline-start"),a?this.style.setProperty("--scb-link-spacing-inline-end",a):this.style.removeProperty("--scb-link-spacing-inline-end")}r([s({type:String,reflect:!0})],e.prototype,"href",void 0);r([s({type:String,reflect:!0})],e.prototype,"target",void 0);r([s({type:String,reflect:!0})],e.prototype,"rel",void 0);r([s({type:String,reflect:!0})],e.prototype,"download",void 0);r([s({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);r([s({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0);r([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);r([s({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);r([s({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);r([s({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);r([s({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);e=r([S("scb-link")],e);export{e as ScbLink};
|
|
@@ -19,4 +19,4 @@ import{a,h as p,m as b,p as e,v as m,y}from"../../vendor/vendor.js";import"../..
|
|
|
19
19
|
</span>
|
|
20
20
|
<md-focus-ring aria-hidden="true"></md-focus-ring>
|
|
21
21
|
</a>
|
|
22
|
-
`}},d.styles=y`:host{display:inline-flex;inline-size:fit-content}.link-button{--_content-color:var(--scb-link-button-content-color, var(--md-sys-color-primary));--_state-content-color:var(--scb-link-button-state-content-color, var(--md-sys-color-on-surface));--_state-layer-color:var(--scb-link-button-content-color, var(--md-sys-color-primary));--_focus-color:var(--scb-link-button-content-color, var(--md-sys-color-primary));position:relative;z-index:0;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--spacing-3, 8px);min-block-size:var(--scale-11, 48px);margin-inline-start:calc(var(--spacing-5, 16px)*-1);padding-inline-start:var(--spacing-5, 16px);border-radius:var(--radius-full, 1000px);color:var(--_content-color);font-family:var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font));font-size:var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size));font-weight:var(--scb-typography-body-medium-weight-emphasized, var(--weight-semibold, 600));line-height:var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height));letter-spacing:var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking));text-decoration:none;white-space:nowrap;cursor:pointer;outline:0;touch-action:manipulation}.link-button::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.label{color:inherit;text-decoration:underline;text-decoration-skip-ink:
|
|
22
|
+
`}},d.styles=y`:host{display:inline-flex;inline-size:fit-content}.link-button{--_content-color:var(--scb-link-button-content-color, var(--md-sys-color-primary));--_state-content-color:var(--scb-link-button-state-content-color, var(--md-sys-color-on-surface));--_state-layer-color:var(--scb-link-button-content-color, var(--md-sys-color-primary));--_focus-color:var(--scb-link-button-content-color, var(--md-sys-color-primary));position:relative;z-index:0;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--spacing-3, 8px);min-block-size:var(--scale-11, 48px);margin-inline-start:calc(var(--spacing-5, 16px)*-1);padding-inline-start:var(--spacing-5, 16px);border-radius:var(--radius-full, 1000px);color:var(--_content-color);font-family:var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font));font-size:var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size));font-weight:var(--scb-typography-body-medium-weight-emphasized, var(--weight-semibold, 600));line-height:var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height));letter-spacing:var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking));text-decoration:none;white-space:nowrap;cursor:pointer;outline:0;touch-action:manipulation}.link-button::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.label{color:inherit;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;text-underline-offset:var(--scb-link-underline-offset, 0);text-decoration-thickness:var(--scb-link-underline-thickness, var(--stroke-border, 1px));transition:color var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease),text-decoration-thickness var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;text-decoration:inherit!important}.icon-part,.icon-state{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-extra-large, 24px)}.icon-part{flex:0 0 auto;inline-size:var(--scale-11, 48px);block-size:var(--scale-11, 48px)}.icon-state{inline-size:var(--scale-10, 40px);block-size:var(--scale-10, 40px);border:0;background:var(--scb-link-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-link-button-filled-content-color, var(--md-sys-color-on-primary));transition:background-color var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease),color var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.icon{display:inline-block;inline-size:var(--icon-size-medium, 24px);block-size:var(--icon-size-medium, 24px);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);font-weight:400;font-style:normal;line-height:1;text-align:center;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([variant='outlined']) .icon-state{border:var(--stroke-border, 1px) solid var(--scb-link-button-outline-color, var(--md-sys-color-outline));background:0 0;color:var(--scb-link-button-content-color, var(--md-sys-color-primary))}:host([inverse]) .link-button{--_content-color:var(--scb-link-button-inverse-content-color, var(--md-sys-color-inverse-primary));--_state-content-color:var(--scb-link-button-inverse-state-content-color, var(--md-sys-color-inverse-on-surface));--_state-layer-color:var(--scb-link-button-inverse-content-color, var(--md-sys-color-inverse-primary));--_focus-color:var(--scb-link-button-inverse-content-color, var(--md-sys-color-inverse-primary))}:host([inverse]) .icon-state{background:var(--scb-link-button-inverse-filled-container-color, var(--md-sys-color-inverse-primary));color:var(--scb-link-button-inverse-filled-content-color, var(--md-sys-color-inverse-on-primary))}:host([inverse][variant='outlined']) .icon-state{border-color:var(--scb-link-button-inverse-outline-color, var(--md-sys-color-inverse-outline));background:0 0;color:var(--scb-link-button-inverse-content-color, var(--md-sys-color-inverse-primary))}.link-button:active,.link-button:hover{color:var(--_state-content-color)}.link-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, .08)}.link-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, .12)}.link-button:active .label,.link-button:hover .label{text-decoration-thickness:var(--scb-link-hover-thickness, 2px)}:host(:not([data-native-focus-ring-ready])) .link-button:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--_focus-color);outline-offset:var(--spacing-1, 2px)}md-focus-ring{--md-focus-ring-color:var(--_focus-color);--md-focus-ring-shape:var(--radius-full, 1000px);--md-focus-ring-width:var(--stroke-focus-ring, 2px);--md-focus-ring-outward-offset:var(--spacing-1, 2px);pointer-events:none}.link-button:active .icon-state,.link-button:hover .icon-state{background:var(--md-sys-color-inverse-secondary-container);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .link-button:active .icon-state,:host([variant='outlined']) .link-button:hover .icon-state{border-color:var(--scb-link-button-outline-color, var(--md-sys-color-outline));background:0 0;color:var(--scb-link-button-state-content-color, var(--md-sys-color-on-surface))}:host([inverse]) .link-button:active .icon-state,:host([inverse]) .link-button:hover .icon-state{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host([inverse][variant='outlined']) .link-button:active .icon-state,:host([inverse][variant='outlined']) .link-button:hover .icon-state{border-color:var(--scb-link-button-inverse-outline-color, var(--md-sys-color-inverse-outline));background:0 0;color:var(--scb-link-button-inverse-state-content-color, var(--md-sys-color-inverse-on-surface))}:host(:dir(rtl):not([external])) .icon{transform:scaleX(-1)}`,d);o([e({type:String,reflect:!0})],t.prototype,"href",void 0);o([e({type:String,reflect:!0})],t.prototype,"target",void 0);o([e({type:String,reflect:!0})],t.prototype,"rel",void 0);o([e({type:String,reflect:!0})],t.prototype,"download",void 0);o([e({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);o([e({type:String,reflect:!0})],t.prototype,"variant",void 0);o([e({type:Boolean,reflect:!0})],t.prototype,"inverse",void 0);o([e({type:Boolean,reflect:!0})],t.prototype,"external",void 0);t=o([b("scb-link-button")],t);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as d,h as S,m as T,p as s,v as g,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{componentSizeToken as C}from"../shared/component-size-token.js";import{t as H}from"../../vendor/component-defaults.js";import{t as i}from"../../vendor/decorate.js";import{t as B}from"../../vendor/assertClassBrand.js";import{t as E}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-icon/scb-icon.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(e,r,n){try{customElements.get(e)||a(e,r,n)}catch(l){var o=String(l||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var h,
|
|
1
|
+
import{f as d,h as S,m as T,p as s,v as g,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{componentSizeToken as C}from"../shared/component-size-token.js";import{t as H}from"../../vendor/component-defaults.js";import{t as i}from"../../vendor/decorate.js";import{t as B}from"../../vendor/assertClassBrand.js";import{t as E}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-icon/scb-icon.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(e,r,n){try{customElements.get(e)||a(e,r,n)}catch(l){var o=String(l||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var f,h,I={fromAttribute:c=>c??"",toAttribute:c=>typeof c!="string"||c.trim()===""?null:c},t=(f=new WeakSet,h=class extends S{constructor(...a){super(...a),E(this,f),this.variant="success",this.direction="horizontal",this.size=H["scb-notification-card"].size,this.title="",this.notificationCardTitle="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkHref="#",this.href="",this.showIcon=!1,this.showCloseButton=!1,this.closeLabel="Stäng meddelande",this.sizing="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.fullHeight=!1,this.fullWidth=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasFooter=!1,this.__hasIcon=!1,this._closeNotification=()=>{this.open=!1;const e=new CustomEvent("openchange",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(e);const r=new CustomEvent("notification-close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(r);const n=new CustomEvent("close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(n);const o=new CustomEvent("Close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(o)},this.__syncSlots=()=>{this.__hasHeading=this.__slotHasContent("heading"),this.__hasSubtitle=this.__slotHasContent("subtitle"),this.__hasSupportingText=this.__slotHasContent("supporting-text"),this.__hasFooter=this.__slotHasContent("footer"),this.__hasIcon=this.__slotHasContent("icon")}}_iconForVariant(){switch(this.variant){case"success":return"check_circle";case"error":return"error";case"warning":return"warning";default:return"info"}}__resolveSpacingToken(a){const e=(a??"").trim();return e?/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e:""}__applySpacing(){const a=this.__resolveSpacingToken(this.spacingTop||this.spacing),e=this.__resolveSpacingToken(this.spacingBottom||this.spacing),r=this.__resolveSpacingToken(this.spacingLeft||this.spacing),n=this.__resolveSpacingToken(this.spacingRight||this.spacing);a?this.style.marginBlockStart=a:this.style.removeProperty("margin-block-start"),e?this.style.marginBlockEnd=e:this.style.removeProperty("margin-block-end"),r?this.style.marginInlineStart=r:this.style.removeProperty("margin-inline-start"),n?this.style.marginInlineEnd=n:this.style.removeProperty("margin-inline-end")}__hasLightDomSlot(a){return Array.from(this.children).some(e=>e.getAttribute("slot")===a)}__slotHasContent(a){return!!this.renderRoot?.querySelector(`slot[name="${a}"]`)?.assignedNodes({flatten:!0}).some(r=>r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():!0)}updated(a){super.updated(a),a.has("width")&&(this.width&&this.width.trim()!==""?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),a.has("maxWidth")&&(this.maxWidth&&this.maxWidth.trim()!==""?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),a.has("height")&&(this.height&&this.height.trim()!==""?this.style.blockSize=this.height:this.style.removeProperty("block-size")),a.has("maxHeight")&&(this.maxHeight&&this.maxHeight.trim()!==""?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&this.__applySpacing()}render(){const a=this.direction==="vertical"?"vertical":"horizontal",e=this.__hasHeading||this.__hasLightDomSlot("heading"),r=this.__hasSubtitle||this.__hasLightDomSlot("subtitle"),n=this.__hasSupportingText||this.__hasLightDomSlot("supporting-text"),o=this.__hasFooter||this.__hasLightDomSlot("footer"),l=L.call(B(f,this)),u=this.subtitle,v=this.supportingText,b=e||!!l,p=r||!!u,m=n||!!v,y=o||!!this.linkText,w=!!(b||p),x=!!(m&&!b&&!p&&!y),z=!!(this.showIcon||this.__hasIcon||this.__hasLightDomSlot("icon")),k=this.linkHref&&this.linkHref!=="#"?this.linkHref:this.href||this.linkHref,_=this.variant==="success"?"--_icon-color: var(--scb-notification-card-success-content-color, var(--md-sys-color-on-success-container, var(--t-30)));":this.variant==="error"?"--_icon-color: var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-30)));":this.variant==="warning"?"--_icon-color: var(--scb-notification-card-warning-content-color, var(--md-sys-color-on-warning-container, var(--w-20)));":"--_icon-color: var(--scb-notification-card-info-content-color, var(--md-sys-color-on-info-container, var(--p-30)));";return g`
|
|
2
2
|
<div class="notification" type=${this.variant} role="alert" aria-live="assertive" aria-atomic="true">
|
|
3
3
|
<div class="notification-main ${a}">
|
|
4
4
|
${z?g`
|
|
@@ -42,4 +42,4 @@ import{f as d,h as S,m as T,p as s,v as g,y as $}from"../../vendor/vendor.js";im
|
|
|
42
42
|
</div>
|
|
43
43
|
`:null}
|
|
44
44
|
</div>
|
|
45
|
-
`}},f.styles=[$`@keyframes growShrinkRing{0%,to{box-shadow:0 0 0 2px var(--md-sys-color-primary, var(--scb-color-legacy-info-blue))}50%{box-shadow:0 0 0 7px var(--md-sys-color-primary, var(--scb-color-legacy-info-blue))}}:host{--scb-cards-title-font-weight-current:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-large-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-large-tracking, var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-large-weight, var(--scb-cards-title-large-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-large-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-large-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:var(--scb-notification-card-max-w, none);height:auto;padding:var(--scb-notification-card-focus-ring-gap, 4px);--scb-notification-card-padding-block:var(--scb-notification-card-padding, var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px)));--scb-notification-card-padding-inline:var(--scb-notification-card-padding, var(--scb-cards-content-padding-inline-large, var(--spacing-6, 20px)));--scb-notification-card-column-gap:var(--scb-cards-notification-column-gap-large, var(--spacing-4, 12px));--scb-notification-card-row-gap:var(--scb-cards-notification-row-gap-large, var(--spacing-3, 8px));--scb-notification-card-surface-radius:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-notification-main-horizontal-gap:var(--scb-cards-notification-main-gap-large, var(--spacing-4, 12px));--scb-notification-main-vertical-gap:var(--scb-cards-notification-main-gap-large, var(--spacing-4, 12px));--scb-notification-text-container-gap:var(--scb-cards-notification-content-gap-large, var(--spacing-4, 12px));--scb-notification-footer-gap:var(--scb-cards-notification-footer-gap-large, var(--spacing-5, 16px));--scb-notification-icon-size:var(--scb-cards-notification-icon-size-large, var(--icon-size-medium, 24px));--scb-notification-close-icon-button-size:var(--scb-cards-notification-close-icon-button-size-large, medium);--scb-notification-title-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, "Inter", sans-serif))));--scb-notification-title-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-notification-title-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-notification-title-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-notification-title-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-notification-subtitle-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-notification-subtitle-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-notification-subtitle-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-notification-subtitle-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-notification-subtitle-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-notification-text-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, "Inter", sans-serif))));--scb-notification-text-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-notification-text-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-notification-text-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-notification-text-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))));--scb-notification-footer-size:var(--scb-notification-text-size);--scb-notification-footer-font-family:var(--scb-notification-text-font-family);--scb-notification-footer-font-weight:var(--scb-notification-text-font-weight);--scb-notification-footer-line-height:var(--scb-notification-text-line-height);--scb-notification-footer-letter-spacing:var(--scb-notification-text-letter-spacing)}:host([size='medium']){--scb-cards-title-font-weight-current:var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-medium-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-medium-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-medium-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-medium-tracking, var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-medium-weight, var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-medium-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-medium-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-medium-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-medium-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-medium-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-medium-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-medium-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-medium-font, var(--scb-cards-supporting-font));--scb-notification-card-padding-block:var(--scb-notification-card-padding, var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px)));--scb-notification-card-padding-inline:var(--scb-notification-card-padding, var(--scb-cards-content-padding-inline-medium, var(--spacing-5, 16px)));--scb-notification-card-column-gap:var(--scb-cards-notification-column-gap-medium, var(--spacing-3, 8px));--scb-notification-card-row-gap:var(--scb-cards-notification-row-gap-medium, var(--spacing-2, 4px));--scb-notification-card-surface-radius:var(--scb-cards-surface-radius-medium, var(--radius-large, 16px));--scb-notification-main-horizontal-gap:var(--scb-cards-notification-main-gap-medium, var(--spacing-3, 8px));--scb-notification-main-vertical-gap:var(--scb-cards-notification-main-gap-medium, var(--spacing-3, 8px));--scb-notification-text-container-gap:var(--scb-cards-notification-content-gap-medium, var(--spacing-3, 8px));--scb-notification-footer-gap:var(--scb-cards-notification-footer-gap-medium, var(--spacing-4, 12px));--scb-notification-icon-size:var(--scb-cards-notification-icon-size-medium, var(--icon-size-medium, 24px));--scb-notification-close-icon-button-size:var(--scb-cards-notification-close-icon-button-size-medium, medium)}:host([size='small']){--scb-cards-title-font-weight-current:var(--scb-cards-title-small-font-weight, var(--scb-cards-title-small-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-small-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-small-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-small-tracking, var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-small-weight, var(--scb-cards-title-small-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-small-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-small-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-small-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-small-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-small-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-small-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-small-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-small-font, var(--scb-cards-supporting-font));--scb-notification-card-padding-block:var(--scb-notification-card-padding, var(--scb-cards-content-padding-block-small, var(--spacing-5, 16px)));--scb-notification-card-padding-inline:var(--scb-notification-card-padding, var(--scb-cards-content-padding-inline-small, var(--spacing-4, 12px)));--scb-notification-card-column-gap:var(--scb-cards-notification-column-gap-small, var(--spacing-2, 4px));--scb-notification-card-row-gap:var(--scb-cards-notification-row-gap-small, var(--spacing-1, 2px));--scb-notification-card-surface-radius:var(--scb-cards-surface-radius-small, var(--radius-large, 16px));--scb-notification-main-horizontal-gap:var(--scb-cards-notification-main-gap-small, var(--spacing-2, 4px));--scb-notification-main-vertical-gap:var(--scb-cards-notification-main-gap-small, var(--spacing-2, 4px));--scb-notification-text-container-gap:var(--scb-cards-notification-content-gap-small, var(--spacing-2, 4px));--scb-notification-footer-gap:var(--scb-cards-notification-footer-gap-small, var(--spacing-3, 8px));--scb-notification-icon-size:var(--scb-cards-notification-icon-size-small, var(--icon-size-small, 20px));--scb-notification-close-icon-button-size:var(--scb-cards-notification-close-icon-button-size-small, medium)}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([full-width]){inline-size:100%}:host([full-height]){block-size:100%}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto}:host([sizing='content-width']) .notification{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}:host([full-height]) .notification,:host([height]) .notification,:host([max-height]) .notification,:host([sizing='stretch']) .notification{block-size:100%}:host([open]) .notification{display:flex}:host(:not([open])) .notification{display:none}.notification{box-sizing:border-box;border-radius:var(--scb-notification-card-surface-radius, var(--md-sys-shape-corner-large, 16px));padding-block:var(--scb-notification-card-padding-block);padding-inline:var(--scb-notification-card-padding-inline);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;column-gap:var(--scb-notification-card-column-gap);row-gap:var(--scb-notification-card-row-gap);inline-size:100%;max-inline-size:100%;color:inherit}:host([variant='success']) .notification{background:var(--scb-notification-card-success-container-color, var(--md-sys-color-success-container, var(--t-95)));color:var(--scb-notification-card-success-content-color, var(--md-sys-color-on-success-container, var(--t-30)))}:host([variant='error']) .notification{background:var(--scb-notification-card-error-container-color, var(--md-sys-color-error-container, var(--e-90)));color:var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-30)))}:host([variant='warning']) .notification{background:var(--scb-notification-card-warning-container-color, var(--md-sys-color-warning-container, var(--w-90)));color:var(--scb-notification-card-warning-content-color, var(--md-sys-color-on-warning-container, var(--w-20)))}:host([variant='info']) .notification{background:var(--scb-notification-card-info-container-color, var(--md-sys-color-info-container, var(--p-90)));color:var(--scb-notification-card-info-content-color, var(--md-sys-color-on-info-container, var(--p-30)))}.notification-main{display:flex;flex:1 1 auto;min-width:0}.notification-main.horizontal{flex-direction:row;column-gap:var(--scb-notification-main-horizontal-gap);row-gap:0;align-items:flex-start}.notification-main.vertical{flex-direction:column;column-gap:0;row-gap:var(--scb-notification-main-vertical-gap);align-items:flex-start}.notification-leading-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--scb-notification-icon-size);block-size:var(--scb-notification-icon-size);margin-top:2px;line-height:1}.notification-footer slot[name=footer],.notification-leading-icon slot{display:contents}.notification-leading-icon ::slotted(md-icon),.notification-leading-icon md-icon{--md-icon-size:var(--scb-notification-icon-size);inline-size:var(--scb-notification-icon-size);block-size:var(--scb-notification-icon-size);font-size:var(--scb-notification-icon-size);line-height:1}.notification-leading-icon ::slotted(scb-icon),.notification-leading-icon scb-icon{--scb-icon-size:var(--scb-notification-icon-size)}.notification-text-container{display:flex;flex-direction:column;gap:0;font-family:var(--brand-font, "Inter", sans-serif);font-style:normal;min-width:0}.notification-text-container.no-gap>*,.notification-text-container>*{margin-block-start:0}.notification-title-container:not([hidden])~.notification-footer:not([hidden]),.notification-title-container:not([hidden])~.notification-text:not([hidden]){margin-block-start:var(--scb-notification-text-container-gap)}.notification-text:not([hidden])~.notification-footer:not([hidden]){margin-block-start:var(--scb-notification-footer-gap)}.notification-title-container{display:flex;flex-direction:column;gap:var(--scb-notification-text-container-gap)}.notification-subtitle,.notification-text,.notification-title{font-family:var(--scb-notification-title-font-family);font-size:var(--scb-notification-title-size);font-weight:var(--scb-notification-title-font-weight);line-height:var(--scb-notification-title-line-height);letter-spacing:var(--scb-notification-title-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:auto;overflow:visible;text-overflow:clip}.notification-subtitle,.notification-text{font-family:var(--scb-notification-subtitle-font-family);font-size:var(--scb-notification-subtitle-size);font-weight:var(--scb-notification-subtitle-font-weight);line-height:var(--scb-notification-subtitle-line-height);letter-spacing:var(--scb-notification-subtitle-letter-spacing)}.notification-text{font-family:var(--scb-notification-text-font-family);font-size:var(--scb-notification-text-size);font-weight:var(--scb-notification-text-font-weight);line-height:var(--scb-notification-text-line-height);letter-spacing:var(--scb-notification-text-letter-spacing)}.notification-footer{display:flex;align-items:flex-start;flex-wrap:wrap;font-family:var(--scb-notification-footer-font-family);font-size:var(--scb-notification-footer-size);font-weight:var(--scb-notification-footer-font-weight);line-height:var(--scb-notification-footer-line-height);letter-spacing:var(--scb-notification-footer-letter-spacing)}.notification-subtitle ::slotted(*),.notification-title ::slotted(*){color:inherit;font-family:var(--scb-notification-title-font-family)!important;font-size:var(--scb-notification-title-size)!important;font-weight:var(--scb-notification-title-font-weight)!important;line-height:var(--scb-notification-title-line-height)!important;letter-spacing:var(--scb-notification-title-letter-spacing)!important;margin-block:0!important;margin-inline:0!important}.notification-subtitle ::slotted(*){font-family:var(--scb-notification-subtitle-font-family)!important;font-size:var(--scb-notification-subtitle-size)!important;font-weight:var(--scb-notification-subtitle-font-weight)!important;line-height:var(--scb-notification-subtitle-line-height)!important;letter-spacing:var(--scb-notification-subtitle-letter-spacing)!important}.notification-footer ::slotted(*),.notification-text ::slotted(*){color:inherit;font-family:var(--scb-notification-text-font-family)!important;font-size:var(--scb-notification-text-size)!important;font-weight:var(--scb-notification-text-font-weight)!important;line-height:var(--scb-notification-text-line-height)!important;letter-spacing:var(--scb-notification-text-letter-spacing)!important;margin-block:0!important;margin-inline:0!important}.notification-footer ::slotted(*){font-family:var(--scb-notification-footer-font-family)!important;font-size:var(--scb-notification-footer-size)!important;font-weight:var(--scb-notification-footer-font-weight)!important;line-height:var(--scb-notification-footer-line-height)!important;letter-spacing:var(--scb-notification-footer-letter-spacing)!important}.notification-text ::slotted(a){font-size:var(--scb-notification-text-size);line-height:var(--scb-notification-text-line-height);letter-spacing:var(--scb-notification-text-letter-spacing)}.notification-text ::slotted(scb-link){--scb-link-font-size:var(--scb-notification-text-size);--scb-link-line-height:var(--scb-notification-text-line-height);--scb-link-letter-spacing:var(--scb-notification-text-letter-spacing)}.notification-footer .footer-link,.notification-footer ::slotted(a),.notification-footer ::slotted(scb-link){display:inline-block;vertical-align:middle;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.notification-footer .footer-link,.notification-footer ::slotted(a){font-size:var(--scb-notification-footer-size);line-height:var(--scb-notification-footer-line-height);letter-spacing:var(--scb-notification-footer-letter-spacing);text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-underline-offset:3px}.notification-footer ::slotted(scb-link){--scb-link-font-size:var(--scb-notification-footer-size);--scb-link-line-height:var(--scb-notification-footer-line-height);--scb-link-letter-spacing:var(--scb-notification-footer-letter-spacing)}.notification-footer .footer-link:hover,.notification-footer ::slotted(a:hover){text-decoration-thickness:2px}.notification-footer .footer-link:focus-visible,.notification-footer ::slotted(a:focus-visible){outline:0;border-radius:var(--radius-extra-small, 4px);animation:growShrinkRing .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px var(--md-sys-color-primary, var(--scb-color-legacy-info-blue))}.notification-close-button{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end}.notification-close-button scb-icon-button{margin-top:-5px}[hidden]{display:none!important}`],f);function L(){return this.notificationCardTitle||this.title}i([s({type:String,reflect:!0})],t.prototype,"variant",void 0);i([s({type:String,reflect:!0})],t.prototype,"direction",void 0);i([s({type:String,reflect:!0})],t.prototype,"size",void 0);i([s({type:String})],t.prototype,"title",void 0);i([s({type:String,attribute:"notification-card-title"})],t.prototype,"notificationCardTitle",void 0);i([s({type:String})],t.prototype,"subtitle",void 0);i([s({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",void 0);i([s({type:Boolean,reflect:!0})],t.prototype,"open",void 0);i([s({type:String,attribute:"link-text"})],t.prototype,"linkText",void 0);i([s({type:String,attribute:"link-href"})],t.prototype,"linkHref",void 0);i([s({type:String})],t.prototype,"href",void 0);i([s({type:Boolean,attribute:"show-icon"})],t.prototype,"showIcon",void 0);i([s({type:Boolean,attribute:"show-close-button"})],t.prototype,"showCloseButton",void 0);i([s({type:String,attribute:"close-label"})],t.prototype,"closeLabel",void 0);i([s({type:String,reflect:!0,converter:I})],t.prototype,"sizing",void 0);i([s({type:String,reflect:!0})],t.prototype,"width",void 0);i([s({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",void 0);i([s({type:String,reflect:!0})],t.prototype,"height",void 0);i([s({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",void 0);i([s({type:Boolean,reflect:!0,attribute:"full-height"})],t.prototype,"fullHeight",void 0);i([s({type:Boolean,reflect:!0,attribute:"full-width"})],t.prototype,"fullWidth",void 0);i([s({type:String})],t.prototype,"spacing",void 0);i([s({type:String,attribute:"spacing-top"})],t.prototype,"spacingTop",void 0);i([s({type:String,attribute:"spacing-bottom"})],t.prototype,"spacingBottom",void 0);i([s({type:String,attribute:"spacing-left"})],t.prototype,"spacingLeft",void 0);i([s({type:String,attribute:"spacing-right"})],t.prototype,"spacingRight",void 0);i([d()],t.prototype,"__hasHeading",void 0);i([d()],t.prototype,"__hasSubtitle",void 0);i([d()],t.prototype,"__hasSupportingText",void 0);i([d()],t.prototype,"__hasFooter",void 0);i([d()],t.prototype,"__hasIcon",void 0);t=i([T("scb-notification-card")],t);
|
|
45
|
+
`}},h.styles=[$`@keyframes growShrinkRing{0%,to{box-shadow:0 0 0 2px var(--md-sys-color-primary, var(--scb-color-legacy-info-blue))}50%{box-shadow:0 0 0 7px var(--md-sys-color-primary, var(--scb-color-legacy-info-blue))}}:host{--scb-cards-title-font-weight-current:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-large-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-large-tracking, var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-large-weight, var(--scb-cards-title-large-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-large-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-large-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:var(--scb-notification-card-max-w, none);height:auto;padding:var(--scb-notification-card-focus-ring-gap, 4px);--scb-notification-card-padding-block:var(--scb-notification-card-padding, var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px)));--scb-notification-card-padding-inline:var(--scb-notification-card-padding, var(--scb-cards-content-padding-inline-large, var(--spacing-6, 20px)));--scb-notification-card-column-gap:var(--scb-cards-notification-column-gap-large, var(--spacing-4, 12px));--scb-notification-card-row-gap:var(--scb-cards-notification-row-gap-large, var(--spacing-3, 8px));--scb-notification-card-surface-radius:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-notification-main-horizontal-gap:var(--scb-cards-notification-main-gap-large, var(--spacing-4, 12px));--scb-notification-main-vertical-gap:var(--scb-cards-notification-main-gap-large, var(--spacing-4, 12px));--scb-notification-text-container-gap:var(--scb-cards-notification-content-gap-large, var(--spacing-4, 12px));--scb-notification-footer-gap:var(--scb-cards-notification-footer-gap-large, var(--spacing-5, 16px));--scb-notification-icon-size:var(--scb-cards-notification-icon-size-large, var(--icon-size-medium, 24px));--scb-notification-close-icon-button-size:var(--scb-cards-notification-close-icon-button-size-large, medium);--scb-notification-title-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, "Inter", sans-serif))));--scb-notification-title-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-notification-title-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-notification-title-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-notification-title-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-notification-subtitle-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-notification-subtitle-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-notification-subtitle-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-notification-subtitle-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-notification-subtitle-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-notification-text-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, "Inter", sans-serif))));--scb-notification-text-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-notification-text-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-notification-text-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-notification-text-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))));--scb-notification-footer-size:var(--scb-notification-text-size);--scb-notification-footer-font-family:var(--scb-notification-text-font-family);--scb-notification-footer-font-weight:var(--scb-notification-text-font-weight);--scb-notification-footer-line-height:var(--scb-notification-text-line-height);--scb-notification-footer-letter-spacing:var(--scb-notification-text-letter-spacing)}:host([size='medium']){--scb-cards-title-font-weight-current:var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-medium-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-medium-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-medium-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-medium-tracking, var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-medium-weight, var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-medium-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-medium-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-medium-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-medium-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-medium-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-medium-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-medium-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-medium-font, var(--scb-cards-supporting-font));--scb-notification-card-padding-block:var(--scb-notification-card-padding, var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px)));--scb-notification-card-padding-inline:var(--scb-notification-card-padding, var(--scb-cards-content-padding-inline-medium, var(--spacing-5, 16px)));--scb-notification-card-column-gap:var(--scb-cards-notification-column-gap-medium, var(--spacing-3, 8px));--scb-notification-card-row-gap:var(--scb-cards-notification-row-gap-medium, var(--spacing-2, 4px));--scb-notification-card-surface-radius:var(--scb-cards-surface-radius-medium, var(--radius-large, 16px));--scb-notification-main-horizontal-gap:var(--scb-cards-notification-main-gap-medium, var(--spacing-3, 8px));--scb-notification-main-vertical-gap:var(--scb-cards-notification-main-gap-medium, var(--spacing-3, 8px));--scb-notification-text-container-gap:var(--scb-cards-notification-content-gap-medium, var(--spacing-3, 8px));--scb-notification-footer-gap:var(--scb-cards-notification-footer-gap-medium, var(--spacing-4, 12px));--scb-notification-icon-size:var(--scb-cards-notification-icon-size-medium, var(--icon-size-medium, 24px));--scb-notification-close-icon-button-size:var(--scb-cards-notification-close-icon-button-size-medium, medium)}:host([size='small']){--scb-cards-title-font-weight-current:var(--scb-cards-title-small-font-weight, var(--scb-cards-title-small-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-small-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-small-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-small-tracking, var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-small-weight, var(--scb-cards-title-small-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-small-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-small-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-small-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-small-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-small-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-small-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-small-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-small-font, var(--scb-cards-supporting-font));--scb-notification-card-padding-block:var(--scb-notification-card-padding, var(--scb-cards-content-padding-block-small, var(--spacing-5, 16px)));--scb-notification-card-padding-inline:var(--scb-notification-card-padding, var(--scb-cards-content-padding-inline-small, var(--spacing-4, 12px)));--scb-notification-card-column-gap:var(--scb-cards-notification-column-gap-small, var(--spacing-2, 4px));--scb-notification-card-row-gap:var(--scb-cards-notification-row-gap-small, var(--spacing-1, 2px));--scb-notification-card-surface-radius:var(--scb-cards-surface-radius-small, var(--radius-large, 16px));--scb-notification-main-horizontal-gap:var(--scb-cards-notification-main-gap-small, var(--spacing-2, 4px));--scb-notification-main-vertical-gap:var(--scb-cards-notification-main-gap-small, var(--spacing-2, 4px));--scb-notification-text-container-gap:var(--scb-cards-notification-content-gap-small, var(--spacing-2, 4px));--scb-notification-footer-gap:var(--scb-cards-notification-footer-gap-small, var(--spacing-3, 8px));--scb-notification-icon-size:var(--scb-cards-notification-icon-size-small, var(--icon-size-small, 20px));--scb-notification-close-icon-button-size:var(--scb-cards-notification-close-icon-button-size-small, medium)}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([full-width]){inline-size:100%}:host([full-height]){block-size:100%}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto}:host([sizing='content-width']) .notification{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}:host([full-height]) .notification,:host([height]) .notification,:host([max-height]) .notification,:host([sizing='stretch']) .notification{block-size:100%}:host([open]) .notification{display:flex}:host(:not([open])) .notification{display:none}.notification{box-sizing:border-box;border-radius:var(--scb-notification-card-surface-radius, var(--md-sys-shape-corner-large, 16px));padding-block:var(--scb-notification-card-padding-block);padding-inline:var(--scb-notification-card-padding-inline);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;column-gap:var(--scb-notification-card-column-gap);row-gap:var(--scb-notification-card-row-gap);inline-size:100%;max-inline-size:100%;color:inherit}:host([variant='success']) .notification{background:var(--scb-notification-card-success-container-color, var(--md-sys-color-success-container, var(--t-95)));color:var(--scb-notification-card-success-content-color, var(--md-sys-color-on-success-container, var(--t-30)))}:host([variant='error']) .notification{background:var(--scb-notification-card-error-container-color, var(--md-sys-color-error-container, var(--e-90)));color:var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-30)))}:host([variant='warning']) .notification{background:var(--scb-notification-card-warning-container-color, var(--md-sys-color-warning-container, var(--w-90)));color:var(--scb-notification-card-warning-content-color, var(--md-sys-color-on-warning-container, var(--w-20)))}:host([variant='info']) .notification{background:var(--scb-notification-card-info-container-color, var(--md-sys-color-info-container, var(--p-90)));color:var(--scb-notification-card-info-content-color, var(--md-sys-color-on-info-container, var(--p-30)))}.notification-main{display:flex;flex:1 1 auto;min-width:0}.notification-main.horizontal{flex-direction:row;column-gap:var(--scb-notification-main-horizontal-gap);row-gap:0;align-items:flex-start}.notification-main.vertical{flex-direction:column;column-gap:0;row-gap:var(--scb-notification-main-vertical-gap);align-items:flex-start}.notification-leading-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--scb-notification-icon-size);block-size:var(--scb-notification-icon-size);margin-top:2px;line-height:1}.notification-footer slot[name=footer],.notification-leading-icon slot{display:contents}.notification-leading-icon ::slotted(md-icon),.notification-leading-icon md-icon{--md-icon-size:var(--scb-notification-icon-size);inline-size:var(--scb-notification-icon-size);block-size:var(--scb-notification-icon-size);font-size:var(--scb-notification-icon-size);line-height:1}.notification-leading-icon ::slotted(scb-icon),.notification-leading-icon scb-icon{--scb-icon-size:var(--scb-notification-icon-size)}.notification-text-container{display:flex;flex-direction:column;gap:0;font-family:var(--brand-font, "Inter", sans-serif);font-style:normal;min-width:0}.notification-text-container.no-gap>*,.notification-text-container>*{margin-block-start:0}.notification-title-container:not([hidden])~.notification-footer:not([hidden]),.notification-title-container:not([hidden])~.notification-text:not([hidden]){margin-block-start:var(--scb-notification-text-container-gap)}.notification-text:not([hidden])~.notification-footer:not([hidden]){margin-block-start:var(--scb-notification-footer-gap)}.notification-title-container{display:flex;flex-direction:column;gap:var(--scb-notification-text-container-gap)}.notification-subtitle,.notification-text,.notification-title{font-family:var(--scb-notification-title-font-family);font-size:var(--scb-notification-title-size);font-weight:var(--scb-notification-title-font-weight);line-height:var(--scb-notification-title-line-height);letter-spacing:var(--scb-notification-title-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:auto;overflow:visible;text-overflow:clip}.notification-subtitle,.notification-text{font-family:var(--scb-notification-subtitle-font-family);font-size:var(--scb-notification-subtitle-size);font-weight:var(--scb-notification-subtitle-font-weight);line-height:var(--scb-notification-subtitle-line-height);letter-spacing:var(--scb-notification-subtitle-letter-spacing)}.notification-text{font-family:var(--scb-notification-text-font-family);font-size:var(--scb-notification-text-size);font-weight:var(--scb-notification-text-font-weight);line-height:var(--scb-notification-text-line-height);letter-spacing:var(--scb-notification-text-letter-spacing)}.notification-footer{display:flex;align-items:flex-start;flex-wrap:wrap;font-family:var(--scb-notification-footer-font-family);font-size:var(--scb-notification-footer-size);font-weight:var(--scb-notification-footer-font-weight);line-height:var(--scb-notification-footer-line-height);letter-spacing:var(--scb-notification-footer-letter-spacing)}.notification-subtitle ::slotted(*),.notification-title ::slotted(*){color:inherit;font-family:var(--scb-notification-title-font-family)!important;font-size:var(--scb-notification-title-size)!important;font-weight:var(--scb-notification-title-font-weight)!important;line-height:var(--scb-notification-title-line-height)!important;letter-spacing:var(--scb-notification-title-letter-spacing)!important;margin-block:0!important;margin-inline:0!important}.notification-subtitle ::slotted(*){font-family:var(--scb-notification-subtitle-font-family)!important;font-size:var(--scb-notification-subtitle-size)!important;font-weight:var(--scb-notification-subtitle-font-weight)!important;line-height:var(--scb-notification-subtitle-line-height)!important;letter-spacing:var(--scb-notification-subtitle-letter-spacing)!important}.notification-footer ::slotted(*),.notification-text ::slotted(*){color:inherit;font-family:var(--scb-notification-text-font-family)!important;font-size:var(--scb-notification-text-size)!important;font-weight:var(--scb-notification-text-font-weight)!important;line-height:var(--scb-notification-text-line-height)!important;letter-spacing:var(--scb-notification-text-letter-spacing)!important;margin-block:0!important;margin-inline:0!important}.notification-footer ::slotted(*){font-family:var(--scb-notification-footer-font-family)!important;font-size:var(--scb-notification-footer-size)!important;font-weight:var(--scb-notification-footer-font-weight)!important;line-height:var(--scb-notification-footer-line-height)!important;letter-spacing:var(--scb-notification-footer-letter-spacing)!important}.notification-text ::slotted(a){font-size:var(--scb-notification-text-size);line-height:var(--scb-notification-text-line-height);letter-spacing:var(--scb-notification-text-letter-spacing)}.notification-text ::slotted(scb-link){--scb-link-font-size:var(--scb-notification-text-size);--scb-link-line-height:var(--scb-notification-text-line-height);--scb-link-letter-spacing:var(--scb-notification-text-letter-spacing)}.notification-footer .footer-link,.notification-footer ::slotted(a),.notification-footer ::slotted(scb-link){display:inline-block;vertical-align:middle;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.notification-footer .footer-link,.notification-footer ::slotted(a){font-size:var(--scb-notification-footer-size);line-height:var(--scb-notification-footer-line-height);letter-spacing:var(--scb-notification-footer-letter-spacing);text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;text-decoration-thickness:1px;text-underline-offset:0}.notification-footer ::slotted(scb-link){--scb-link-font-size:var(--scb-notification-footer-size);--scb-link-line-height:var(--scb-notification-footer-line-height);--scb-link-letter-spacing:var(--scb-notification-footer-letter-spacing)}.notification-footer .footer-link:hover,.notification-footer ::slotted(a:hover){text-decoration-thickness:2px}.notification-footer .footer-link:focus-visible,.notification-footer ::slotted(a:focus-visible){outline:0;border-radius:var(--radius-extra-small, 4px);animation:growShrinkRing .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px var(--md-sys-color-primary, var(--scb-color-legacy-info-blue))}.notification-close-button{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end}.notification-close-button scb-icon-button{margin-top:-5px}[hidden]{display:none!important}`],h);function L(){return this.notificationCardTitle||this.title}i([s({type:String,reflect:!0})],t.prototype,"variant",void 0);i([s({type:String,reflect:!0})],t.prototype,"direction",void 0);i([s({type:String,reflect:!0})],t.prototype,"size",void 0);i([s({type:String})],t.prototype,"title",void 0);i([s({type:String,attribute:"notification-card-title"})],t.prototype,"notificationCardTitle",void 0);i([s({type:String})],t.prototype,"subtitle",void 0);i([s({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",void 0);i([s({type:Boolean,reflect:!0})],t.prototype,"open",void 0);i([s({type:String,attribute:"link-text"})],t.prototype,"linkText",void 0);i([s({type:String,attribute:"link-href"})],t.prototype,"linkHref",void 0);i([s({type:String})],t.prototype,"href",void 0);i([s({type:Boolean,attribute:"show-icon"})],t.prototype,"showIcon",void 0);i([s({type:Boolean,attribute:"show-close-button"})],t.prototype,"showCloseButton",void 0);i([s({type:String,attribute:"close-label"})],t.prototype,"closeLabel",void 0);i([s({type:String,reflect:!0,converter:I})],t.prototype,"sizing",void 0);i([s({type:String,reflect:!0})],t.prototype,"width",void 0);i([s({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",void 0);i([s({type:String,reflect:!0})],t.prototype,"height",void 0);i([s({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",void 0);i([s({type:Boolean,reflect:!0,attribute:"full-height"})],t.prototype,"fullHeight",void 0);i([s({type:Boolean,reflect:!0,attribute:"full-width"})],t.prototype,"fullWidth",void 0);i([s({type:String})],t.prototype,"spacing",void 0);i([s({type:String,attribute:"spacing-top"})],t.prototype,"spacingTop",void 0);i([s({type:String,attribute:"spacing-bottom"})],t.prototype,"spacingBottom",void 0);i([s({type:String,attribute:"spacing-left"})],t.prototype,"spacingLeft",void 0);i([s({type:String,attribute:"spacing-right"})],t.prototype,"spacingRight",void 0);i([d()],t.prototype,"__hasHeading",void 0);i([d()],t.prototype,"__hasSubtitle",void 0);i([d()],t.prototype,"__hasSupportingText",void 0);i([d()],t.prototype,"__hasFooter",void 0);i([d()],t.prototype,"__hasIcon",void 0);t=i([T("scb-notification-card")],t);
|
|
@@ -53,4 +53,4 @@ import{g as h,h as u,m as f,p,v as b,y as x}from"../../vendor/vendor.js";import"
|
|
|
53
53
|
`}},g=m,m._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,m._uidSeq=0,m.styles=[x`:host{display:block;--scb-toc-transition-duration:var(--motion-duration-short, 150ms);--scb-toc-transition-easing:var(--motion-easing-emphasized-accelerate, var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98)));--scb-toc-panel-padding-closed:var(--spacing-0, 0px);--scb-toc-item-top-padding-y:var(--scb-toc-item-top-padding-y-medium, var(--spacing-5, 16px));--scb-toc-item-top-padding-x:var(--scb-toc-item-top-padding-x-medium, var(--spacing-3, 8px));--scb-toc-item-top-gap:var(--scb-toc-item-top-gap-medium, var(--spacing-5, 16px));--scb-toc-item-label-margin-bottom:var(--scb-toc-item-label-margin-bottom-medium, var(--spacing-3, 8px));--scb-toc-item-label-font-family:var(--scb-toc-text-medium-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font)));--scb-toc-item-label-font-size:var(--scb-toc-text-medium-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size)));--scb-toc-item-label-line-height:var(--scb-toc-text-medium-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height)));--scb-toc-item-label-tracking:var(--scb-toc-text-medium-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking)));--scb-toc-item-label-font-weight:var(--scb-toc-text-medium-font-weight, var(--weight-semibold, 600));--scb-toc-item-supporting-font-family:var(--scb-toc-supporting-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-supporting-font-size:var(--scb-toc-supporting-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-supporting-line-height:var(--scb-toc-supporting-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-supporting-tracking:var(--scb-toc-supporting-medium-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-supporting-font-weight:var(--scb-toc-supporting-medium-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-panel-padding-right:var(--scb-toc-item-panel-padding-right-medium, var(--spacing-5, 16px));--scb-toc-item-panel-padding-left:var(--scb-toc-item-panel-padding-left-medium, var(--spacing-9, 32px));--scb-toc-item-panel-padding-open:var(--scb-toc-item-panel-padding-bottom-medium, var(--spacing-5, 16px));--scb-toc-item-panel-font-family:var(--scb-toc-panel-text-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-panel-font-size:var(--scb-toc-panel-text-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-panel-line-height:var(--scb-toc-panel-text-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-panel-tracking:var(--scb-toc-panel-text-medium-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-panel-font-weight:var(--scb-toc-panel-text-medium-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-chevron-size:var(--scb-toc-item-chevron-size-medium, var(--scale-10, 40px));--scb-toc-item-icon-size:var(--scb-toc-item-icon-size-medium, var(--icon-size-medium, 24px));color:var(--scb-toc-panel-content-color, var(--md-sys-color-on-surface));font-family:var(--brand-font, 'Inter', sans-serif)}:host([size='small']){--scb-toc-item-top-padding-y:var(--scb-toc-item-top-padding-y-small, var(--spacing-4, 12px));--scb-toc-item-top-padding-x:var(--scb-toc-item-top-padding-x-small, var(--spacing-3, 8px));--scb-toc-item-top-gap:var(--scb-toc-item-top-gap-small, var(--spacing-4, 12px));--scb-toc-item-label-margin-bottom:var(--scb-toc-item-label-margin-bottom-small, var(--spacing-2, 4px));--scb-toc-item-panel-padding-right:var(--scb-toc-item-panel-padding-right-small, var(--spacing-4, 12px));--scb-toc-item-panel-padding-left:var(--scb-toc-item-panel-padding-left-small, var(--spacing-7, 24px));--scb-toc-item-panel-padding-open:var(--scb-toc-item-panel-padding-bottom-small, var(--spacing-4, 12px));--scb-toc-item-label-font-family:var(--scb-toc-text-small-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font)));--scb-toc-item-label-font-size:var(--scb-toc-text-small-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size)));--scb-toc-item-label-line-height:var(--scb-toc-text-small-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height)));--scb-toc-item-label-tracking:var(--scb-toc-text-small-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking)));--scb-toc-item-label-font-weight:var(--scb-toc-text-small-font-weight, var(--weight-semibold, 600));--scb-toc-item-supporting-font-family:var(--scb-toc-supporting-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-supporting-font-size:var(--scb-toc-supporting-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-supporting-line-height:var(--scb-toc-supporting-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-supporting-tracking:var(--scb-toc-supporting-small-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-supporting-font-weight:var(--scb-toc-supporting-small-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-panel-font-family:var(--scb-toc-panel-text-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-panel-font-size:var(--scb-toc-panel-text-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-panel-line-height:var(--scb-toc-panel-text-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-panel-tracking:var(--scb-toc-panel-text-small-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-panel-font-weight:var(--scb-toc-panel-text-small-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-chevron-size:var(--scb-toc-item-chevron-size-small, var(--scale-09, 36px));--scb-toc-item-icon-size:var(--scb-toc-item-icon-size-small, var(--icon-size-small, 20px))}:host([size='extra-small']){--scb-toc-item-top-padding-y:var(--scb-toc-item-top-padding-y-extra-small, var(--spacing-3, 8px));--scb-toc-item-top-padding-x:var(--scb-toc-item-top-padding-x-extra-small, var(--spacing-2, 4px));--scb-toc-item-top-gap:var(--scb-toc-item-top-gap-extra-small, var(--spacing-3, 8px));--scb-toc-item-label-margin-bottom:var(--scb-toc-item-label-margin-bottom-extra-small, var(--spacing-1, 2px));--scb-toc-item-panel-padding-right:var(--scb-toc-item-panel-padding-right-extra-small, var(--spacing-3, 8px));--scb-toc-item-panel-padding-left:var(--scb-toc-item-panel-padding-left-extra-small, var(--spacing-6, 20px));--scb-toc-item-panel-padding-open:var(--scb-toc-item-panel-padding-bottom-extra-small, var(--spacing-3, 8px));--scb-toc-item-label-font-family:var(--scb-toc-text-extra-small-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font)));--scb-toc-item-label-font-size:var(--scb-toc-text-extra-small-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size)));--scb-toc-item-label-line-height:var(--scb-toc-text-extra-small-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height)));--scb-toc-item-label-tracking:var(--scb-toc-text-extra-small-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking)));--scb-toc-item-label-font-weight:var(--scb-toc-text-extra-small-font-weight, var(--weight-semibold, 600));--scb-toc-item-supporting-font-family:var(--scb-toc-supporting-extra-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-supporting-font-size:var(--scb-toc-supporting-extra-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-supporting-line-height:var(--scb-toc-supporting-extra-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-supporting-tracking:var(--scb-toc-supporting-extra-small-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-supporting-font-weight:var(--scb-toc-supporting-extra-small-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-panel-font-family:var(--scb-toc-panel-text-extra-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-panel-font-size:var(--scb-toc-panel-text-extra-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-panel-line-height:var(--scb-toc-panel-text-extra-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-panel-tracking:var(--scb-toc-panel-text-extra-small-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-panel-font-weight:var(--scb-toc-panel-text-extra-small-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-chevron-size:var(--scb-toc-item-chevron-size-extra-small, var(--scale-08, 32px));--scb-toc-item-icon-size:var(--scb-toc-item-icon-size-extra-small, var(--icon-size-small, 20px))}:host([size='large']){--scb-toc-item-top-padding-y:var(--scb-toc-item-top-padding-y-large, var(--spacing-6, 20px));--scb-toc-item-top-padding-x:var(--scb-toc-item-top-padding-x-large, var(--spacing-3, 8px));--scb-toc-item-top-gap:var(--scb-toc-item-top-gap-large, var(--spacing-6, 20px));--scb-toc-item-label-margin-bottom:var(--scb-toc-item-label-margin-bottom-large, var(--spacing-4, 12px));--scb-toc-item-panel-padding-right:var(--scb-toc-item-panel-padding-right-large, var(--spacing-6, 20px));--scb-toc-item-panel-padding-left:var(--scb-toc-item-panel-padding-left-large, var(--spacing-10, 40px));--scb-toc-item-panel-padding-open:var(--scb-toc-item-panel-padding-bottom-large, var(--spacing-6, 20px));--scb-toc-item-label-font-family:var(--scb-toc-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font)));--scb-toc-item-label-font-size:var(--scb-toc-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size)));--scb-toc-item-label-line-height:var(--scb-toc-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height)));--scb-toc-item-label-tracking:var(--scb-toc-text-large-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking)));--scb-toc-item-label-font-weight:var(--scb-toc-text-large-font-weight, var(--weight-semibold, 600));--scb-toc-item-supporting-font-family:var(--scb-toc-supporting-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-supporting-font-size:var(--scb-toc-supporting-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-supporting-line-height:var(--scb-toc-supporting-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-supporting-tracking:var(--scb-toc-supporting-large-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-supporting-font-weight:var(--scb-toc-supporting-large-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-panel-font-family:var(--scb-toc-panel-text-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-toc-item-panel-font-size:var(--scb-toc-panel-text-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-toc-item-panel-line-height:var(--scb-toc-panel-text-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-toc-item-panel-tracking:var(--scb-toc-panel-text-large-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-toc-item-panel-font-weight:var(--scb-toc-panel-text-large-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-toc-item-chevron-size:var(--scb-toc-item-chevron-size-large, var(--scale-11, 48px));--scb-toc-item-icon-size:var(--scb-toc-item-icon-size-large, var(--icon-size-medium, 24px))}:host([expanded]){--scb-toc-transition-easing:var(
|
|
54
54
|
--motion-easing-emphasized-decelerate,
|
|
55
55
|
var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
|
|
56
|
-
)}.scb-toc-item-top{padding:var(--scb-toc-item-top-padding-y) var(--scb-toc-item-top-padding-x);display:flex;gap:var(--scb-toc-item-top-gap);flex-direction:row;align-items:flex-start}.scb-toc-item-top.no-supporting-text{align-items:center}.scb-toc-item-top.no-supporting-text .toc-item-label{margin-bottom:0}.toc-item-label-wrapper{position:relative;display:block;width:fit-content}.toc-item-label{display:block;width:fit-content;color:var(--scb-toc-link-color, var(--md-sys-color-primary));font-family:var(--scb-toc-item-label-font-family, var(--brand-font, 'Inter', sans-serif));font-size:var(--scb-toc-item-label-font-size);font-weight:var(--scb-toc-item-label-font-weight, var(--weight-semibold));line-height:var(--scb-toc-item-label-line-height);letter-spacing:var(--scb-toc-item-label-tracking);text-decoration:underline;text-decoration-skip-ink:
|
|
56
|
+
)}.scb-toc-item-top{padding:var(--scb-toc-item-top-padding-y) var(--scb-toc-item-top-padding-x);display:flex;gap:var(--scb-toc-item-top-gap);flex-direction:row;align-items:flex-start}.scb-toc-item-top.no-supporting-text{align-items:center}.scb-toc-item-top.no-supporting-text .toc-item-label{margin-bottom:0}.toc-item-label-wrapper{position:relative;display:block;width:fit-content}.toc-item-label{display:block;width:fit-content;color:var(--scb-toc-link-color, var(--md-sys-color-primary));font-family:var(--scb-toc-item-label-font-family, var(--brand-font, 'Inter', sans-serif));font-size:var(--scb-toc-item-label-font-size);font-weight:var(--scb-toc-item-label-font-weight, var(--weight-semibold));line-height:var(--scb-toc-item-label-line-height);letter-spacing:var(--scb-toc-item-label-tracking);text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;text-decoration-thickness:1px;text-underline-offset:0;margin-bottom:var(--scb-toc-item-label-margin-bottom)}.toc-item-label:hover{color:var(--scb-toc-current-color, var(--md-sys-color-on-surface));text-decoration-thickness:2px}.toc-item-label:focus{color:var(--scb-toc-current-color, var(--md-sys-color-on-surface));outline:0}.toc-item-label[aria-current=location]{color:var(--scb-toc-current-color, var(--md-sys-color-on-surface));text-decoration-thickness:2px}.toc-item-label-wrapper md-focus-ring{position:absolute;pointer-events:none;border-radius:var(--md-sys-shape-corner-small, 8px);--md-focus-ring-inward-offset:-7px}.supporting-text{font-family:var(--scb-toc-item-supporting-font-family, var(--brand-font, 'Inter', sans-serif));font-size:var(--scb-toc-item-supporting-font-size);font-weight:var(--scb-toc-item-supporting-font-weight);line-height:var(--scb-toc-item-supporting-line-height);letter-spacing:var(--scb-toc-item-supporting-tracking);color:var(--scb-toc-supporting-color, var(--md-sys-color-on-surface-variant))}.toc-chevron-button-wrapper{position:relative;margin-left:auto;display:flex;align-items:flex-start}.toc-chevron-button{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scb-toc-item-chevron-size);block-size:var(--scb-toc-item-chevron-size);padding:0;border:0;background:0 0;border-radius:var(--radius-full, 1000px);cursor:pointer;color:var(--scb-toc-chevron-color, var(--md-sys-color-on-surface));-webkit-tap-highlight-color:transparent}.toc-chevron-button:focus{outline:0}.toc-chevron-button md-ripple{border-radius:inherit}.toc-chevron-button md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:inherit;--md-focus-ring-inward-offset:-7px}.toc-chevron-icon{--scb-chevron-size:var(--scb-toc-item-icon-size);--chevron-offset-down:2.8px;--chevron-offset-up:-2.8px}scb-divider{margin:var(--spacing-0, 0px) var(--spacing-3, 8px);--scb-divider-color:var(--scb-toc-divider-color, var(--md-sys-color-outline-variant))}.scb-toc-item-bottom{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--scb-toc-transition-duration) var(--scb-toc-transition-easing),opacity var(--scb-toc-transition-duration) var(--scb-toc-transition-easing),padding var(--scb-toc-transition-duration) var(--scb-toc-transition-easing);opacity:0;overflow:hidden;padding-top:var(--spacing-0, 0px);padding-right:var(--scb-toc-item-panel-padding-right);padding-bottom:var(--scb-toc-panel-padding-closed);padding-left:var(--scb-toc-item-panel-padding-left);font-family:var(--scb-toc-item-panel-font-family, var(--brand-font, 'Inter', sans-serif));font-size:var(--scb-toc-item-panel-font-size);font-weight:var(--scb-toc-item-panel-font-weight);line-height:var(--scb-toc-item-panel-line-height);letter-spacing:var(--scb-toc-item-panel-tracking);color:var(--scb-toc-panel-content-color, var(--md-sys-color-on-surface))}:host([expanded]) .scb-toc-item-bottom{grid-template-rows:1fr;opacity:1;padding-bottom:var(--scb-toc-item-panel-padding-open)}.bottom-inner{overflow:hidden}:host([expanded][data-expanded-settled]) .bottom-inner,:host([expanded][data-expanded-settled]) .scb-toc-item-bottom{overflow:visible}@media (prefers-reduced-motion:reduce){.scb-toc-item-bottom{transition:none}md-ripple{display:none}}`],m);l([p({type:Boolean,reflect:!0})],c.prototype,"expanded",void 0);l([p({type:String,reflect:!0})],c.prototype,"size",void 0);l([p({type:String,reflect:!0})],c.prototype,"label",void 0);l([p({type:String,attribute:"supporting-text"})],c.prototype,"supportingText",void 0);l([p({type:Boolean,reflect:!0})],c.prototype,"current",void 0);l([p({type:String,attribute:"item-href"})],c.prototype,"itemHref",void 0);l([p({type:Boolean,attribute:"no-divider"})],c.prototype,"noDivider",void 0);c=g=l([f("scb-toc-item")],c);
|
package/mvc/scb-typography.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html{color:var(--md-sys-color-on-surface)}h1,h2,h3,h4,h5,h6,ol,p,ul{color:inherit}h1{font-family:var(--scb-typography-display-large-font, var(--md-sys-typescale-display-large-font));font-size:var(--scb-typography-display-large-size, var(--md-sys-typescale-display-large-size));line-height:var(--scb-typography-display-large-line-height, var(--md-sys-typescale-display-large-line-height));font-weight:var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight));letter-spacing:var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking));margin-block-start:var(--scb-typography-display-large-margin-top, 0);margin-block-end:var(--scb-typography-display-large-gutter, 0.6em)}h2{font-family:var(--scb-typography-display-medium-font, var(--md-sys-typescale-display-medium-font));font-size:var(--scb-typography-display-medium-size, var(--md-sys-typescale-display-medium-size));line-height:var(--scb-typography-display-medium-line-height, var(--md-sys-typescale-display-medium-line-height));font-weight:var(--scb-typography-display-medium-weight, var(--md-sys-typescale-display-medium-weight));letter-spacing:var(--scb-typography-display-medium-tracking, var(--md-sys-typescale-display-medium-tracking));margin-block-start:var(--scb-typography-display-medium-margin-top, 0);margin-block-end:var(--scb-typography-display-medium-gutter, 0.6em)}h3{font-family:var(--scb-typography-headline-large-font, var(--md-sys-typescale-headline-large-font));font-size:var(--scb-typography-headline-large-size, var(--md-sys-typescale-headline-large-size));line-height:var(--scb-typography-headline-large-line-height, var(--md-sys-typescale-headline-large-line-height));font-weight:var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight));letter-spacing:var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking));margin-block-start:var(--scb-typography-headline-large-margin-top, 0);margin-block-end:var(--scb-typography-headline-large-gutter, 0.6em)}h4,h5,h6{font-family:var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font));font-size:var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size));line-height:var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height));font-weight:var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight));letter-spacing:var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking));margin-block-start:var(--scb-typography-headline-medium-margin-top, 0);margin-block-end:var(--scb-typography-headline-medium-gutter, 0.6em)}html,ol,p,ul{font-family:var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font))}ol,p,ul{font-size:var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size));line-height:var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight));letter-spacing:var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-body-large-margin-top, 0);margin-block-end:var(--scb-typography-body-large-gutter, 1em)}:where(label){color:inherit;font-family:var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font));font-size:var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size));line-height:var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height));font-weight:var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight));letter-spacing:var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-label-large-margin-top, 0);margin-block-end:var(--scb-typography-label-large-gutter, 0)}li{margin-block:0}li+li{margin-block-start:var(--spacing-2, 4px)}a{text-decoration:var(--scb-link-decoration, underline);text-decoration-skip-ink:
|
|
1
|
+
html{color:var(--md-sys-color-on-surface)}h1,h2,h3,h4,h5,h6,ol,p,ul{color:inherit}h1{font-family:var(--scb-typography-display-large-font, var(--md-sys-typescale-display-large-font));font-size:var(--scb-typography-display-large-size, var(--md-sys-typescale-display-large-size));line-height:var(--scb-typography-display-large-line-height, var(--md-sys-typescale-display-large-line-height));font-weight:var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight));letter-spacing:var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking));margin-block-start:var(--scb-typography-display-large-margin-top, 0);margin-block-end:var(--scb-typography-display-large-gutter, 0.6em)}h2{font-family:var(--scb-typography-display-medium-font, var(--md-sys-typescale-display-medium-font));font-size:var(--scb-typography-display-medium-size, var(--md-sys-typescale-display-medium-size));line-height:var(--scb-typography-display-medium-line-height, var(--md-sys-typescale-display-medium-line-height));font-weight:var(--scb-typography-display-medium-weight, var(--md-sys-typescale-display-medium-weight));letter-spacing:var(--scb-typography-display-medium-tracking, var(--md-sys-typescale-display-medium-tracking));margin-block-start:var(--scb-typography-display-medium-margin-top, 0);margin-block-end:var(--scb-typography-display-medium-gutter, 0.6em)}h3{font-family:var(--scb-typography-headline-large-font, var(--md-sys-typescale-headline-large-font));font-size:var(--scb-typography-headline-large-size, var(--md-sys-typescale-headline-large-size));line-height:var(--scb-typography-headline-large-line-height, var(--md-sys-typescale-headline-large-line-height));font-weight:var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight));letter-spacing:var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking));margin-block-start:var(--scb-typography-headline-large-margin-top, 0);margin-block-end:var(--scb-typography-headline-large-gutter, 0.6em)}h4,h5,h6{font-family:var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font));font-size:var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size));line-height:var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height));font-weight:var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight));letter-spacing:var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking));margin-block-start:var(--scb-typography-headline-medium-margin-top, 0);margin-block-end:var(--scb-typography-headline-medium-gutter, 0.6em)}html,ol,p,ul{font-family:var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font))}ol,p,ul{font-size:var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size));line-height:var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight));letter-spacing:var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-body-large-margin-top, 0);margin-block-end:var(--scb-typography-body-large-gutter, 1em)}:where(label){color:inherit;font-family:var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font));font-size:var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size));line-height:var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height));font-weight:var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight));letter-spacing:var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-label-large-margin-top, 0);margin-block-end:var(--scb-typography-label-large-gutter, 0)}li{margin-block:0}li+li{margin-block-start:var(--spacing-2, 4px)}a{text-decoration:var(--scb-link-decoration, underline);text-decoration-skip-ink:none;text-underline-position:from-font;text-underline-offset:var(--scb-link-underline-offset, 0);text-decoration-thickness:var(--scb-link-underline-thickness, var(--stroke-border, 1px));color:var(--scb-link-color, var(--md-sys-color-primary))}a:active,a:hover{color:var(--scb-link-state-color, var(--md-sys-color-on-surface));text-decoration-thickness:var(--scb-link-hover-thickness, 2px)}a:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px);border-radius:var(--scb-link-focus-radius, var(--radius-extra-small, 4px))}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as n,v as e}from"./vendor.js";import"./vendor-lit.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,c,r){try{customElements.get(s)||i(s,c,r)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var
|
|
1
|
+
import{g as n,v as e}from"./vendor.js";import"./vendor-lit.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,c,r){try{customElements.get(s)||i(s,c,r)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var f=`
|
|
2
2
|
.scb-card.no-hover,
|
|
3
3
|
.scb-card.no-hover:hover,
|
|
4
4
|
.scb-card.no-hover:active {
|
|
@@ -29,8 +29,9 @@ import{g as n,v as e}from"./vendor.js";import"./vendor-lit.js";(function(){try{v
|
|
|
29
29
|
.social-metrics a.author:focus {
|
|
30
30
|
color: var(--scb-card-social-action-color, var(--md-sys-color-primary, var(--p-40)));
|
|
31
31
|
text-decoration: var(--scb-link-decoration, underline);
|
|
32
|
-
text-decoration-skip-ink:
|
|
33
|
-
text-underline-
|
|
32
|
+
text-decoration-skip-ink: none;
|
|
33
|
+
text-underline-position: from-font;
|
|
34
|
+
text-underline-offset: var(--scb-link-underline-offset, 0);
|
|
34
35
|
text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));
|
|
35
36
|
}
|
|
36
37
|
|
|
@@ -199,7 +200,7 @@ import{g as n,v as e}from"./vendor.js";import"./vendor-lit.js";(function(){try{v
|
|
|
199
200
|
.scb-card.filled-alternative .content.list ::slotted(scb-list) {
|
|
200
201
|
--scb-list-bg: var(--md-sys-color-surface-container, var(--p-95));
|
|
201
202
|
}
|
|
202
|
-
`;function T(t){if(!(t instanceof ShadowRoot)||t.querySelector("style[data-scb-card-variants]"))return;const i=document.createElement("style");i.dataset.scbCardVariants="",i.textContent=
|
|
203
|
+
`;function T(t){if(!(t instanceof ShadowRoot)||t.querySelector("style[data-scb-card-variants]"))return;const i=document.createElement("style");i.dataset.scbCardVariants="",i.textContent=f,t.appendChild(i)}function h(t){return String(t??"").replace(/ /g," ").replace(/-/g,"‑")}function z(t){const i=document.createElement("textarea");return i.innerHTML=t,i.value}function k(t){let i=String(t??"");for(let s=0;s<5;s+=1){const c=z(i);if(c===i)break;i=c}return i.replace(/<\s*(br|\/p|\/div|\/li|\/h[1-6]|\/tr)\b[^>]*>/gi," ").replace(/<[^>]*>/g," ").replace(/\s+/g," ").trim()}function l(t,i){const s=t.renderRoot?.querySelector(".scb-card");s&&(i?s.classList.add("no-hover"):s.classList.remove("no-hover"))}function p(t,i,s){t.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:s})),t.dispatchEvent(new CustomEvent(i.replace("-",""),{bubbles:!0,composed:!0,detail:s}))}function x(t,i,s){t.dispatchEvent(new CustomEvent(`social-${i}`,{bubbles:!0,composed:!0,detail:{action:i,originalEvent:s}}))}function L(t,i,s){switch(i){case"list":return e`
|
|
203
204
|
<div class="full-content">
|
|
204
205
|
${s.hasListTopContent?s.topContentTpl(!1):n}
|
|
205
206
|
<div class="content list ${s.hasListTopContent?"has-top-content":""}">
|
|
@@ -302,7 +303,7 @@ import{g as n,v as e}from"./vendor.js";import"./vendor-lit.js";(function(){try{v
|
|
|
302
303
|
<scb-tooltip
|
|
303
304
|
variant="rich"
|
|
304
305
|
for="like-button"
|
|
305
|
-
supporting-text=${
|
|
306
|
+
supporting-text=${h(t.likesHoverContent)}
|
|
306
307
|
trigger="hover"
|
|
307
308
|
position="right"
|
|
308
309
|
>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.199",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -455,5 +455,5 @@
|
|
|
455
455
|
"./scb-viz/*": null,
|
|
456
456
|
"./mvc/*": "./mvc/*"
|
|
457
457
|
},
|
|
458
|
-
"buildHash": "
|
|
458
|
+
"buildHash": "10B03E5475B5DEAA0E1BA352A6645439596AA5519A8ECA29FDC64CC134DE4773"
|
|
459
459
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { html as e, nothing as t } from "lit";
|
|
2
2
|
//#region src/scb-components/scb-card/scb-card-variants.internal.ts
|
|
3
|
-
var n = "\n .scb-card.no-hover,\n .scb-card.no-hover:hover,\n .scb-card.no-hover:active {\n box-shadow: none !important;\n cursor: default !important;\n }\n\n .scb-card.no-hover md-ripple {\n display: none !important;\n }\n\n :host([type='social']) .scb-card {\n overflow: visible;\n }\n\n .social-metrics a.comments,\n .social-metrics a.author {\n color: var(--scb-card-social-action-color, var(--md-sys-color-primary, var(--p-40)));\n text-decoration: none;\n border-radius: var(--radius-extra-small, 4px);\n cursor: pointer;\n outline: none;\n }\n\n .social-metrics a.comments:hover,\n .social-metrics a.comments:focus,\n .social-metrics a.author:hover,\n .social-metrics a.author:focus {\n color: var(--scb-card-social-action-color, var(--md-sys-color-primary, var(--p-40)));\n text-decoration: var(--scb-link-decoration, underline);\n text-decoration-skip-ink: auto;\n text-underline-offset: var(--scb-link-underline-offset, 3px);\n text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));\n }\n\n .container-content {\n display: flex;\n flex-direction: column;\n gap: var(--scb-card-container-gap, var(--scb-card-size-container-gap));\n padding-block-start: var(--scb-card-container-padding-block-start, var(--scb-card-content-padding-block-start, var(--scb-card-size-content-padding-block)));\n padding-block-end: var(--scb-card-container-padding-block-end, var(--scb-card-content-padding-block-end, var(--scb-card-size-content-padding-block)));\n padding-inline-start: var(--scb-card-container-padding-inline-start, var(--scb-card-content-padding-inline-start, var(--scb-card-size-content-padding-inline)));\n padding-inline-end: var(--scb-card-container-padding-inline-end, var(--scb-card-content-padding-inline-end, var(--scb-card-size-content-padding-inline)));\n min-inline-size: 0;\n }\n\n .container-content.has-header {\n gap: var(--scb-card-container-gap-with-header, var(--scb-card-size-container-gap-with-header));\n }\n\n .container-content > .chip-slot {\n margin-block-end: 0;\n }\n\n .social-metrics {\n display: flex;\n margin-top: var(--scb-card-size-social-metrics-margin-top);\n gap: var(--scb-card-size-social-gap);\n flex-wrap: wrap;\n align-items: center;\n }\n\n .social-metrics .card-icon {\n width: var(--scb-card-size-social-icon);\n height: var(--scb-card-size-social-icon);\n font-size: var(--scb-card-size-social-icon-font-size, var(--scb-card-size-social-icon));\n vertical-align: middle;\n }\n\n .social-text {\n font-family: var(--scb-card-size-social-font-family);\n font-size: var(--scb-card-size-social-text);\n line-height: var(--scb-card-size-social-line-height);\n font-weight: var(--scb-card-size-social-font-weight);\n letter-spacing: var(--scb-card-size-social-letter-spacing);\n }\n\n .comments,\n .likes {\n display: flex;\n align-items: center;\n gap: var(--scb-card-size-social-item-gap);\n }\n\n .social-action {\n display: inline-flex;\n align-items: center;\n gap: var(--scb-card-size-social-action-gap);\n }\n\n .social-action .social-text {\n font-size: var(--scb-card-size-social-action-font-size, var(--scb-card-size-social-text));\n line-height: var(--scb-card-size-social-action-line-height, var(--scb-card-size-social-line-height));\n font-weight: var(--scb-card-size-social-action-font-weight, var(--scb-card-size-social-font-weight));\n letter-spacing: var(--scb-card-size-social-action-letter-spacing, var(--scb-card-size-social-letter-spacing));\n }\n\n .scb-card .content.list {\n margin-top: 0;\n }\n\n .scb-card .content.list.has-top-content {\n margin-top: var(--scb-card-size-list-offset);\n }\n\n .scb-card .content.list ::slotted(scb-list) {\n --scb-list-item-padding-block-small: var(--scb-cards-list-item-padding-block-small, var(--scb-card-size-list-item-padding-block));\n --scb-list-item-padding-block-medium: var(--scb-cards-list-item-padding-block-medium, var(--scb-card-size-list-item-padding-block));\n --scb-list-item-padding-block-large: var(--scb-cards-list-item-padding-block-large, var(--scb-card-size-list-item-padding-block));\n --scb-list-item-padding-inline: var(--scb-card-size-list-item-padding-inline);\n --scb-lists-text-small-font: var(--scb-cards-list-text-small-font, var(--scb-card-size-list-text-font-family));\n --scb-lists-text-small-size: var(--scb-cards-list-text-small-size, var(--scb-card-size-list-text-font-size));\n --scb-lists-text-small-line-height: var(--scb-cards-list-text-small-line-height, var(--scb-card-size-list-text-line-height));\n --scb-lists-text-small-letter-spacing: var(--scb-cards-list-text-small-letter-spacing, var(--scb-cards-list-text-small-tracking, var(--scb-card-size-list-text-letter-spacing)));\n --scb-lists-text-small-font-weight: var(--scb-cards-list-text-small-font-weight, var(--scb-cards-list-text-small-weight, var(--scb-card-size-list-text-font-weight)));\n --scb-lists-text-medium-font: var(--scb-cards-list-text-medium-font, var(--scb-card-size-list-text-font-family));\n --scb-lists-text-medium-size: var(--scb-cards-list-text-medium-size, var(--scb-card-size-list-text-font-size));\n --scb-lists-text-medium-line-height: var(--scb-cards-list-text-medium-line-height, var(--scb-card-size-list-text-line-height));\n --scb-lists-text-medium-letter-spacing: var(--scb-cards-list-text-medium-letter-spacing, var(--scb-cards-list-text-medium-tracking, var(--scb-card-size-list-text-letter-spacing)));\n --scb-lists-text-medium-font-weight: var(--scb-cards-list-text-medium-font-weight, var(--scb-cards-list-text-medium-weight, var(--scb-card-size-list-text-font-weight)));\n --scb-lists-text-large-font: var(--scb-cards-list-text-large-font, var(--scb-card-size-list-text-font-family));\n --scb-lists-text-large-size: var(--scb-cards-list-text-large-size, var(--scb-card-size-list-text-font-size));\n --scb-lists-text-large-line-height: var(--scb-cards-list-text-large-line-height, var(--scb-card-size-list-text-line-height));\n --scb-lists-text-large-letter-spacing: var(--scb-cards-list-text-large-letter-spacing, var(--scb-cards-list-text-large-tracking, var(--scb-card-size-list-text-letter-spacing)));\n --scb-lists-text-large-font-weight: var(--scb-cards-list-text-large-font-weight, var(--scb-cards-list-text-large-weight, var(--scb-card-size-list-text-font-weight)));\n --scb-lists-supporting-small-font: var(--scb-cards-list-supporting-small-font, var(--scb-card-size-list-supporting-font-family));\n --scb-lists-supporting-small-size: var(--scb-cards-list-supporting-small-size, var(--scb-card-size-list-supporting-font-size));\n --scb-lists-supporting-small-line-height: var(--scb-cards-list-supporting-small-line-height, var(--scb-card-size-list-supporting-line-height));\n --scb-lists-supporting-small-letter-spacing: var(--scb-cards-list-supporting-small-letter-spacing, var(--scb-cards-list-supporting-small-tracking, var(--scb-card-size-list-supporting-letter-spacing)));\n --scb-lists-supporting-small-font-weight: var(--scb-cards-list-supporting-small-font-weight, var(--scb-cards-list-supporting-small-weight, var(--scb-card-size-list-supporting-font-weight)));\n --scb-lists-supporting-medium-font: var(--scb-cards-list-supporting-medium-font, var(--scb-card-size-list-supporting-font-family));\n --scb-lists-supporting-medium-size: var(--scb-cards-list-supporting-medium-size, var(--scb-card-size-list-supporting-font-size));\n --scb-lists-supporting-medium-line-height: var(--scb-cards-list-supporting-medium-line-height, var(--scb-card-size-list-supporting-line-height));\n --scb-lists-supporting-medium-letter-spacing: var(--scb-cards-list-supporting-medium-letter-spacing, var(--scb-cards-list-supporting-medium-tracking, var(--scb-card-size-list-supporting-letter-spacing)));\n --scb-lists-supporting-medium-font-weight: var(--scb-cards-list-supporting-medium-font-weight, var(--scb-cards-list-supporting-medium-weight, var(--scb-card-size-list-supporting-font-weight)));\n --scb-lists-supporting-large-font: var(--scb-cards-list-supporting-large-font, var(--scb-card-size-list-supporting-font-family));\n --scb-lists-supporting-large-size: var(--scb-cards-list-supporting-large-size, var(--scb-card-size-list-supporting-font-size));\n --scb-lists-supporting-large-line-height: var(--scb-cards-list-supporting-large-line-height, var(--scb-card-size-list-supporting-line-height));\n --scb-lists-supporting-large-letter-spacing: var(--scb-cards-list-supporting-large-letter-spacing, var(--scb-cards-list-supporting-large-tracking, var(--scb-card-size-list-supporting-letter-spacing)));\n --scb-lists-supporting-large-font-weight: var(--scb-cards-list-supporting-large-font-weight, var(--scb-cards-list-supporting-large-weight, var(--scb-card-size-list-supporting-font-weight)));\n }\n\n .scb-card .content.actions ::slotted(*) {\n margin-top: var(--scb-card-size-actions-offset);\n display: flex;\n flex-wrap: wrap;\n gap: var(--scb-card-size-actions-gap);\n }\n\n .scb-card .content.links {\n margin-top: var(--scb-card-size-links-offset);\n font-family: var(--scb-card-size-link-font-family);\n font-size: var(--scb-card-size-link-font-size);\n font-weight: var(--scb-card-size-link-font-weight);\n line-height: var(--scb-card-size-link-line-height);\n letter-spacing: var(--scb-card-size-link-letter-spacing);\n }\n\n .scb-card .content.links ::slotted(a),\n .scb-card .content.links ::slotted(scb-link) {\n display: block;\n margin-block-start: var(--scb-card-size-links-item-offset);\n }\n\n .scb-card .content.links ::slotted(*) {\n color: inherit;\n font-family: var(--scb-card-size-link-font-family) !important;\n font-size: var(--scb-card-size-link-font-size) !important;\n font-weight: var(--scb-card-size-link-font-weight) !important;\n line-height: var(--scb-card-size-link-line-height) !important;\n letter-spacing: var(--scb-card-size-link-letter-spacing) !important;\n --scb-link-font-size: var(--scb-card-size-link-font-size);\n --scb-link-font-weight: var(--scb-card-size-link-font-weight);\n --scb-link-line-height: var(--scb-card-size-link-line-height);\n --scb-link-letter-spacing: var(--scb-card-size-link-letter-spacing);\n }\n\n .scb-card .content.links ::slotted(a) {\n font-size: var(--scb-card-size-link-font-size) !important;\n line-height: var(--scb-card-size-link-line-height) !important;\n letter-spacing: var(--scb-card-size-link-letter-spacing) !important;\n }\n\n .scb-card .content.links ::slotted(scb-link) {\n --scb-link-font-size: var(--scb-card-size-link-font-size);\n --scb-link-line-height: var(--scb-card-size-link-line-height);\n --scb-link-letter-spacing: var(--scb-card-size-link-letter-spacing);\n }\n\n .scb-card:not(.filled):not(.filled-alternative) .content.list ::slotted(scb-list) {\n --scb-list-bg: var(--md-sys-color-surface, var(--nv-100));\n }\n\n .scb-card.filled .content.list ::slotted(scb-list) {\n --scb-list-bg: var(--md-sys-color-surface-dim, var(--nv-95));\n }\n\n .scb-card.filled-alternative .content.list ::slotted(scb-list) {\n --scb-list-bg: var(--md-sys-color-surface-container, var(--p-95));\n }\n";
|
|
3
|
+
var n = "\n .scb-card.no-hover,\n .scb-card.no-hover:hover,\n .scb-card.no-hover:active {\n box-shadow: none !important;\n cursor: default !important;\n }\n\n .scb-card.no-hover md-ripple {\n display: none !important;\n }\n\n :host([type='social']) .scb-card {\n overflow: visible;\n }\n\n .social-metrics a.comments,\n .social-metrics a.author {\n color: var(--scb-card-social-action-color, var(--md-sys-color-primary, var(--p-40)));\n text-decoration: none;\n border-radius: var(--radius-extra-small, 4px);\n cursor: pointer;\n outline: none;\n }\n\n .social-metrics a.comments:hover,\n .social-metrics a.comments:focus,\n .social-metrics a.author:hover,\n .social-metrics a.author:focus {\n color: var(--scb-card-social-action-color, var(--md-sys-color-primary, var(--p-40)));\n text-decoration: var(--scb-link-decoration, underline);\n text-decoration-skip-ink: none;\n text-underline-position: from-font;\n text-underline-offset: var(--scb-link-underline-offset, 0);\n text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));\n }\n\n .container-content {\n display: flex;\n flex-direction: column;\n gap: var(--scb-card-container-gap, var(--scb-card-size-container-gap));\n padding-block-start: var(--scb-card-container-padding-block-start, var(--scb-card-content-padding-block-start, var(--scb-card-size-content-padding-block)));\n padding-block-end: var(--scb-card-container-padding-block-end, var(--scb-card-content-padding-block-end, var(--scb-card-size-content-padding-block)));\n padding-inline-start: var(--scb-card-container-padding-inline-start, var(--scb-card-content-padding-inline-start, var(--scb-card-size-content-padding-inline)));\n padding-inline-end: var(--scb-card-container-padding-inline-end, var(--scb-card-content-padding-inline-end, var(--scb-card-size-content-padding-inline)));\n min-inline-size: 0;\n }\n\n .container-content.has-header {\n gap: var(--scb-card-container-gap-with-header, var(--scb-card-size-container-gap-with-header));\n }\n\n .container-content > .chip-slot {\n margin-block-end: 0;\n }\n\n .social-metrics {\n display: flex;\n margin-top: var(--scb-card-size-social-metrics-margin-top);\n gap: var(--scb-card-size-social-gap);\n flex-wrap: wrap;\n align-items: center;\n }\n\n .social-metrics .card-icon {\n width: var(--scb-card-size-social-icon);\n height: var(--scb-card-size-social-icon);\n font-size: var(--scb-card-size-social-icon-font-size, var(--scb-card-size-social-icon));\n vertical-align: middle;\n }\n\n .social-text {\n font-family: var(--scb-card-size-social-font-family);\n font-size: var(--scb-card-size-social-text);\n line-height: var(--scb-card-size-social-line-height);\n font-weight: var(--scb-card-size-social-font-weight);\n letter-spacing: var(--scb-card-size-social-letter-spacing);\n }\n\n .comments,\n .likes {\n display: flex;\n align-items: center;\n gap: var(--scb-card-size-social-item-gap);\n }\n\n .social-action {\n display: inline-flex;\n align-items: center;\n gap: var(--scb-card-size-social-action-gap);\n }\n\n .social-action .social-text {\n font-size: var(--scb-card-size-social-action-font-size, var(--scb-card-size-social-text));\n line-height: var(--scb-card-size-social-action-line-height, var(--scb-card-size-social-line-height));\n font-weight: var(--scb-card-size-social-action-font-weight, var(--scb-card-size-social-font-weight));\n letter-spacing: var(--scb-card-size-social-action-letter-spacing, var(--scb-card-size-social-letter-spacing));\n }\n\n .scb-card .content.list {\n margin-top: 0;\n }\n\n .scb-card .content.list.has-top-content {\n margin-top: var(--scb-card-size-list-offset);\n }\n\n .scb-card .content.list ::slotted(scb-list) {\n --scb-list-item-padding-block-small: var(--scb-cards-list-item-padding-block-small, var(--scb-card-size-list-item-padding-block));\n --scb-list-item-padding-block-medium: var(--scb-cards-list-item-padding-block-medium, var(--scb-card-size-list-item-padding-block));\n --scb-list-item-padding-block-large: var(--scb-cards-list-item-padding-block-large, var(--scb-card-size-list-item-padding-block));\n --scb-list-item-padding-inline: var(--scb-card-size-list-item-padding-inline);\n --scb-lists-text-small-font: var(--scb-cards-list-text-small-font, var(--scb-card-size-list-text-font-family));\n --scb-lists-text-small-size: var(--scb-cards-list-text-small-size, var(--scb-card-size-list-text-font-size));\n --scb-lists-text-small-line-height: var(--scb-cards-list-text-small-line-height, var(--scb-card-size-list-text-line-height));\n --scb-lists-text-small-letter-spacing: var(--scb-cards-list-text-small-letter-spacing, var(--scb-cards-list-text-small-tracking, var(--scb-card-size-list-text-letter-spacing)));\n --scb-lists-text-small-font-weight: var(--scb-cards-list-text-small-font-weight, var(--scb-cards-list-text-small-weight, var(--scb-card-size-list-text-font-weight)));\n --scb-lists-text-medium-font: var(--scb-cards-list-text-medium-font, var(--scb-card-size-list-text-font-family));\n --scb-lists-text-medium-size: var(--scb-cards-list-text-medium-size, var(--scb-card-size-list-text-font-size));\n --scb-lists-text-medium-line-height: var(--scb-cards-list-text-medium-line-height, var(--scb-card-size-list-text-line-height));\n --scb-lists-text-medium-letter-spacing: var(--scb-cards-list-text-medium-letter-spacing, var(--scb-cards-list-text-medium-tracking, var(--scb-card-size-list-text-letter-spacing)));\n --scb-lists-text-medium-font-weight: var(--scb-cards-list-text-medium-font-weight, var(--scb-cards-list-text-medium-weight, var(--scb-card-size-list-text-font-weight)));\n --scb-lists-text-large-font: var(--scb-cards-list-text-large-font, var(--scb-card-size-list-text-font-family));\n --scb-lists-text-large-size: var(--scb-cards-list-text-large-size, var(--scb-card-size-list-text-font-size));\n --scb-lists-text-large-line-height: var(--scb-cards-list-text-large-line-height, var(--scb-card-size-list-text-line-height));\n --scb-lists-text-large-letter-spacing: var(--scb-cards-list-text-large-letter-spacing, var(--scb-cards-list-text-large-tracking, var(--scb-card-size-list-text-letter-spacing)));\n --scb-lists-text-large-font-weight: var(--scb-cards-list-text-large-font-weight, var(--scb-cards-list-text-large-weight, var(--scb-card-size-list-text-font-weight)));\n --scb-lists-supporting-small-font: var(--scb-cards-list-supporting-small-font, var(--scb-card-size-list-supporting-font-family));\n --scb-lists-supporting-small-size: var(--scb-cards-list-supporting-small-size, var(--scb-card-size-list-supporting-font-size));\n --scb-lists-supporting-small-line-height: var(--scb-cards-list-supporting-small-line-height, var(--scb-card-size-list-supporting-line-height));\n --scb-lists-supporting-small-letter-spacing: var(--scb-cards-list-supporting-small-letter-spacing, var(--scb-cards-list-supporting-small-tracking, var(--scb-card-size-list-supporting-letter-spacing)));\n --scb-lists-supporting-small-font-weight: var(--scb-cards-list-supporting-small-font-weight, var(--scb-cards-list-supporting-small-weight, var(--scb-card-size-list-supporting-font-weight)));\n --scb-lists-supporting-medium-font: var(--scb-cards-list-supporting-medium-font, var(--scb-card-size-list-supporting-font-family));\n --scb-lists-supporting-medium-size: var(--scb-cards-list-supporting-medium-size, var(--scb-card-size-list-supporting-font-size));\n --scb-lists-supporting-medium-line-height: var(--scb-cards-list-supporting-medium-line-height, var(--scb-card-size-list-supporting-line-height));\n --scb-lists-supporting-medium-letter-spacing: var(--scb-cards-list-supporting-medium-letter-spacing, var(--scb-cards-list-supporting-medium-tracking, var(--scb-card-size-list-supporting-letter-spacing)));\n --scb-lists-supporting-medium-font-weight: var(--scb-cards-list-supporting-medium-font-weight, var(--scb-cards-list-supporting-medium-weight, var(--scb-card-size-list-supporting-font-weight)));\n --scb-lists-supporting-large-font: var(--scb-cards-list-supporting-large-font, var(--scb-card-size-list-supporting-font-family));\n --scb-lists-supporting-large-size: var(--scb-cards-list-supporting-large-size, var(--scb-card-size-list-supporting-font-size));\n --scb-lists-supporting-large-line-height: var(--scb-cards-list-supporting-large-line-height, var(--scb-card-size-list-supporting-line-height));\n --scb-lists-supporting-large-letter-spacing: var(--scb-cards-list-supporting-large-letter-spacing, var(--scb-cards-list-supporting-large-tracking, var(--scb-card-size-list-supporting-letter-spacing)));\n --scb-lists-supporting-large-font-weight: var(--scb-cards-list-supporting-large-font-weight, var(--scb-cards-list-supporting-large-weight, var(--scb-card-size-list-supporting-font-weight)));\n }\n\n .scb-card .content.actions ::slotted(*) {\n margin-top: var(--scb-card-size-actions-offset);\n display: flex;\n flex-wrap: wrap;\n gap: var(--scb-card-size-actions-gap);\n }\n\n .scb-card .content.links {\n margin-top: var(--scb-card-size-links-offset);\n font-family: var(--scb-card-size-link-font-family);\n font-size: var(--scb-card-size-link-font-size);\n font-weight: var(--scb-card-size-link-font-weight);\n line-height: var(--scb-card-size-link-line-height);\n letter-spacing: var(--scb-card-size-link-letter-spacing);\n }\n\n .scb-card .content.links ::slotted(a),\n .scb-card .content.links ::slotted(scb-link) {\n display: block;\n margin-block-start: var(--scb-card-size-links-item-offset);\n }\n\n .scb-card .content.links ::slotted(*) {\n color: inherit;\n font-family: var(--scb-card-size-link-font-family) !important;\n font-size: var(--scb-card-size-link-font-size) !important;\n font-weight: var(--scb-card-size-link-font-weight) !important;\n line-height: var(--scb-card-size-link-line-height) !important;\n letter-spacing: var(--scb-card-size-link-letter-spacing) !important;\n --scb-link-font-size: var(--scb-card-size-link-font-size);\n --scb-link-font-weight: var(--scb-card-size-link-font-weight);\n --scb-link-line-height: var(--scb-card-size-link-line-height);\n --scb-link-letter-spacing: var(--scb-card-size-link-letter-spacing);\n }\n\n .scb-card .content.links ::slotted(a) {\n font-size: var(--scb-card-size-link-font-size) !important;\n line-height: var(--scb-card-size-link-line-height) !important;\n letter-spacing: var(--scb-card-size-link-letter-spacing) !important;\n }\n\n .scb-card .content.links ::slotted(scb-link) {\n --scb-link-font-size: var(--scb-card-size-link-font-size);\n --scb-link-line-height: var(--scb-card-size-link-line-height);\n --scb-link-letter-spacing: var(--scb-card-size-link-letter-spacing);\n }\n\n .scb-card:not(.filled):not(.filled-alternative) .content.list ::slotted(scb-list) {\n --scb-list-bg: var(--md-sys-color-surface, var(--nv-100));\n }\n\n .scb-card.filled .content.list ::slotted(scb-list) {\n --scb-list-bg: var(--md-sys-color-surface-dim, var(--nv-95));\n }\n\n .scb-card.filled-alternative .content.list ::slotted(scb-list) {\n --scb-list-bg: var(--md-sys-color-surface-container, var(--p-95));\n }\n";
|
|
4
4
|
function r(e) {
|
|
5
5
|
if (!(e instanceof ShadowRoot) || e.querySelector("style[data-scb-card-variants]")) return;
|
|
6
6
|
let t = document.createElement("style");
|
package/scb-link/scb-link.js
CHANGED
|
@@ -45,8 +45,9 @@ var c = class extends n {
|
|
|
45
45
|
a {
|
|
46
46
|
position: relative;
|
|
47
47
|
text-decoration: var(--scb-link-decoration, underline);
|
|
48
|
-
text-decoration-skip-ink:
|
|
49
|
-
text-underline-
|
|
48
|
+
text-decoration-skip-ink: none;
|
|
49
|
+
text-underline-position: from-font;
|
|
50
|
+
text-underline-offset: var(--scb-link-underline-offset, 0);
|
|
50
51
|
text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));
|
|
51
52
|
|
|
52
53
|
color: var(--scb-link-color, var(--md-sys-color-primary));
|
|
@@ -67,8 +67,9 @@ var c = class extends n {
|
|
|
67
67
|
.label {
|
|
68
68
|
color: inherit;
|
|
69
69
|
text-decoration: underline;
|
|
70
|
-
text-decoration-skip-ink:
|
|
71
|
-
text-underline-
|
|
70
|
+
text-decoration-skip-ink: none;
|
|
71
|
+
text-underline-position: from-font;
|
|
72
|
+
text-underline-offset: var(--scb-link-underline-offset, 0);
|
|
72
73
|
text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));
|
|
73
74
|
transition:
|
|
74
75
|
color var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease),
|
|
@@ -506,9 +506,10 @@ var l = {
|
|
|
506
506
|
line-height: var(--scb-notification-footer-line-height);
|
|
507
507
|
letter-spacing: var(--scb-notification-footer-letter-spacing);
|
|
508
508
|
text-decoration: underline;
|
|
509
|
-
text-decoration-skip-ink:
|
|
509
|
+
text-decoration-skip-ink: none;
|
|
510
|
+
text-underline-position: from-font;
|
|
510
511
|
text-decoration-thickness: 1px;
|
|
511
|
-
text-underline-offset:
|
|
512
|
+
text-underline-offset: 0;
|
|
512
513
|
}
|
|
513
514
|
|
|
514
515
|
.notification-footer ::slotted(scb-link) {
|
package/scb-toc/scb-toc-item.js
CHANGED
|
@@ -216,9 +216,10 @@ var l, u = class extends r {
|
|
|
216
216
|
line-height: var(--scb-toc-item-label-line-height);
|
|
217
217
|
letter-spacing: var(--scb-toc-item-label-tracking);
|
|
218
218
|
text-decoration: underline;
|
|
219
|
-
text-decoration-skip-ink:
|
|
219
|
+
text-decoration-skip-ink: none;
|
|
220
|
+
text-underline-position: from-font;
|
|
220
221
|
text-decoration-thickness: 1px;
|
|
221
|
-
text-underline-offset:
|
|
222
|
+
text-underline-offset: 0;
|
|
222
223
|
margin-bottom: var(--scb-toc-item-label-margin-bottom);
|
|
223
224
|
}
|
|
224
225
|
|
package/scb-typography.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html{color:var(--md-sys-color-on-surface)}h1,h2,h3,h4,h5,h6,ol,p,ul{color:inherit}h1{font-family:var(--scb-typography-display-large-font, var(--md-sys-typescale-display-large-font));font-size:var(--scb-typography-display-large-size, var(--md-sys-typescale-display-large-size));line-height:var(--scb-typography-display-large-line-height, var(--md-sys-typescale-display-large-line-height));font-weight:var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight));letter-spacing:var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking));margin-block-start:var(--scb-typography-display-large-margin-top, 0);margin-block-end:var(--scb-typography-display-large-gutter, 0.6em)}h2{font-family:var(--scb-typography-display-medium-font, var(--md-sys-typescale-display-medium-font));font-size:var(--scb-typography-display-medium-size, var(--md-sys-typescale-display-medium-size));line-height:var(--scb-typography-display-medium-line-height, var(--md-sys-typescale-display-medium-line-height));font-weight:var(--scb-typography-display-medium-weight, var(--md-sys-typescale-display-medium-weight));letter-spacing:var(--scb-typography-display-medium-tracking, var(--md-sys-typescale-display-medium-tracking));margin-block-start:var(--scb-typography-display-medium-margin-top, 0);margin-block-end:var(--scb-typography-display-medium-gutter, 0.6em)}h3{font-family:var(--scb-typography-headline-large-font, var(--md-sys-typescale-headline-large-font));font-size:var(--scb-typography-headline-large-size, var(--md-sys-typescale-headline-large-size));line-height:var(--scb-typography-headline-large-line-height, var(--md-sys-typescale-headline-large-line-height));font-weight:var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight));letter-spacing:var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking));margin-block-start:var(--scb-typography-headline-large-margin-top, 0);margin-block-end:var(--scb-typography-headline-large-gutter, 0.6em)}h4,h5,h6{font-family:var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font));font-size:var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size));line-height:var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height));font-weight:var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight));letter-spacing:var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking));margin-block-start:var(--scb-typography-headline-medium-margin-top, 0);margin-block-end:var(--scb-typography-headline-medium-gutter, 0.6em)}html,ol,p,ul{font-family:var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font))}ol,p,ul{font-size:var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size));line-height:var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight));letter-spacing:var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-body-large-margin-top, 0);margin-block-end:var(--scb-typography-body-large-gutter, 1em)}:where(label){color:inherit;font-family:var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font));font-size:var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size));line-height:var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height));font-weight:var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight));letter-spacing:var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-label-large-margin-top, 0);margin-block-end:var(--scb-typography-label-large-gutter, 0)}li{margin-block:0}li+li{margin-block-start:var(--spacing-2, 4px)}a{text-decoration:var(--scb-link-decoration, underline);text-decoration-skip-ink:
|
|
1
|
+
html{color:var(--md-sys-color-on-surface)}h1,h2,h3,h4,h5,h6,ol,p,ul{color:inherit}h1{font-family:var(--scb-typography-display-large-font, var(--md-sys-typescale-display-large-font));font-size:var(--scb-typography-display-large-size, var(--md-sys-typescale-display-large-size));line-height:var(--scb-typography-display-large-line-height, var(--md-sys-typescale-display-large-line-height));font-weight:var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight));letter-spacing:var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking));margin-block-start:var(--scb-typography-display-large-margin-top, 0);margin-block-end:var(--scb-typography-display-large-gutter, 0.6em)}h2{font-family:var(--scb-typography-display-medium-font, var(--md-sys-typescale-display-medium-font));font-size:var(--scb-typography-display-medium-size, var(--md-sys-typescale-display-medium-size));line-height:var(--scb-typography-display-medium-line-height, var(--md-sys-typescale-display-medium-line-height));font-weight:var(--scb-typography-display-medium-weight, var(--md-sys-typescale-display-medium-weight));letter-spacing:var(--scb-typography-display-medium-tracking, var(--md-sys-typescale-display-medium-tracking));margin-block-start:var(--scb-typography-display-medium-margin-top, 0);margin-block-end:var(--scb-typography-display-medium-gutter, 0.6em)}h3{font-family:var(--scb-typography-headline-large-font, var(--md-sys-typescale-headline-large-font));font-size:var(--scb-typography-headline-large-size, var(--md-sys-typescale-headline-large-size));line-height:var(--scb-typography-headline-large-line-height, var(--md-sys-typescale-headline-large-line-height));font-weight:var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight));letter-spacing:var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking));margin-block-start:var(--scb-typography-headline-large-margin-top, 0);margin-block-end:var(--scb-typography-headline-large-gutter, 0.6em)}h4,h5,h6{font-family:var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font));font-size:var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size));line-height:var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height));font-weight:var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight));letter-spacing:var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking));margin-block-start:var(--scb-typography-headline-medium-margin-top, 0);margin-block-end:var(--scb-typography-headline-medium-gutter, 0.6em)}html,ol,p,ul{font-family:var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font))}ol,p,ul{font-size:var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size));line-height:var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight));letter-spacing:var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-body-large-margin-top, 0);margin-block-end:var(--scb-typography-body-large-gutter, 1em)}:where(label){color:inherit;font-family:var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font));font-size:var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size));line-height:var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height));font-weight:var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight));letter-spacing:var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking));font-style:normal;margin-block-start:var(--scb-typography-label-large-margin-top, 0);margin-block-end:var(--scb-typography-label-large-gutter, 0)}li{margin-block:0}li+li{margin-block-start:var(--spacing-2, 4px)}a{text-decoration:var(--scb-link-decoration, underline);text-decoration-skip-ink:none;text-underline-position:from-font;text-underline-offset:var(--scb-link-underline-offset, 0);text-decoration-thickness:var(--scb-link-underline-thickness, var(--stroke-border, 1px));color:var(--scb-link-color, var(--md-sys-color-primary))}a:active,a:hover{color:var(--scb-link-state-color, var(--md-sys-color-on-surface));text-decoration-thickness:var(--scb-link-hover-thickness, 2px)}a:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px);border-radius:var(--scb-link-focus-radius, var(--radius-extra-small, 4px))}
|
package/scb-wc.bundle.js
CHANGED
|
@@ -2897,8 +2897,9 @@
|
|
|
2897
2897
|
a {
|
|
2898
2898
|
position: relative;
|
|
2899
2899
|
text-decoration: var(--scb-link-decoration, underline);
|
|
2900
|
-
text-decoration-skip-ink:
|
|
2901
|
-
text-underline-
|
|
2900
|
+
text-decoration-skip-ink: none;
|
|
2901
|
+
text-underline-position: from-font;
|
|
2902
|
+
text-underline-offset: var(--scb-link-underline-offset, 0);
|
|
2902
2903
|
text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));
|
|
2903
2904
|
|
|
2904
2905
|
color: var(--scb-link-color, var(--md-sys-color-primary));
|
|
@@ -3524,8 +3525,9 @@
|
|
|
3524
3525
|
.social-metrics a.author:focus {
|
|
3525
3526
|
color: var(--scb-card-social-action-color, var(--md-sys-color-primary, var(--p-40)));
|
|
3526
3527
|
text-decoration: var(--scb-link-decoration, underline);
|
|
3527
|
-
text-decoration-skip-ink:
|
|
3528
|
-
text-underline-
|
|
3528
|
+
text-decoration-skip-ink: none;
|
|
3529
|
+
text-underline-position: from-font;
|
|
3530
|
+
text-underline-offset: var(--scb-link-underline-offset, 0);
|
|
3529
3531
|
text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));
|
|
3530
3532
|
}
|
|
3531
3533
|
|
|
@@ -11078,9 +11080,10 @@
|
|
|
11078
11080
|
line-height: var(--scb-notification-footer-line-height);
|
|
11079
11081
|
letter-spacing: var(--scb-notification-footer-letter-spacing);
|
|
11080
11082
|
text-decoration: underline;
|
|
11081
|
-
text-decoration-skip-ink:
|
|
11083
|
+
text-decoration-skip-ink: none;
|
|
11084
|
+
text-underline-position: from-font;
|
|
11082
11085
|
text-decoration-thickness: 1px;
|
|
11083
|
-
text-underline-offset:
|
|
11086
|
+
text-underline-offset: 0;
|
|
11084
11087
|
}
|
|
11085
11088
|
|
|
11086
11089
|
.notification-footer ::slotted(scb-link) {
|
|
@@ -11227,8 +11230,9 @@
|
|
|
11227
11230
|
}
|
|
11228
11231
|
|
|
11229
11232
|
::slotted(a) {
|
|
11230
|
-
text-decoration-skip-ink:
|
|
11231
|
-
text-underline-
|
|
11233
|
+
text-decoration-skip-ink: none;
|
|
11234
|
+
text-underline-position: from-font;
|
|
11235
|
+
text-underline-offset: 0;
|
|
11232
11236
|
}
|
|
11233
11237
|
|
|
11234
11238
|
::slotted(scb-link) {
|
|
@@ -14138,8 +14142,9 @@
|
|
|
14138
14142
|
.label {
|
|
14139
14143
|
color: inherit;
|
|
14140
14144
|
text-decoration: underline;
|
|
14141
|
-
text-decoration-skip-ink:
|
|
14142
|
-
text-underline-
|
|
14145
|
+
text-decoration-skip-ink: none;
|
|
14146
|
+
text-underline-position: from-font;
|
|
14147
|
+
text-underline-offset: var(--scb-link-underline-offset, 0);
|
|
14143
14148
|
text-decoration-thickness: var(--scb-link-underline-thickness, var(--stroke-border, 1px));
|
|
14144
14149
|
transition:
|
|
14145
14150
|
color var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease),
|
|
@@ -17535,9 +17540,10 @@
|
|
|
17535
17540
|
line-height: var(--scb-toc-item-label-line-height);
|
|
17536
17541
|
letter-spacing: var(--scb-toc-item-label-tracking);
|
|
17537
17542
|
text-decoration: underline;
|
|
17538
|
-
text-decoration-skip-ink:
|
|
17543
|
+
text-decoration-skip-ink: none;
|
|
17544
|
+
text-underline-position: from-font;
|
|
17539
17545
|
text-decoration-thickness: 1px;
|
|
17540
|
-
text-underline-offset:
|
|
17546
|
+
text-underline-offset: 0;
|
|
17541
17547
|
margin-bottom: var(--scb-toc-item-label-margin-bottom);
|
|
17542
17548
|
}
|
|
17543
17549
|
|