scb-wc 0.1.203 → 0.1.205
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-breadcrumb/scb-breadcrumb-item.js +2 -2
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +3 -3
- package/mvc/components/scb-footer/scb-footer.js +8 -8
- package/mvc/components/scb-link/scb-link.js +2 -2
- package/package.json +2 -2
- package/scb-breadcrumb/scb-breadcrumb-item.js +3 -0
- package/scb-breadcrumb/scb-breadcrumb.js +3 -0
- package/scb-footer/scb-footer.js +2 -0
- package/scb-link/scb-link.js +12 -3
- package/scb-wc.bundle.js +20 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as d,m,p as
|
|
1
|
+
import{h as d,m as l,p as c,v as s,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t}from"../../vendor/decorate.js";import"../scb-link/scb-link.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,o,u){try{customElements.get(a)||r(a,o,u)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var e=class extends d{constructor(...r){super(...r),this.label="",this.isCurrent=!1,this.href=""}connectedCallback(){if(super.connectedCallback(),this.hasAttribute("current")&&!this.hasAttribute("is-current")&&(this.isCurrent=!0),!this.href){const r=this.getAttribute("href");r&&(this.href=r)}}static get styles(){return m`:host{--scb-breadcrumb-link-font-family:var(--scb-breadcrumb-link-text-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-breadcrumb-link-font-size:var(--scb-breadcrumb-link-text-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-breadcrumb-link-line-height:var(--scb-breadcrumb-link-text-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-breadcrumb-link-letter-spacing:var(--scb-breadcrumb-link-text-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0)));--scb-breadcrumb-link-font-weight:var(--scb-breadcrumb-link-text-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-breadcrumb-current-font-family:var(--scb-breadcrumb-current-text-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-breadcrumb-current-font-size:var(--scb-breadcrumb-current-text-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-breadcrumb-current-line-height:var(--scb-breadcrumb-current-text-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-breadcrumb-current-letter-spacing:var(--scb-breadcrumb-current-text-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0)));--scb-breadcrumb-current-font-weight:var(--scb-breadcrumb-current-text-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-link-font-size:var(--scb-breadcrumb-link-font-size);--scb-link-line-height:var(--scb-breadcrumb-link-line-height);--scb-link-letter-spacing:var(--scb-breadcrumb-link-letter-spacing);--scb-link-font-weight:var(--scb-breadcrumb-link-font-weight);font-family:var(--scb-breadcrumb-link-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-breadcrumb-link-font-size);line-height:var(--scb-breadcrumb-link-line-height);letter-spacing:var(--scb-breadcrumb-link-letter-spacing);font-weight:var(--scb-breadcrumb-link-font-weight)}scb-link{--scb-link-color:var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));--scb-link-visited-color:var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));--scb-link-state-color:var(--scb-breadcrumb-link-state-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));--scb-link-focus-color:var(--scb-breadcrumb-link-focus-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)))}.breadcrumb-separator{margin:var(--spacing-0) var(--spacing-3);color:var(--scb-breadcrumb-separator-color, var(--md-sys-color-on-surface));font:inherit;letter-spacing:inherit}.breadcrumb-current{color:var(--scb-breadcrumb-current-color, var(--md-sys-color-on-surface));font-family:var(--scb-breadcrumb-current-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-breadcrumb-current-font-size);font-weight:var(--scb-breadcrumb-current-font-weight);line-height:var(--scb-breadcrumb-current-line-height);letter-spacing:var(--scb-breadcrumb-current-letter-spacing)}.breadcrumb-current ::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}`}getLabelContent(){return this.label||s`<slot></slot>`}updated(r){r.has("isCurrent")&&(this.dispatchEvent(new CustomEvent("current-changed",{detail:{isCurrent:this.isCurrent},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("currentchanged",{detail:{isCurrent:this.isCurrent,value:this.isCurrent},bubbles:!0,composed:!0})))}render(){const r=this.getLabelContent();return!0===this.isCurrent?s`<span class="breadcrumb-current">${r}</span>`:s`
|
|
2
2
|
<scb-link href="${this.href||this.getAttribute("href")||""}">${r}</scb-link>
|
|
3
3
|
<span class="breadcrumb-separator">/</span>
|
|
4
|
-
`}};t([
|
|
4
|
+
`}};t([c({type:String})],e.prototype,"label",void 0);t([c({type:Boolean,attribute:"is-current",reflect:!0})],e.prototype,"isCurrent",void 0);t([c({type:String,attribute:"item-href"})],e.prototype,"href",void 0);e=t([l("scb-breadcrumb-item")],e);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/attachable-controller.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{h as k,m as w,p as l,v as u,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/preload-helper.js";import{t as
|
|
2
|
+
import{h as k,m as w,p as l,v as u,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/preload-helper.js";import{t as n}from"../../vendor/decorate.js";import{t as f}from"../../vendor/assertClassBrand.js";import{t as z}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-link/scb-link.js";import"./scb-breadcrumb-item.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(r,s,m){try{customElements.get(r)||e(r,s,m)}catch(t){var o=String(t||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var p,y,A=()=>{customElements.get("md-focus-ring")||(y??(y=_(()=>import("../../vendor/md-focus-ring.js").then(b=>b.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)))},c=(p=new WeakSet,class extends k{constructor(...e){super(...e),z(this,p),this.showAll=!1,this.currentIndex=void 0,this.showAllLabel="Visa alla",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}static get styles(){return x`@keyframes fadeInBreadcrumb{to{opacity:1;transform:translateY(0)}}:host{display:block;box-sizing:border-box;--scb-breadcrumb-link-font-family:var(--scb-breadcrumb-link-text-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-breadcrumb-link-font-size:var(--scb-breadcrumb-font-size, var(--scb-breadcrumb-link-text-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-breadcrumb-link-line-height:var(--scb-breadcrumb-line-height, var(--scb-breadcrumb-link-text-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-breadcrumb-link-letter-spacing:var(--scb-breadcrumb-letter-spacing, var(--scb-breadcrumb-link-text-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0))));--scb-breadcrumb-link-font-weight:var(--scb-breadcrumb-font-weight, var(--scb-breadcrumb-link-text-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-breadcrumb-current-font-family:var(--scb-breadcrumb-current-text-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-breadcrumb-current-font-size:var(--scb-breadcrumb-font-size, var(--scb-breadcrumb-current-text-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-breadcrumb-current-line-height:var(--scb-breadcrumb-line-height, var(--scb-breadcrumb-current-text-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-breadcrumb-current-letter-spacing:var(--scb-breadcrumb-letter-spacing, var(--scb-breadcrumb-current-text-letter-spacing, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0))));--scb-breadcrumb-current-font-weight:var(--scb-breadcrumb-font-weight, var(--scb-breadcrumb-current-text-font-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-breadcrumb-icon-size-current:var(--scb-breadcrumb-icon-size, var(--icon-size-medium, 24px));--scb-breadcrumb-min-block-size-current:var(--scb-breadcrumb-min-block-size, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-breadcrumb-gap-current:var(--scb-breadcrumb-gap, var(--spacing-3, 8px));--scb-link-font-size:var(--scb-breadcrumb-link-font-size);--scb-link-line-height:var(--scb-breadcrumb-link-line-height);--scb-link-letter-spacing:var(--scb-breadcrumb-link-letter-spacing);--scb-link-font-weight:var(--scb-breadcrumb-link-font-weight);min-block-size:var(--scb-breadcrumb-min-block-size-current,
|
|
3
3
|
calc(
|
|
4
4
|
var(--scb-breadcrumb-line-height) +
|
|
5
5
|
var(--scb-breadcrumb-gap-current)
|
|
6
6
|
)
|
|
7
|
-
);margin-block-start:var(--scb-breadcrumb-spacing-block-start, 0);margin-block-end:var(--scb-breadcrumb-spacing-block-end, 0);margin-inline-start:var(--scb-breadcrumb-spacing-inline-start, 0);margin-inline-end:var(--scb-breadcrumb-spacing-inline-end, 0)}scb-link{--scb-link-color:var(--scb-breadcrumb-link-color, var(--md-sys-color-primary))}.scb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-family:var(--scb-breadcrumb-link-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-breadcrumb-font-size, var(--scb-breadcrumb-link-font-size));line-height:var(--scb-breadcrumb-line-height, var(--scb-breadcrumb-link-line-height));letter-spacing:var(--scb-breadcrumb-letter-spacing, var(--scb-breadcrumb-link-letter-spacing));font-weight:var(--scb-breadcrumb-font-weight, var(--scb-breadcrumb-link-font-weight))}.breadcrumb-item{display:inline-flex;align-items:center;font:inherit;letter-spacing:inherit}.breadcrumb-separator{margin:var(--spacing-0) var(--scb-breadcrumb-gap-current);color:var(--scb-breadcrumb-separator-color, var(--md-sys-color-on-surface));font:inherit;letter-spacing:inherit}.breadcrumb-current{color:var(--scb-breadcrumb-current-color, var(--md-sys-color-on-surface));font-family:var(--scb-breadcrumb-current-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-breadcrumb-current-font-size);font-weight:var(--scb-breadcrumb-current-font-weight);line-height:var(--scb-breadcrumb-current-line-height);letter-spacing:var(--scb-breadcrumb-current-letter-spacing)}.ellipsis{cursor:pointer;display:inline-flex;color:var(--scb-breadcrumb-ellipsis-color, var(--md-sys-color-primary));position:relative;font:inherit;letter-spacing:inherit}.ellipsis:focus{outline:0}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-card-focus-ring-radius,
|
|
7
|
+
);margin-block-start:var(--scb-breadcrumb-spacing-block-start, 0);margin-block-end:var(--scb-breadcrumb-spacing-block-end, 0);margin-inline-start:var(--scb-breadcrumb-spacing-inline-start, 0);margin-inline-end:var(--scb-breadcrumb-spacing-inline-end, 0)}scb-link{--scb-link-color:var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));--scb-link-visited-color:var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));--scb-link-state-color:var(--scb-breadcrumb-link-state-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));--scb-link-focus-color:var(--scb-breadcrumb-link-focus-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)))}.scb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-family:var(--scb-breadcrumb-link-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-breadcrumb-font-size, var(--scb-breadcrumb-link-font-size));line-height:var(--scb-breadcrumb-line-height, var(--scb-breadcrumb-link-line-height));letter-spacing:var(--scb-breadcrumb-letter-spacing, var(--scb-breadcrumb-link-letter-spacing));font-weight:var(--scb-breadcrumb-font-weight, var(--scb-breadcrumb-link-font-weight))}.breadcrumb-item{display:inline-flex;align-items:center;font:inherit;letter-spacing:inherit}.breadcrumb-separator{margin:var(--spacing-0) var(--scb-breadcrumb-gap-current);color:var(--scb-breadcrumb-separator-color, var(--md-sys-color-on-surface));font:inherit;letter-spacing:inherit}.breadcrumb-current{color:var(--scb-breadcrumb-current-color, var(--md-sys-color-on-surface));font-family:var(--scb-breadcrumb-current-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-breadcrumb-current-font-size);font-weight:var(--scb-breadcrumb-current-font-weight);line-height:var(--scb-breadcrumb-current-line-height);letter-spacing:var(--scb-breadcrumb-current-letter-spacing)}.ellipsis{cursor:pointer;display:inline-flex;color:var(--scb-breadcrumb-ellipsis-color, var(--md-sys-color-primary));position:relative;font:inherit;letter-spacing:inherit}.ellipsis:focus{outline:0}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-card-focus-ring-radius,
|
|
8
8
|
var(--md-sys-shape-corner-large)
|
|
9
9
|
)}.ellipsis:focus md-focus-ring{display:block}.breadcrumb-animate{opacity:0;transform:translateY(10px);animation:fadeInBreadcrumb .4s cubic-bezier(.4,0,.2,1) forwards}.breadcrumb-icon{display:inline-block;inline-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-breadcrumb-icon-size-current);line-height:1;text-align:center;white-space:nowrap;text-transform:none;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}`}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","item-href","href","is-current","current"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){f(p,this,v).call(this)}updated(e){e.has("showAll")&&(this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("showallchanged",{detail:{showAll:this.showAll,value:this.showAll},bubbles:!0,composed:!0}))),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&f(p,this,v).call(this)}mapSpacingToken(e){if(!e)return;const r=String(e).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded .breadcrumb-item");e&&(e.forEach((r,s)=>{r.classList.add("breadcrumb-animate"),r.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(r=>{r.classList.remove("breadcrumb-animate"),r.style.animationDelay=""})},600))}))}getItemLabel(e){const r=e.label;if(typeof r=="string"&&r.trim())return r;const s=e.getAttribute("label");return s?.trim()?s:e.textContent?.trim()??""}getItemHref(e){const r=e;return typeof r.itemHref=="string"?r.itemHref:typeof r.href=="string"?r.href:e.getAttribute("item-href")??e.getAttribute("href")??""}render(){const e=Array.from(this.children).filter(t=>t.tagName.toLowerCase()==="scb-breadcrumb-item"),r=Math.max(0,e.length-1);let s=r;if(e.length>0){const t=typeof this.currentIndex=="number"&&!Number.isNaN(this.currentIndex)?Math.trunc(this.currentIndex):void 0;if(typeof t=="number"&&t>=0&&t<e.length)s=t;else for(let i=e.length-1;i>=0;i--){const a=e[i];if(typeof a.isCurrent=="boolean"?a.isCurrent:e[i].hasAttribute("is-current")||e[i].hasAttribute("current")){s=i;break}}e.forEach((i,a)=>{i.toggleAttribute("is-current",a===s)})}const m=e.length>6&&!this.showAll&&s===r,o=[];if(m){const t=e.slice(0,3),i=e.slice(-3);t.forEach((a,d)=>{o.push({type:"item",item:a,isCurrent:d===s})}),o.push({type:"ellipsis"}),i.forEach((a,d)=>{const h=e.length-3+d;o.push({type:"item",item:a,isCurrent:h===s})})}else e.forEach((t,i)=>{o.push({type:"item",item:t,isCurrent:i===s})});return u`
|
|
10
10
|
<div class="scb-breadcrumb ${m?"collapsed":"expanded"}">
|
|
@@ -32,4 +32,4 @@ import{h as k,m as w,p as l,v as u,y as x}from"../../vendor/vendor.js";import"..
|
|
|
32
32
|
</span>
|
|
33
33
|
`})}
|
|
34
34
|
</div>
|
|
35
|
-
`}});function v(){const b=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??b,r=this.mapSpacingToken(this.spacingBottom)??b,s=this.mapSpacingToken(this.spacingLeft),m=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-breadcrumb-spacing-block-start",e):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),r?this.style.setProperty("--scb-breadcrumb-spacing-block-end",r):this.style.removeProperty("--scb-breadcrumb-spacing-block-end"),s?this.style.setProperty("--scb-breadcrumb-spacing-inline-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-inline-start"),m?this.style.setProperty("--scb-breadcrumb-spacing-inline-end",m):this.style.removeProperty("--scb-breadcrumb-spacing-inline-end")}
|
|
35
|
+
`}});function v(){const b=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??b,r=this.mapSpacingToken(this.spacingBottom)??b,s=this.mapSpacingToken(this.spacingLeft),m=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-breadcrumb-spacing-block-start",e):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),r?this.style.setProperty("--scb-breadcrumb-spacing-block-end",r):this.style.removeProperty("--scb-breadcrumb-spacing-block-end"),s?this.style.setProperty("--scb-breadcrumb-spacing-inline-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-inline-start"),m?this.style.setProperty("--scb-breadcrumb-spacing-inline-end",m):this.style.removeProperty("--scb-breadcrumb-spacing-inline-end")}n([l({type:Boolean,attribute:"show-all",reflect:!0})],c.prototype,"showAll",void 0);n([l({type:Number,attribute:"current-index",reflect:!0})],c.prototype,"currentIndex",void 0);n([l({type:String,attribute:"show-all-label"})],c.prototype,"showAllLabel",void 0);n([l({type:String,reflect:!0})],c.prototype,"spacing",void 0);n([l({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);n([l({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);n([l({type:String,attribute:"spacing-left",reflect:!0})],c.prototype,"spacingLeft",void 0);n([l({type:String,attribute:"spacing-right",reflect:!0})],c.prototype,"spacingRight",void 0);c=n([w("scb-breadcrumb")],c);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as z,m as N,p as h,v as u,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{t as
|
|
1
|
+
import{h as z,m as N,p as h,v as u,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{t as o}from"../../vendor/assertClassBrand.js";import{t as B}from"../../vendor/classPrivateMethodInitSpec.js";import{n,r as v,t as p}from"../../vendor/classPrivateFieldGet2.js";import"../scb-link/scb-link.js";import"./scb-footer-section.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,s,i){try{customElements.get(a)||t(a,s,i)}catch(y){var d=String(y||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw y}}}}catch{}})();var g,f,b,m,x,r,k,O={fromAttribute(e){if(e===null)return!1;const t=e.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},c=(g=new WeakMap,f=new WeakMap,b=new WeakMap,m=new WeakMap,x=new WeakMap,r=new WeakSet,k=class extends z{constructor(...t){super(...t),B(this,r),v(this,g,void 0),v(this,f,void 0),v(this,b,void 0),v(this,m,void 0),v(this,x,void 0),this.maxWidth="1440px",this.deferPaint=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.sections=[],this.description="Statistikmyndigheten SCB förser samhället med statistik för beslutsfattande, debatt och forskning.",this.navigationLabel="Sidfot med länkar",n(g,this,null),n(f,this,""),n(m,this,!1),n(x,this,`scb-footer-${Math.random().toString(36).slice(2)}-sec`)}connectedCallback(){super.connectedCallback(),this.style.setProperty("--scb-footer-max-width",this.maxWidth),o(r,this,S).call(this),o(r,this,V).call(this,!0),o(r,this,W).call(this)}updated(t){t.has("maxWidth")&&this.style.setProperty("--scb-footer-max-width",this.maxWidth),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&o(r,this,S).call(this)}disconnectedCallback(){super.disconnectedCallback(),p(b,this)?.disconnect()}render(){const t=T.call(o(r,this));return u`
|
|
2
2
|
<footer class="outer" role="contentinfo">
|
|
3
3
|
<nav aria-label=${this.navigationLabel}>
|
|
4
4
|
<scb-grid
|
|
@@ -11,7 +11,7 @@ import{h as z,m as N,p as h,v as u,y as P}from"../../vendor/vendor.js";import"..
|
|
|
11
11
|
padding-block="0"
|
|
12
12
|
.maxWidth=${this.maxWidth}
|
|
13
13
|
>
|
|
14
|
-
${
|
|
14
|
+
${o(r,this,E).call(this,t)}
|
|
15
15
|
</scb-grid>
|
|
16
16
|
</nav>
|
|
17
17
|
|
|
@@ -30,26 +30,26 @@ import{h as z,m as N,p as h,v as u,y as P}from"../../vendor/vendor.js";import"..
|
|
|
30
30
|
</div>
|
|
31
31
|
</div>
|
|
32
32
|
</footer>
|
|
33
|
-
`}},
|
|
33
|
+
`}},k.styles=P`:host{display:block;color:var(--scb-footer-content-color, var(--p-100));background:var(--scb-footer-bg, var(--scb-footer-surface-color, var(--p-20)));margin-block-start:var(--scb-footer-spacing-block-start, 0);margin-block-end:var(--scb-footer-spacing-block-end, 0);--scb-footer-logo-aspect:48 / 54}.outer{display:flex;flex-direction:column;align-items:center;padding:var(--scb-footer-link-section-padding-block-start, var(--spacing-10, 48px))0 var(--scb-footer-link-section-padding-block-end, var(--spacing-5, 16px));gap:var(--scb-footer-link-section-gap, var(--spacing-4, 12px));align-self:stretch}:host([defer-paint]) .outer{content-visibility:auto;contain-intrinsic-size:var(--scb-footer-cis, 560px)}nav{width:100%}.group,ul{display:flex;flex-direction:column}.group{gap:var(--scb-footer-list-gap, var(--spacing-7, 24px));min-width:248px;flex:1 0 0;align-self:stretch}@media (min-width:840px){.group--centered{flex:0 1 248px;min-width:248px;max-width:320px}.group--centered .title{text-align:center}.group--centered,.group--centered ul{align-items:center;text-align:center}.group--centered scb-link::part(anchor){text-align:center}.center-row{display:flex;align-items:start;justify-content:center;flex-wrap:wrap;gap:var(--scb-footer-column-gap, var(--spacing-9, 40px));width:fit-content;max-width:100%;margin-inline:auto}}@media (max-width:599px){scb-grid-item:nth-child(n+2) .group{margin-top:var(--scb-footer-list-gap, var(--spacing-7, 24px))}}@media (min-width:600px) and (max-width:839px){scb-grid-item:nth-child(n+3) .group{margin-top:var(--scb-footer-list-gap, var(--spacing-7, 24px))}}.title{margin:0;color:var(--scb-footer-content-color, var(--p-100));font-family:var(--scb-footer-title-font, var(--brand-font));font-size:var(--scb-footer-title-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size)));line-height:var(--scb-footer-title-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height)));letter-spacing:var(--scb-footer-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking)));font-weight:var(--scb-footer-title-weight, var(--weight-semibold));align-self:stretch}ul{list-style:none;margin:0;padding:0;gap:var(--scb-footer-link-gap, var(--spacing-5, 16px))}scb-link{--scb-link-color:var(--scb-footer-link-color, var(--p-100));--scb-link-visited-color:var(--scb-footer-link-color, var(--p-100));--scb-link-state-color:var(--scb-footer-link-state-color, var(--scb-footer-link-color, var(--p-100)));--scb-link-focus-color:var(--scb-footer-link-focus-color, var(--scb-footer-link-color, var(--p-100)))}scb-link::part(anchor){font-family:var(--scb-footer-link-font, var(--brand-font));font-size:var(--scb-footer-link-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));line-height:var(--scb-footer-link-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));font-weight:var(--scb-footer-link-weight, var(--weight-regular));letter-spacing:var(--scb-footer-link-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, -0.15px)))}.brand,.brand-inner{display:flex;flex-direction:column;align-items:center;gap:var(--scb-footer-brand-gap, var(--spacing-5, 16px))}.brand{align-self:stretch;padding:var(--scb-footer-brand-padding-block, var(--spacing-9, 40px)) var(--scb-footer-brand-padding-inline, var(--spacing-8, 32px))}.brand-inner{width:100%;max-width:var(--scb-footer-max-width, 1440px);margin-inline:auto}.logo{display:block;color:var(--scb-footer-brand-asset-fill, var(--scb-footer-brand-color, var(--scb-special-brand-asset-fill)));inline-size:var(--scb-footer-logo-width, var(--scale-11, 48px));block-size:calc(var(--scb-footer-logo-width, var(--scale-11, 48px))*(54/48));aspect-ratio:var(--scb-footer-logo-aspect)}.desc{margin:0;text-align:center;opacity:.9;font-family:var(--scb-footer-description-font, var(--brand-font));font-size:var(--scb-footer-description-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));line-height:var(--scb-footer-description-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));font-weight:var(--scb-footer-description-weight, var(--weight-regular));letter-spacing:var(--scb-footer-description-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, -0.15px)));color:var(--scb-footer-content-color, var(--p-100));width:min(100%,312px);overflow-wrap:anywhere}@media (min-width:600px){.desc{width:min(100%,376px)}}.spacer{display:none}@media (min-width:840px){.spacer{display:block}}`,k);function C(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}function S(){const e=o(r,this,C).call(this,this.spacing),t=o(r,this,C).call(this,this.spacingTop)??e,a=o(r,this,C).call(this,this.spacingBottom)??e;t?this.style.setProperty("--scb-footer-spacing-block-start",t):this.style.removeProperty("--scb-footer-spacing-block-start"),a?this.style.setProperty("--scb-footer-spacing-block-end",a):this.style.removeProperty("--scb-footer-spacing-block-end")}function W(){p(b,this)?.disconnect(),n(b,this,new MutationObserver(e=>{for(const t of e){if(t.type==="childList"){const a=[...t.addedNodes].some(i=>i.tagName==="SCB-FOOTER-SECTION"||i.tagName==="SCB-LINK"),s=[...t.removedNodes].some(i=>i.tagName==="SCB-FOOTER-SECTION"||i.tagName==="SCB-LINK");if(a||s){o(r,this,$).call(this);return}}if(t.type==="attributes"&&(t.target.tagName==="SCB-FOOTER-SECTION"||t.target.tagName==="SCB-LINK")){o(r,this,$).call(this);return}}})),p(b,this).observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["title","href","target"]})}function $(){p(m,this)||(n(m,this,!0),queueMicrotask(()=>{n(m,this,!1),o(r,this,V).call(this,!1)}))}function T(){return p(g,this)??this.sections??[]}function V(e=!1){const t=Array.from(this.querySelectorAll("scb-footer-section"));if(!t.length){p(g,this)!==null&&(n(g,this,null),n(f,this,""),e||this.requestUpdate());return}const a=t.map(i=>({title:(i.getAttribute("title")||"").trim(),links:Array.from(i.querySelectorAll("scb-link")).map(d=>{const y=(d.getAttribute("href")||"").trim(),w=d.getAttribute("target"),_={label:(d.textContent||"").trim(),href:y};return w&&(_.target=w),_})})),s=JSON.stringify(a);s!==p(f,this)&&(n(f,this,s),n(g,this,a),e||this.requestUpdate())}function E(e){const t=[],s=e.length;if(s>0&&s<4)return t.push(u`
|
|
34
34
|
<scb-grid-item
|
|
35
35
|
col-span-compact="4"
|
|
36
36
|
col-span-medium="8"
|
|
37
37
|
col-span-expanded="12"
|
|
38
38
|
>
|
|
39
39
|
<div class="center-row">
|
|
40
|
-
${e.map((i,d)=>
|
|
40
|
+
${e.map((i,d)=>o(r,this,M).call(this,i,d,!0))}
|
|
41
41
|
</div>
|
|
42
42
|
</scb-grid-item>
|
|
43
|
-
`),t;for(let i=0;i<s;i++)t.push(
|
|
43
|
+
`),t;for(let i=0;i<s;i++)t.push(o(r,this,F).call(this,e[i],i));return t}function F(e,t){return u`
|
|
44
44
|
<scb-grid-item
|
|
45
45
|
col-span-compact="4"
|
|
46
46
|
col-span-medium="4"
|
|
47
47
|
col-span-expanded="2"
|
|
48
48
|
>
|
|
49
|
-
${
|
|
49
|
+
${o(r,this,M).call(this,e,t,!1)}
|
|
50
50
|
</scb-grid-item>
|
|
51
|
-
`}function M(e,t,
|
|
52
|
-
<section class="group ${
|
|
51
|
+
`}function M(e,t,a){const s=`${p(x,this)}-${t}`;return u`
|
|
52
|
+
<section class="group ${a?"group--centered":""}" aria-labelledby=${s}>
|
|
53
53
|
<h2 id=${s} class="title">${e.title}</h2>
|
|
54
54
|
<ul>
|
|
55
55
|
${e.links.map(i=>u`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as c,h as y,m as S,p as s,v as _,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{ensureFocusRingOnFocusVisible as w}from"../shared/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import{t as
|
|
1
|
+
import{a as c,h as y,m as S,p as s,v as _,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{ensureFocusRingOnFocusVisible as w}from"../shared/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import{t as f}from"../../vendor/assertClassBrand.js";import{t as P}from"../../vendor/classPrivateMethodInitSpec.js";import{n as m,r as u,t as b}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,a){try{customElements.get(i)||t(i,o,a)}catch(g){var v=String(g||"");if(v.indexOf("already been used")===-1&&v.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var l,p,d,h,e=(l=new WeakSet,p=new WeakMap,d=new WeakMap,h=class extends y{constructor(...t){super(...t),P(this,l),u(this,p,void 0),u(this,d,void 0),this.href="",this.disabled=!1,this.ariaLabel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,m(p,this,i=>{w(i);const o=i.composedPath()[0];!(o instanceof HTMLElement)||!o.matches(":focus-visible")||customElements.whenDefined("md-focus-ring").then(()=>{this.toggleAttribute("data-native-focus-ring-ready",!0);const a=this.renderRoot.querySelector("md-focus-ring");a.visible=o.matches(":focus-visible")})}),m(d,this,i=>{this.disabled&&(i.preventDefault(),i.stopPropagation())})}firstUpdated(){f(l,this,k).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&f(l,this,k).call(this)}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return _`
|
|
2
2
|
<a
|
|
3
3
|
part="anchor"
|
|
4
4
|
href=${c(this.disabled?void 0:this.href||void 0)}
|
|
@@ -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: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-
|
|
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(--scb-link-color, var(--md-sys-color-primary)));text-decoration-thickness:var(--scb-link-hover-thickness, 2px)}a:visited{color:var(--scb-link-visited-color, var(--scb-link-color, var(--md-sys-color-primary)))}a:visited:active,a:visited:hover{color:var(--scb-link-state-color, var(--scb-link-color, var(--md-sys-color-primary)))}:host(:not([data-native-focus-ring-ready])) a:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--scb-link-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(--scb-link-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 n=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??n,i=this.mapSpacingToken(this.spacingBottom)??n,o=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"),o?this.style.setProperty("--scb-link-spacing-inline-start",o):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};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.205",
|
|
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": "F4DE00AC71216FD004E702B14740BAEA2291C4AE677E590B69E292234F731CE4"
|
|
459
459
|
}
|
|
@@ -39,6 +39,9 @@ var o = class extends t {
|
|
|
39
39
|
|
|
40
40
|
scb-link {
|
|
41
41
|
--scb-link-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
42
|
+
--scb-link-visited-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
43
|
+
--scb-link-state-color: var(--scb-breadcrumb-link-state-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
44
|
+
--scb-link-focus-color: var(--scb-breadcrumb-link-focus-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
42
45
|
}
|
|
43
46
|
|
|
44
47
|
.breadcrumb-separator {
|
|
@@ -47,6 +47,9 @@ var o, s = () => {
|
|
|
47
47
|
|
|
48
48
|
scb-link {
|
|
49
49
|
--scb-link-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
50
|
+
--scb-link-visited-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
51
|
+
--scb-link-state-color: var(--scb-breadcrumb-link-state-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
52
|
+
--scb-link-focus-color: var(--scb-breadcrumb-link-focus-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
50
53
|
}
|
|
51
54
|
|
|
52
55
|
.scb-breadcrumb {
|
package/scb-footer/scb-footer.js
CHANGED
|
@@ -122,6 +122,8 @@ var o = { fromAttribute(e) {
|
|
|
122
122
|
scb-link {
|
|
123
123
|
--scb-link-color: var(--scb-footer-link-color, var(--p-100));
|
|
124
124
|
--scb-link-visited-color: var(--scb-footer-link-color, var(--p-100));
|
|
125
|
+
--scb-link-state-color: var(--scb-footer-link-state-color, var(--scb-footer-link-color, var(--p-100)));
|
|
126
|
+
--scb-link-focus-color: var(--scb-footer-link-focus-color, var(--scb-footer-link-color, var(--p-100)));
|
|
125
127
|
}
|
|
126
128
|
scb-link::part(anchor) {
|
|
127
129
|
font-family: var(--scb-footer-link-font, var(--brand-font));
|
package/scb-link/scb-link.js
CHANGED
|
@@ -63,17 +63,26 @@ var c = class extends n {
|
|
|
63
63
|
|
|
64
64
|
a:hover,
|
|
65
65
|
a:active {
|
|
66
|
-
color: var(--scb-link-state-color, var(--md-sys-color-
|
|
66
|
+
color: var(--scb-link-state-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
67
67
|
text-decoration-thickness: var(--scb-link-hover-thickness, 2px);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
a:visited {
|
|
71
|
+
color: var(--scb-link-visited-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
a:visited:hover,
|
|
75
|
+
a:visited:active {
|
|
76
|
+
color: var(--scb-link-state-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
77
|
+
}
|
|
78
|
+
|
|
70
79
|
:host(:not([data-native-focus-ring-ready])) a:focus-visible {
|
|
71
|
-
outline: var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--md-sys-color-primary));
|
|
80
|
+
outline: var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
72
81
|
outline-offset: var(--spacing-1, 2px);
|
|
73
82
|
}
|
|
74
83
|
|
|
75
84
|
md-focus-ring {
|
|
76
|
-
--md-focus-ring-color: var(--scb-link-focus-color, var(--md-sys-color-primary));
|
|
85
|
+
--md-focus-ring-color: var(--scb-link-focus-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
77
86
|
--md-focus-ring-shape: var(--scb-link-focus-radius, var(--radius-extra-small, 4px));
|
|
78
87
|
--md-focus-ring-width: var(--stroke-focus-ring, 2px);
|
|
79
88
|
--md-focus-ring-outward-offset: var(--spacing-1, 2px);
|
package/scb-wc.bundle.js
CHANGED
|
@@ -2862,17 +2862,26 @@
|
|
|
2862
2862
|
|
|
2863
2863
|
a:hover,
|
|
2864
2864
|
a:active {
|
|
2865
|
-
color: var(--scb-link-state-color, var(--md-sys-color-
|
|
2865
|
+
color: var(--scb-link-state-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
2866
2866
|
text-decoration-thickness: var(--scb-link-hover-thickness, 2px);
|
|
2867
2867
|
}
|
|
2868
2868
|
|
|
2869
|
+
a:visited {
|
|
2870
|
+
color: var(--scb-link-visited-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
2871
|
+
}
|
|
2872
|
+
|
|
2873
|
+
a:visited:hover,
|
|
2874
|
+
a:visited:active {
|
|
2875
|
+
color: var(--scb-link-state-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
2876
|
+
}
|
|
2877
|
+
|
|
2869
2878
|
:host(:not([data-native-focus-ring-ready])) a:focus-visible {
|
|
2870
|
-
outline: var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--md-sys-color-primary));
|
|
2879
|
+
outline: var(--stroke-focus-ring, 2px) solid var(--scb-link-focus-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
2871
2880
|
outline-offset: var(--spacing-1, 2px);
|
|
2872
2881
|
}
|
|
2873
2882
|
|
|
2874
2883
|
md-focus-ring {
|
|
2875
|
-
--md-focus-ring-color: var(--scb-link-focus-color, var(--md-sys-color-primary));
|
|
2884
|
+
--md-focus-ring-color: var(--scb-link-focus-color, var(--scb-link-color, var(--md-sys-color-primary)));
|
|
2876
2885
|
--md-focus-ring-shape: var(--scb-link-focus-radius, var(--radius-extra-small, 4px));
|
|
2877
2886
|
--md-focus-ring-width: var(--stroke-focus-ring, 2px);
|
|
2878
2887
|
--md-focus-ring-outward-offset: var(--spacing-1, 2px);
|
|
@@ -5389,6 +5398,9 @@
|
|
|
5389
5398
|
|
|
5390
5399
|
scb-link {
|
|
5391
5400
|
--scb-link-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
5401
|
+
--scb-link-visited-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
5402
|
+
--scb-link-state-color: var(--scb-breadcrumb-link-state-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
5403
|
+
--scb-link-focus-color: var(--scb-breadcrumb-link-focus-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
5392
5404
|
}
|
|
5393
5405
|
|
|
5394
5406
|
.breadcrumb-separator {
|
|
@@ -5454,6 +5466,9 @@
|
|
|
5454
5466
|
|
|
5455
5467
|
scb-link {
|
|
5456
5468
|
--scb-link-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
5469
|
+
--scb-link-visited-color: var(--scb-breadcrumb-link-color, var(--md-sys-color-primary));
|
|
5470
|
+
--scb-link-state-color: var(--scb-breadcrumb-link-state-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
5471
|
+
--scb-link-focus-color: var(--scb-breadcrumb-link-focus-color, var(--scb-breadcrumb-link-color, var(--md-sys-color-primary)));
|
|
5457
5472
|
}
|
|
5458
5473
|
|
|
5459
5474
|
.scb-breadcrumb {
|
|
@@ -10155,6 +10170,8 @@
|
|
|
10155
10170
|
scb-link {
|
|
10156
10171
|
--scb-link-color: var(--scb-footer-link-color, var(--p-100));
|
|
10157
10172
|
--scb-link-visited-color: var(--scb-footer-link-color, var(--p-100));
|
|
10173
|
+
--scb-link-state-color: var(--scb-footer-link-state-color, var(--scb-footer-link-color, var(--p-100)));
|
|
10174
|
+
--scb-link-focus-color: var(--scb-footer-link-focus-color, var(--scb-footer-link-color, var(--p-100)));
|
|
10158
10175
|
}
|
|
10159
10176
|
scb-link::part(anchor) {
|
|
10160
10177
|
font-family: var(--scb-footer-link-font, var(--brand-font));
|