scb-wc-test 0.1.15 → 0.1.17
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-accordion/scb-accordion-item.js +22 -17
- package/mvc/components/scb-drawer/scb-drawer-item.js +95 -82
- package/mvc/components/scb-header/scb-header.js +17 -15
- package/mvc/components/scb-link/scb-link.js +16 -13
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.d.ts +0 -4
- package/scb-accordion/scb-accordion-item.js +85 -93
- package/scb-drawer/scb-drawer-item.d.ts +7 -12
- package/scb-drawer/scb-drawer-item.js +143 -161
- package/scb-header/scb-header.js +13 -11
- package/scb-link/scb-link.js +28 -25
- package/scb-wc-test.bundle.js +327 -304
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as
|
|
2
|
+
import{_ as g}from"../../vendor/preload-helper.js";import{a as v,n as o,i as u,E as p,x as l,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(n,a,s){try{customElements.get(n)||r(n,a,s)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,i=(e,r,n,a)=>{for(var s=a>1?void 0:a?m(r,n):r,d=e.length-1,c;d>=0;d--)(c=e[d])&&(s=(a?c(r,n,s):c(s))||s);return a&&s&&h(r,n,s),s};let t=class extends u{constructor(){super(...arguments),this.expanded=!1,this.label="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=t._uid(),this.toggleAccordion=()=>{const e=this.closest("scb-accordion");e?.hasAttribute("detached")||e.querySelectorAll("scb-accordion-item").forEach(n=>{n!==this&&(n.expanded=!1,n._applyInert())}),this.expanded=!this.expanded,this._applyInert()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${t._uidPrefix}-${++t._uidSeq}`}async firstUpdated(){t._mdIconLoaded||(await g(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t._mdIconLoaded=!0),t._mdRippleLoaded||(await g(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),t._mdRippleLoaded=!0),this._applyInert()}disconnectedCallback(){super.disconnectedCallback()}_onKeyDown(e){const r=this.closest("scb-accordion"),a=Array.from(r?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector(".scb-accordion-top")).filter(c=>!!c),s=e.currentTarget,d=a.indexOf(s);switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggleAccordion();break;case"ArrowDown":e.preventDefault(),d<a.length-1&&a[d+1].focus();break;case"ArrowUp":e.preventDefault(),d>0&&a[d-1].focus();break;case"Home":e.preventDefault(),a.length&&a[0].focus();break;case"End":e.preventDefault(),a.length&&a[a.length-1].focus();break}}_renderLeading(){if(!this.leading)return p;switch(this.leadingVariant){case"icon":return l`<md-icon>${this.leadingIcon}</md-icon>`;case"avatar":return l`
|
|
3
3
|
<scb-avatar
|
|
4
4
|
label=${this.avatarLabel}
|
|
5
5
|
alt=${this.avatarAlt}
|
|
@@ -8,15 +8,15 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n,i as u,E as p
|
|
|
8
8
|
shape="circular"
|
|
9
9
|
variant=${this.avatarVariant}
|
|
10
10
|
></scb-avatar>
|
|
11
|
-
`;case"image":return this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:p;default:return p}}
|
|
11
|
+
`;case"image":return this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:p;default:return p}}_applyInert(){const e=this.renderRoot.querySelector(".scb-accordion-bottom");e&&(this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}_emitExpandedChanged(){this.dispatchEvent(new CustomEvent("expanded-changed",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0}))}updated(e){e.has("expanded")&&(this._applyInert(),e.get("expanded")!==void 0&&this._emitExpandedChanged())}render(){const e=`bottom-${this._unique}`,r=`header-${this._unique}`;return l`
|
|
12
12
|
<div part="scb-accordion-item" class="scb-accordion-item">
|
|
13
13
|
<div
|
|
14
|
-
id=${
|
|
14
|
+
id=${r}
|
|
15
15
|
class="scb-accordion-top"
|
|
16
16
|
tabindex="0"
|
|
17
17
|
role="button"
|
|
18
18
|
aria-expanded=${this.expanded}
|
|
19
|
-
aria-controls=${
|
|
19
|
+
aria-controls=${e}
|
|
20
20
|
@click=${this.toggleAccordion}
|
|
21
21
|
@keydown=${this._onKeyDown}
|
|
22
22
|
>
|
|
@@ -34,18 +34,20 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n,i as u,E as p
|
|
|
34
34
|
</div>
|
|
35
35
|
|
|
36
36
|
<div
|
|
37
|
-
id=${
|
|
37
|
+
id=${e}
|
|
38
38
|
class="scb-accordion-bottom ${this.expanded?"expanded":""}"
|
|
39
39
|
role="region"
|
|
40
|
-
aria-labelledby=${
|
|
40
|
+
aria-labelledby=${r}
|
|
41
41
|
aria-hidden=${this.expanded?"false":"true"}
|
|
42
42
|
>
|
|
43
|
-
<
|
|
43
|
+
<div class="bottom-inner">
|
|
44
|
+
<slot>${this.content}</slot>
|
|
45
|
+
</div>
|
|
44
46
|
</div>
|
|
45
47
|
</div>
|
|
46
48
|
|
|
47
|
-
<md-focus-ring></md-focus-ring>
|
|
48
|
-
`}};
|
|
49
|
+
<md-focus-ring for=${r} inward></md-focus-ring>
|
|
50
|
+
`}};t._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`;t._uidSeq=0;t._mdIconLoaded=!1;t._mdRippleLoaded=!1;t.styles=[v`
|
|
49
51
|
:host {
|
|
50
52
|
display: block;
|
|
51
53
|
position: relative;
|
|
@@ -60,10 +62,8 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n,i as u,E as p
|
|
|
60
62
|
position: absolute;
|
|
61
63
|
inset: 0;
|
|
62
64
|
pointer-events: none;
|
|
63
|
-
display: none;
|
|
64
65
|
border-radius: var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px));
|
|
65
66
|
}
|
|
66
|
-
:host(:focus-within) md-focus-ring { display: block; }
|
|
67
67
|
|
|
68
68
|
.scb-accordion-item {
|
|
69
69
|
border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
|
|
@@ -101,21 +101,26 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n,i as u,E as p
|
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.scb-accordion-bottom {
|
|
104
|
+
display: grid;
|
|
105
|
+
grid-template-rows: 0fr;
|
|
106
|
+
transition:
|
|
107
|
+
grid-template-rows var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing),
|
|
108
|
+
opacity var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing),
|
|
109
|
+
padding var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing);
|
|
110
|
+
opacity: 0;
|
|
111
|
+
overflow: hidden;
|
|
104
112
|
padding-block: var(--scb-accordion-panel-padding-closed);
|
|
105
113
|
padding-inline: var(--spacing-5, 16px);
|
|
106
|
-
max-height: 0;
|
|
107
|
-
overflow: hidden;
|
|
108
|
-
transition: var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing);
|
|
109
|
-
opacity: 0;
|
|
110
114
|
}
|
|
111
115
|
.scb-accordion-bottom.expanded {
|
|
116
|
+
grid-template-rows: 1fr;
|
|
112
117
|
opacity: 1;
|
|
113
118
|
padding-top: var(--spacing-2, 4px);
|
|
114
119
|
padding-right: var(--spacing-5, 16px);
|
|
115
120
|
padding-bottom: var(--spacing-5, 16px);
|
|
116
121
|
padding-left: var(--spacing-5, 16px);
|
|
117
|
-
max-height: 100%;
|
|
118
122
|
}
|
|
123
|
+
.bottom-inner { overflow: hidden; }
|
|
119
124
|
|
|
120
125
|
.label {
|
|
121
126
|
font-family: var(--brand-font);
|
|
@@ -161,4 +166,4 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n,i as u,E as p
|
|
|
161
166
|
overflow: hidden;
|
|
162
167
|
}
|
|
163
168
|
@media (prefers-reduced-motion: reduce) { md-ripple { display: none; } }
|
|
164
|
-
`];
|
|
169
|
+
`];i([o({type:Boolean})],t.prototype,"expanded",2);i([o({type:String,reflect:!0})],t.prototype,"label",2);i([o({type:String})],t.prototype,"content",2);i([o({type:String,attribute:"overline"})],t.prototype,"overline",2);i([o({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);i([o({type:Boolean})],t.prototype,"leading",2);i([o({type:String,attribute:"leading-variant",reflect:!0})],t.prototype,"leadingVariant",2);i([o({type:String,attribute:"leading-icon"})],t.prototype,"leadingIcon",2);i([o({type:String,attribute:"img-href-image",reflect:!0})],t.prototype,"imgHrefImage",2);i([o({type:String,attribute:"avatar-label"})],t.prototype,"avatarLabel",2);i([o({type:String,attribute:"avatar-alt"})],t.prototype,"avatarAlt",2);i([o({type:String,attribute:"avatar-variant"})],t.prototype,"avatarVariant",2);i([o({type:String,attribute:"avatar-src"})],t.prototype,"avatarSrc",2);i([o({type:Number,reflect:!0})],t.prototype,"density",2);t=i([b("scb-accordion-item")],t);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-icon-button/scb-icon-button.js","../../vendor/preload-helper.js","../scb-tooltip/scb-tooltip.js","../scb-button/scb-button.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as l}from"../../vendor/preload-helper.js";import{a as
|
|
2
|
+
import{_ as l}from"../../vendor/preload-helper.js";import{a as b,n as p,r as u,i as h,x as c,t as _}from"../../vendor/vendor.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(r,s,a){try{customElements.get(r)||t(r,s,a)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(e,t,r,s)=>{for(var a=s>1?void 0:s?f(t,r):t,o=e.length-1,d;o>=0;o--)(d=e[o])&&(a=(s?d(t,r,a):d(a))||a);return s&&a&&m(t,r,a),a};let i=class extends h{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=e=>{e&&e.stopPropagation(),this.hasSlotContent&&this.__setExpanded(!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-drawer-item")||[]),r=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[r+1]||t[0]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[r-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}async __ensureDepsLoaded(){i.__rippleLoaded||(await l(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),i.__focusRingLoaded||(await l(()=>import("../../vendor/vendor-material.js").then(e=>e.m),__vite__mapDeps([0,1]),import.meta.url),i.__focusRingLoaded=!0),this.leadingIcon&&!i.__iconLoaded&&(await l(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),this.hasSlotContent&&!i.__iconButtonLoaded&&(await l(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0,4,5]),import.meta.url),i.__iconButtonLoaded=!0)}_onSlotChange(e){const r=e.target.assignedElements({flatten:!0});this.hasSlotContent=r.length>0&&r.every(s=>s.tagName==="SCB-SUB-DRAWER")}__setExpanded(e){this.hasSlotContent&&(this.expanded=e,this.dispatchEvent(new CustomEvent("scb-drawer-expand",{bubbles:!0,composed:!0,detail:{item:this,expanded:e}})))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-drawer-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){const e=this.renderRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:!0});this.hasSlotContent=t.length>0&&t.every(r=>r.tagName==="SCB-SUB-DRAWER")}await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded(),e.has("expanded")&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,r=this.hasSlotContent;return c`
|
|
3
3
|
<div class="scb-drawer-item">
|
|
4
4
|
<div class="scb-drawer-item-label" ?selected=${this.selected}>
|
|
5
5
|
${t?c`
|
|
@@ -26,8 +26,8 @@ import{_ as l}from"../../vendor/preload-helper.js";import{a as h,n as u,r as p,i
|
|
|
26
26
|
class="scb-drawer-label-text"
|
|
27
27
|
@click=${this._onButtonClick}
|
|
28
28
|
@keydown=${this._onKeyDown}
|
|
29
|
-
${
|
|
30
|
-
${
|
|
29
|
+
${r?"aria-expanded="+String(this.expanded):""}
|
|
30
|
+
${r?"aria-controls="+this.__submenuId:""}
|
|
31
31
|
>
|
|
32
32
|
<span class="scb-drawer-click ${e?"has-icon":""}">
|
|
33
33
|
<md-ripple></md-ripple>
|
|
@@ -37,12 +37,12 @@ import{_ as l}from"../../vendor/preload-helper.js";import{a as h,n as u,r as p,i
|
|
|
37
37
|
</button>
|
|
38
38
|
<md-focus-ring for=${this.__focusId} inward></md-focus-ring>
|
|
39
39
|
`}
|
|
40
|
-
${
|
|
40
|
+
${r?c`
|
|
41
41
|
<scb-icon-button
|
|
42
42
|
icon="${this.expanded?"expand_less":"expand_more"}"
|
|
43
43
|
role="presentation"
|
|
44
44
|
tabindex="-1"
|
|
45
|
-
@click=${
|
|
45
|
+
@click=${s=>{s.stopPropagation(),this._toggleExpand(s)}}
|
|
46
46
|
></scb-icon-button>
|
|
47
47
|
`:""}
|
|
48
48
|
</div>
|
|
@@ -53,90 +53,103 @@ import{_ as l}from"../../vendor/preload-helper.js";import{a as h,n as u,r as p,i
|
|
|
53
53
|
role="region"
|
|
54
54
|
aria-hidden=${this.expanded?"false":"true"}
|
|
55
55
|
>
|
|
56
|
-
<
|
|
56
|
+
<div class="submenu__inner">
|
|
57
|
+
<slot @slotchange=${this._onSlotChange}></slot>
|
|
58
|
+
</div>
|
|
57
59
|
</div>
|
|
58
60
|
</div>
|
|
59
|
-
`}};
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
`}};i.__rippleLoaded=!1;i.__iconLoaded=!1;i.__iconButtonLoaded=!1;i.__focusRingLoaded=!1;i.styles=b`
|
|
62
|
+
:host {
|
|
63
|
+
/* Animationtokens */
|
|
64
|
+
--scb-drawer-sub-transition-duration: var(--scb-motion-duration-quick, 150ms);
|
|
65
|
+
--scb-drawer-sub-transition-easing: var(--scb-motion-easing-standard, cubic-bezier(.69,.16,.2,.98));
|
|
64
66
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
--scb-drawer-item-padding-y: 14px;
|
|
68
|
+
--scb-drawer-item-padding-x: 20px;
|
|
69
|
+
--scb-drawer-item-padding-x-has-icon: var(--spacing-4, 12px);
|
|
70
|
+
--scb-drawer-item-radius: 28px;
|
|
71
|
+
--scb-drawer-item-gap: var(--spacing-4, 12px);
|
|
72
|
+
}
|
|
71
73
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
74
|
+
.scb-drawer-item-label {
|
|
75
|
+
display: flex;
|
|
76
|
+
align-items: center;
|
|
77
|
+
position: relative;
|
|
78
|
+
}
|
|
77
79
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
.scb-drawer-label-text:-moz-focusring { outline: none; }
|
|
80
|
+
.scb-drawer-label-text {
|
|
81
|
+
width: 100%;
|
|
82
|
+
display: block;
|
|
83
|
+
background: transparent;
|
|
84
|
+
border: 0;
|
|
85
|
+
text-align: left;
|
|
86
|
+
font: inherit;
|
|
87
|
+
color: inherit;
|
|
88
|
+
text-decoration: none;
|
|
89
|
+
cursor: pointer;
|
|
90
|
+
padding: 0;
|
|
91
|
+
margin: 0;
|
|
92
|
+
appearance: none;
|
|
93
|
+
-webkit-appearance: none;
|
|
94
|
+
box-sizing: border-box;
|
|
95
|
+
outline: none;
|
|
96
|
+
-webkit-tap-highlight-color: transparent;
|
|
97
|
+
}
|
|
98
|
+
.scb-drawer-label-text:focus,
|
|
99
|
+
.scb-drawer-label-text:focus-visible { outline: none; }
|
|
100
|
+
.scb-drawer-label-text:-moz-focusring { outline: none; }
|
|
100
101
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
}
|
|
102
|
+
.scb-drawer-click {
|
|
103
|
+
display: flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
gap: var(--scb-drawer-item-gap);
|
|
106
|
+
padding-block: var(--scb-drawer-item-padding-y);
|
|
107
|
+
padding-inline: var(--scb-drawer-item-padding-x);
|
|
108
|
+
border-radius: var(--scb-drawer-item-radius);
|
|
109
|
+
position: relative;
|
|
110
|
+
overflow: hidden;
|
|
111
|
+
color: var(--md-sys-color-on-surface);
|
|
112
|
+
}
|
|
113
|
+
.scb-drawer-click.has-icon {
|
|
114
|
+
padding-inline: var(--scb-drawer-item-padding-x-has-icon);
|
|
115
|
+
padding-block: var(--scb-drawer-item-padding-y);
|
|
116
|
+
}
|
|
117
117
|
|
|
118
|
-
|
|
119
|
-
.scb-drawer-click md-ripple { --md-ripple-focus-opacity: 0; }
|
|
118
|
+
.scb-drawer-click md-ripple { --md-ripple-focus-opacity: 0; }
|
|
120
119
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
120
|
+
.scb-drawer-item-label[selected] .scb-drawer-click,
|
|
121
|
+
:host([selected]) .scb-drawer-click {
|
|
122
|
+
color: var(--md-sys-color-on-secondary-container);
|
|
123
|
+
background: var(--md-sys-color-secondary-container);
|
|
124
|
+
font-weight: 600;
|
|
125
|
+
}
|
|
127
126
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
127
|
+
scb-icon-button {
|
|
128
|
+
margin-left: auto;
|
|
129
|
+
flex: 0 0 auto;
|
|
130
|
+
}
|
|
132
131
|
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
132
|
+
/* Undermeny: CSS-grid 0fr → 1fr för höjd-animation utan JS-mätningar */
|
|
133
|
+
.submenu {
|
|
134
|
+
display: grid;
|
|
135
|
+
grid-template-rows: 0fr;
|
|
136
|
+
transition:
|
|
137
|
+
grid-template-rows var(--scb-drawer-sub-transition-duration) var(--scb-drawer-sub-transition-easing),
|
|
138
|
+
opacity var(--scb-drawer-sub-transition-duration) var(--scb-drawer-sub-transition-easing);
|
|
139
|
+
opacity: 0;
|
|
140
|
+
overflow: hidden;
|
|
141
|
+
padding-left: var(--spacing-5, 16px);
|
|
142
|
+
}
|
|
143
|
+
.submenu.expanded {
|
|
144
|
+
grid-template-rows: 1fr;
|
|
145
|
+
opacity: 1;
|
|
146
|
+
}
|
|
147
|
+
.submenu__inner {
|
|
148
|
+
overflow: hidden;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
/* Minskar rörelse för användare som önskar det */
|
|
152
|
+
@media (prefers-reduced-motion: reduce) {
|
|
153
|
+
.submenu { transition: none; }
|
|
154
|
+
}
|
|
155
|
+
`;n([p({type:String})],i.prototype,"label",2);n([p({type:Boolean,reflect:!0})],i.prototype,"selected",2);n([p({type:String,attribute:"leading-icon"})],i.prototype,"leadingIcon",2);n([p({type:String,attribute:"item-href"})],i.prototype,"itemHref",2);n([u()],i.prototype,"hasSlotContent",2);n([u()],i.prototype,"expanded",2);i=n([_("scb-drawer-item")],i);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-search/scb-search.js";import"../scb-tabs/scb-tabs.js";import"../scb-tabs/scb-secondary-tab.js";import"../scb-drawer/scb-drawer.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../scb-list/scb-list.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";import"../scb-tabs/scb-primary-tab.js";import"../scb-divider/scb-divider.js";import"../scb-drawer/scb-drawer-item.js";import"../scb-drawer/scb-drawer-section.js";import"../scb-drawer/scb-sub-drawer.js";import"../scb-tooltip/scb-tooltip.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(s,
|
|
1
|
+
import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-search/scb-search.js";import"../scb-tabs/scb-tabs.js";import"../scb-tabs/scb-secondary-tab.js";import"../scb-drawer/scb-drawer.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../scb-list/scb-list.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";import"../scb-tabs/scb-primary-tab.js";import"../scb-divider/scb-divider.js";import"../scb-drawer/scb-drawer-item.js";import"../scb-drawer/scb-drawer-section.js";import"../scb-drawer/scb-sub-drawer.js";import"../scb-tooltip/scb-tooltip.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(s,a,o){try{customElements.get(s)||t(s,a,o)}catch(n){var h=String(n||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var C=Object.defineProperty,M=Object.getOwnPropertyDescriptor,i=(e,t,s,a)=>{for(var o=a>1?void 0:a?M(t,s):t,h=e.length-1,n;h>=0;h--)(n=e[h])&&(o=(a?n(t,s,o):n(o))||o);return a&&o&&C(t,s,o),o};const _={fromAttribute:e=>e==null?!0:!/^(false|0|off|no)$/i.test(e),toAttribute:e=>String(!!e)};let r=class extends x{constructor(){super(...arguments),this.maxWidth="1440px",this.logoText="Statistikmyndigheten",this.logoHref="/",this.banner=!1,this.tabs=[],this.activeTab=0,this.utilityItems=[],this.showDrawer=!0,this.showSearch=!0,this.includeUtilityInDrawer=!1,this._drawerId="main-drawer",this._drawerMounted=!1,this._drawerExpanded=!1,this._searchId="header-search",this._slotTabs=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{this._scheduleMeasure()},this._onDrawerSelect=e=>{this.dispatchEvent(new CustomEvent("drawer-select",{detail:e.detail,bubbles:!0,composed:!0})),this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._harvestPending=!1,this._harvest=()=>{const e=this._slotEl;if(!e)return;const t=e.assignedElements({flatten:!0}),s=[],a=[],o=[],h=n=>({label:n.getAttribute("label")??"",href:n.getAttribute("href")??void 0,icon:n.getAttribute("icon")??void 0});for(const n of t){const u=n.tagName.toLowerCase();if(u==="scb-header-tab"){s.push({label:n.getAttribute("label")??"",href:n.getAttribute("href")??"#"});continue}if(u==="scb-header-utility"){a.push({label:n.getAttribute("label")??"",href:n.getAttribute("href")??"#",target:n.getAttribute("target")??void 0});continue}if(u==="scb-header-drawer-group"){const b={label:n.getAttribute("label")??"",icon:n.getAttribute("icon")??void 0,children:[]};n.querySelectorAll("scb-header-drawer-item").forEach(m=>b.children.push(h(m))),o.push(b);continue}u==="scb-header-drawer-item"&&o.push(h(n))}this._slotTabs=s,this._slotUtils=a,this._slotMenu=o,queueMicrotask(()=>{this.updateComplete.then(()=>{this._applyActiveToTabs(),this._scheduleMeasure()})})},this._measure=()=>{const e=this._top,t=this._logoGroup;if(!e||!t)return;const s=window.innerWidth,a=e.clientWidth,o=this._overflows(this._util),h=this._overflows(this._tabsEl),n=s<this.BP_MD||o||h;this._collapsed?!n&&a>=this._unlockAtWidth&&this._setCollapsed(!1):n&&(this._unlockAtWidth=a+this._HYST,this._setCollapsed(!0));let u=!1;if(this.showSearch&&s>=this.BP_SM&&s<this.BP_MD&&this._searchWrap){const m=getComputedStyle(this._searchWrap),y=Math.max(this._num(m.minWidth,this._tokenPx("--scb-header-search-min",320)),this._tokenPx("--scb-header-search-min",320)),g=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),w=this.showDrawer&&(s<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48):0;u=t.getBoundingClientRect().width+g+y+g+w+8>a+.5}this._setHideSearch(u);let b=!1;if(this.showDrawer&&(s<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const m=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),y=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48),g=(this._logoGroup?.getBoundingClientRect().width||0)+m+y;this._hideLogoText?b=!(a>=this._logoTextUnlockAt):g>a+.5&&(b=!0,this._logoTextUnlockAt=a+this._HYST)}else b=!1,this._logoTextUnlockAt=0;this._setHideLogoText(b)},this._onMenuClick=async e=>{e.preventDefault(),e.stopPropagation(),this.showDrawer&&(this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),await this._ensureDrawerMounted(),await r._nextFrame(),await r._nextFrame(),this._openDrawerNow())},this._onSearchClick=e=>{const t=this._searchEl;if(t?.submit&&typeof t.submit=="function"){t.submit();return}const s=t?.value??void 0;this.dispatchEvent(new CustomEvent("search-click",{detail:{value:s},bubbles:!0,composed:!0})),t?.focus?.()},this._onTabsChange=e=>{const s=e?.detail?.activeTabIndex??e.target?.activeTabIndex??0;this.activeTab=s;const o=(this._slotTabs.length?this._slotTabs:this.tabs)[s]?.href??"";this.dispatchEvent(new CustomEvent("tab-change",{detail:{index:s,href:o},bubbles:!0,composed:!0}))}}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",r.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",r.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _slotEl(){return this.shadowRoot?.querySelector("slot#data-slot")??null}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _tabsEl(){return this.renderRoot.querySelector("scb-tabs")}get _logoGroup(){return this.renderRoot.querySelector(".logo-wrap")||this.renderRoot.querySelector(".logo-group")}get _searchWrap(){return this.renderRoot.querySelector(".search")}get _menuBtn(){return this.renderRoot.querySelector(".menu-trigger")}get _searchEl(){return this.renderRoot.querySelector(`#${this._searchId}`)}_attachSlotObservers(){this._slotMo?.disconnect();const e=new MutationObserver(t=>{this._scheduleHarvest()});this._slotMo=e,e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["label","href","icon","target"]})}_setCollapsed(e){this._collapsed!==e&&(this._collapsed=e,e?this.setAttribute("data-collapsed",""):this.removeAttribute("data-collapsed"))}_setHideSearch(e){e?this.setAttribute("data-hide-search",""):this.removeAttribute("data-hide-search")}_setHideLogoText(e){this._hideLogoText!==e&&(this._hideLogoText=e,e?this.setAttribute("data-hide-logo-text",""):this.removeAttribute("data-hide-logo-text"))}_num(e,t){const s=Number.parseFloat(String(e??"").trim());return Number.isFinite(s)?s:t}_tokenPx(e,t){const s=getComputedStyle(this);return this._num(s.getPropertyValue(e),t)}_visible(e){return e?getComputedStyle(e).display!=="none":!1}_overflows(e){return!e||!this._visible(e)?!1:e.scrollWidth>e.clientWidth+1}firstUpdated(){this.updateComplete.then(()=>{this._harvest(),this._attachSlotObservers()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0});const t=this._menuBtn,s=()=>this._ensureDrawerMounted();t?.addEventListener("pointerenter",s,{once:!0}),t?.addEventListener("focusin",s,{once:!0}),t?.addEventListener("touchstart",s,{once:!0,passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"480px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"320px"),e.has("searchHeight")&&(this.searchHeight&&this.searchHeight.trim()?this.style.setProperty("--scb-search-height",this.searchHeight.trim()):this.style.removeProperty("--scb-search-height")),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("activeTab")||e.has("_slotTabs")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("showSearch")||e.has("searchMax")||e.has("searchMin"))&&this.updateComplete.then(()=>{this._scheduleMeasure(),this._applyActiveToTabs()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}async _ensureDrawerMounted(){this._drawerMounted||(this._drawerMounted=!0,await this.updateComplete)}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0,e.setAttribute("open",""),e.show?.(),e.openDrawer?.(),this._drawerExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})))}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1),this._drawerExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0}))}_syncMenuBtnAria(){const e=this.renderRoot.querySelector(".menu-trigger");e&&e.setAttribute("aria-expanded",String(this._drawerExpanded))}_applyActiveToTabs(){const e=this._tabsEl;if(!e)return;e.activeTabIndex=this.activeTab,e.querySelectorAll("scb-secondary-tab").forEach((s,a)=>{s.selected=a===this.activeTab})}_renderDrawerNodes(e){return!e||e.length===0?c``:c`${e.map(t=>{const s=Array.isArray(t.children)&&t.children.length>0;return c`
|
|
2
2
|
<scb-drawer-item
|
|
3
3
|
label=${t.label}
|
|
4
4
|
?selected=${!1}
|
|
@@ -7,17 +7,17 @@ import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor
|
|
|
7
7
|
>
|
|
8
8
|
${s?c`
|
|
9
9
|
<scb-sub-drawer label=${t.label}>
|
|
10
|
-
${t.children.map(
|
|
10
|
+
${t.children.map(a=>c`
|
|
11
11
|
<scb-drawer-item
|
|
12
|
-
label=${
|
|
13
|
-
item-href=${
|
|
14
|
-
leading-icon=${
|
|
12
|
+
label=${a.label}
|
|
13
|
+
item-href=${a.href??""}
|
|
14
|
+
leading-icon=${a.icon??""}
|
|
15
15
|
></scb-drawer-item>
|
|
16
16
|
`)}
|
|
17
17
|
</scb-sub-drawer>
|
|
18
18
|
`:d}
|
|
19
19
|
</scb-drawer-item>
|
|
20
|
-
`})}`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}render(){const e=this._slotTabs.length?this._slotTabs:this.tabs,t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[];this._syncFlags(t.length===0,!this.showSearch);const
|
|
20
|
+
`})}`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}render(){const e=this._slotTabs.length?this._slotTabs:this.tabs,t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[];this._syncFlags(t.length===0,!this.showSearch);const a=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:d;return c`
|
|
21
21
|
<slot id="data-slot" @slotchange=${()=>{this._harvest(),this._attachSlotObservers()}} hidden></slot>
|
|
22
22
|
|
|
23
23
|
<div
|
|
@@ -41,11 +41,11 @@ import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor
|
|
|
41
41
|
</nav>
|
|
42
42
|
|
|
43
43
|
${this.showSearch?c`
|
|
44
|
-
<div class="search" style=${
|
|
44
|
+
<div class="search" style=${a}>
|
|
45
45
|
<scb-search
|
|
46
46
|
id=${this._searchId}
|
|
47
47
|
size="compact"
|
|
48
|
-
style=${
|
|
48
|
+
style=${a}
|
|
49
49
|
.supportingText=${this.searchPlaceholder??""}
|
|
50
50
|
></scb-search>
|
|
51
51
|
<scb-button
|
|
@@ -167,17 +167,19 @@ import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor
|
|
|
167
167
|
.actions{ display:flex; align-items:center; gap:var(--spacing-7,24px); margin-left:auto; width:100%; justify-content:flex-end; min-width:0; }
|
|
168
168
|
|
|
169
169
|
.utility{ display:none; flex-wrap:nowrap; align-items:center; gap:var(--spacing-5,16px); min-width:0; }
|
|
170
|
-
.utility scb-link
|
|
170
|
+
.utility scb-link{
|
|
171
171
|
font-family: var(--md-sys-typescale-body-medium-font, var(--brand-font)), sans-serif;
|
|
172
172
|
font-size: var(--md-sys-typescale-body-medium-size);
|
|
173
173
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
174
174
|
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
175
175
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
176
|
+
|
|
177
|
+
--scb-link-color: var(--md-sys-color-primary);
|
|
178
|
+
--scb-link-decoration: underline;
|
|
179
|
+
--scb-link-underline-offset: 3px;
|
|
180
|
+
--scb-link-underline-thickness: 1px;
|
|
181
|
+
--scb-link-hover-thickness: 2px;
|
|
182
|
+
--scb-link-white-space: nowrap;
|
|
181
183
|
}
|
|
182
184
|
@media (min-width:840px){ .utility{ display:flex; } }
|
|
183
185
|
:host([data-collapsed]) .utility{ display:none !important; }
|
|
@@ -263,4 +265,4 @@ import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor
|
|
|
263
265
|
:host([data-hide-logo-text]) .logo-text {
|
|
264
266
|
display: none;
|
|
265
267
|
}
|
|
266
|
-
`;r._nextFrame=()=>new Promise(e=>requestAnimationFrame(()=>e()));
|
|
268
|
+
`;r._nextFrame=()=>new Promise(e=>requestAnimationFrame(()=>e()));i([l({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);i([l({type:String,attribute:"logo-text"})],r.prototype,"logoText",2);i([l({type:String,attribute:"logo-href"})],r.prototype,"logoHref",2);i([l({type:Boolean,reflect:!0})],r.prototype,"banner",2);i([l({type:String,attribute:"banner-label"})],r.prototype,"bannerLabel",2);i([l({attribute:"tabs",converter:r._JSON_ARRAY})],r.prototype,"tabs",2);i([l({type:Number,attribute:"active-tab"})],r.prototype,"activeTab",2);i([l({attribute:"utility-items",converter:r._JSON_ARRAY})],r.prototype,"utilityItems",2);i([l({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2);i([l({type:String,attribute:"drawer-label"})],r.prototype,"drawerLabel",2);i([l({type:String,attribute:"drawer-sub-label"})],r.prototype,"drawerSubLabel",2);i([l({type:String,attribute:"drawer-section-label"})],r.prototype,"drawerSectionLabel",2);i([l({type:String,attribute:"drawer-search-placeholder"})],r.prototype,"drawerSearchPlaceholder",2);i([l({attribute:"menu-data",converter:r._JSON_ARRAY})],r.prototype,"menuData",2);i([l({attribute:"show-drawer",reflect:!0,converter:_})],r.prototype,"showDrawer",2);i([l({attribute:"show-search",reflect:!0,converter:_})],r.prototype,"showSearch",2);i([l({attribute:"include-utility-in-drawer",reflect:!0,converter:_})],r.prototype,"includeUtilityInDrawer",2);i([l({type:String,attribute:"search-max"})],r.prototype,"searchMax",2);i([l({type:String,attribute:"search-min"})],r.prototype,"searchMin",2);i([l({type:String,attribute:"search-height"})],r.prototype,"searchHeight",2);i([p()],r.prototype,"_drawerId",2);i([p()],r.prototype,"_drawerMounted",2);i([p()],r.prototype,"_drawerExpanded",2);i([p()],r.prototype,"_searchId",2);i([p()],r.prototype,"_slotTabs",2);i([p()],r.prototype,"_slotUtils",2);i([p()],r.prototype,"_slotMenu",2);i([p()],r.prototype,"_collapsed",2);i([p()],r.prototype,"_hideLogoText",2);r=i([S("scb-header")],r);
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import{a as u,n as
|
|
1
|
+
import{a as u,n as c,i as h,f as d,x as v,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.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(r,s,a){try{customElements.get(r)||t(r,s,a)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var _=Object.defineProperty,y=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},o=(e,t,r,s)=>{for(var a=s>1?void 0:s?y(t,r):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(a=(s?l(t,r,a):l(a))||a);return s&&a&&_(t,r,a),a},g=(e,t,r)=>t.has(e)||f("Cannot "+r),m=(e,t,r)=>(g(e,t,"read from private field"),r?r.call(e):t.get(e)),k=(e,t,r)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),p;let i=class extends h{constructor(){super(...arguments),this.href="",this.disabled=!1,this.ariaLabel="",k(this,p,e=>{this.disabled&&(e.preventDefault(),e.stopPropagation())})}render(){const e=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return v`
|
|
2
2
|
<a
|
|
3
3
|
part="anchor"
|
|
4
|
-
href=${
|
|
5
|
-
target=${
|
|
6
|
-
rel=${
|
|
7
|
-
download=${
|
|
4
|
+
href=${d(this.disabled?void 0:this.href||void 0)}
|
|
5
|
+
target=${d(this.target)}
|
|
6
|
+
rel=${d(e)}
|
|
7
|
+
download=${d(this.download)}
|
|
8
8
|
aria-disabled=${this.disabled?"true":"false"}
|
|
9
|
-
aria-label=${
|
|
9
|
+
aria-label=${d(this.ariaLabel||void 0)}
|
|
10
10
|
@click=${m(this,p)}
|
|
11
11
|
><slot></slot></a>
|
|
12
12
|
|
|
13
13
|
<md-focus-ring></md-focus-ring>
|
|
14
|
-
`}};p=new WeakMap;
|
|
14
|
+
`}};p=new WeakMap;i.styles=u`
|
|
15
15
|
:host {
|
|
16
16
|
display: inline-block;
|
|
17
17
|
position: relative;
|
|
18
|
-
|
|
18
|
+
padding: var(--scb-link-focus-ring-gap, 4px);
|
|
19
19
|
font-family: var(--brand-font, inherit);
|
|
20
20
|
color: var(--md-sys-color-on-surface);
|
|
21
21
|
}
|
|
@@ -32,16 +32,19 @@ import{a as u,n as d,i as h,f as c,x as v,t as _}from"../../vendor/vendor.js";im
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
a {
|
|
35
|
-
text-decoration: underline;
|
|
36
|
-
text-underline-offset: .22em;
|
|
37
|
-
text-decoration-thickness: 1px;
|
|
35
|
+
text-decoration: var(--scb-link-decoration, underline);
|
|
36
|
+
text-underline-offset: var(--scb-link-underline-offset, .22em);
|
|
37
|
+
text-decoration-thickness: var(--scb-link-underline-thickness, 1px);
|
|
38
|
+
|
|
38
39
|
color: var(--scb-link-color, var(--md-sys-color-primary));
|
|
39
40
|
border-radius: var(--radius-2, 2px);
|
|
40
41
|
outline: none;
|
|
41
42
|
cursor: pointer;
|
|
42
43
|
transition: text-decoration-thickness .12s ease;
|
|
44
|
+
|
|
45
|
+
white-space: var(--scb-link-white-space, normal);
|
|
43
46
|
}
|
|
44
|
-
a:hover { text-decoration-thickness: 2px; }
|
|
47
|
+
a:hover { text-decoration-thickness: var(--scb-link-hover-thickness, 2px); }
|
|
45
48
|
a:focus { outline: none; }
|
|
46
49
|
a:visited { color: var(--scb-link-visited-color, var(--md-sys-color-on-surface)); }
|
|
47
50
|
|
|
@@ -51,4 +54,4 @@ import{a as u,n as d,i as h,f as c,x as v,t as _}from"../../vendor/vendor.js";im
|
|
|
51
54
|
text-decoration: none;
|
|
52
55
|
cursor: default;
|
|
53
56
|
}
|
|
54
|
-
`;
|
|
57
|
+
`;o([c({type:String,reflect:!0})],i.prototype,"href",2);o([c({type:String,reflect:!0})],i.prototype,"target",2);o([c({type:String,reflect:!0})],i.prototype,"rel",2);o([c({type:String,reflect:!0})],i.prototype,"download",2);o([c({type:Boolean,reflect:!0})],i.prototype,"disabled",2);o([c({type:String,attribute:"aria-label"})],i.prototype,"ariaLabel",2);i=o([b("scb-link")],i);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.17",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -277,5 +277,5 @@
|
|
|
277
277
|
},
|
|
278
278
|
"./mvc/*": "./mvc/*"
|
|
279
279
|
},
|
|
280
|
-
"buildHash": "
|
|
280
|
+
"buildHash": "E7C2A3EF4CA13989FA4B253FEFC8AA0045EB5CA36AC88B45ADBF04E2B681817C"
|
|
281
281
|
}
|
|
@@ -24,13 +24,9 @@ export declare class ScbAccordionItem extends LitElement {
|
|
|
24
24
|
disconnectedCallback(): void;
|
|
25
25
|
static styles: import('lit').CSSResult[];
|
|
26
26
|
private toggleAccordion;
|
|
27
|
-
private _setBottomMaxHeight;
|
|
28
27
|
private _onKeyDown;
|
|
29
28
|
private _renderLeading;
|
|
30
|
-
private _bottomEl;
|
|
31
29
|
private _applyInert;
|
|
32
|
-
private _onSlotChange;
|
|
33
|
-
private _onContentLoad;
|
|
34
30
|
private _emitExpandedChanged;
|
|
35
31
|
protected updated(changed: Map<string, unknown>): void;
|
|
36
32
|
protected render(): TemplateResult;
|