scb-wc-test 0.1.15 → 0.1.16
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-header/scb-header.js +17 -15
- package/mvc/components/scb-link/scb-link.js +16 -13
- package/package.json +2 -2
- package/scb-header/scb-header.js +13 -11
- package/scb-link/scb-link.js +28 -25
- package/scb-wc-test.bundle.js +16 -11
|
@@ -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.16",
|
|
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": "FBB511859BF3BB73E34D6C928D1BE7B7EE5F60CCAB7DAEAE5CF489C10F9C15F4"
|
|
281
281
|
}
|
package/scb-header/scb-header.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css as C, LitElement as M, html as c, nothing as p } from "lit";
|
|
2
|
-
import { property as l, state as u, customElement as
|
|
2
|
+
import { property as l, state as u, customElement as k } from "lit/decorators.js";
|
|
3
3
|
import "@material/web/focus/md-focus-ring.js";
|
|
4
4
|
import "../scb-grid/scb-grid-item.js";
|
|
5
5
|
import "../scb-grid/scb-grid.js";
|
|
@@ -10,10 +10,10 @@ import "../scb-tabs/scb-secondary-tab.js";
|
|
|
10
10
|
import "../scb-drawer/scb-drawer.js";
|
|
11
11
|
import "../scb-icon-button/scb-icon-button.js";
|
|
12
12
|
import "../scb-button/scb-button.js";
|
|
13
|
-
var
|
|
14
|
-
for (var o = i > 1 ? void 0 : i ?
|
|
13
|
+
var A = Object.defineProperty, T = Object.getOwnPropertyDescriptor, a = (e, t, s, i) => {
|
|
14
|
+
for (var o = i > 1 ? void 0 : i ? T(t, s) : t, h = e.length - 1, n; h >= 0; h--)
|
|
15
15
|
(n = e[h]) && (o = (i ? n(t, s, o) : n(o)) || o);
|
|
16
|
-
return i && o &&
|
|
16
|
+
return i && o && A(t, s, o), o;
|
|
17
17
|
};
|
|
18
18
|
const v = {
|
|
19
19
|
fromAttribute: (e) => e == null ? !0 : !/^(false|0|off|no)$/i.test(e),
|
|
@@ -440,17 +440,19 @@ r.styles = C`
|
|
|
440
440
|
.actions{ display:flex; align-items:center; gap:var(--spacing-7,24px); margin-left:auto; width:100%; justify-content:flex-end; min-width:0; }
|
|
441
441
|
|
|
442
442
|
.utility{ display:none; flex-wrap:nowrap; align-items:center; gap:var(--spacing-5,16px); min-width:0; }
|
|
443
|
-
.utility scb-link
|
|
443
|
+
.utility scb-link{
|
|
444
444
|
font-family: var(--md-sys-typescale-body-medium-font, var(--brand-font)), sans-serif;
|
|
445
445
|
font-size: var(--md-sys-typescale-body-medium-size);
|
|
446
446
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
447
447
|
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
448
448
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
449
|
+
|
|
450
|
+
--scb-link-color: var(--md-sys-color-primary);
|
|
451
|
+
--scb-link-decoration: underline;
|
|
452
|
+
--scb-link-underline-offset: 3px;
|
|
453
|
+
--scb-link-underline-thickness: 1px;
|
|
454
|
+
--scb-link-hover-thickness: 2px;
|
|
455
|
+
--scb-link-white-space: nowrap;
|
|
454
456
|
}
|
|
455
457
|
@media (min-width:840px){ .utility{ display:flex; } }
|
|
456
458
|
:host([data-collapsed]) .utility{ display:none !important; }
|
|
@@ -626,7 +628,7 @@ a([
|
|
|
626
628
|
u()
|
|
627
629
|
], r.prototype, "_hideLogoText", 2);
|
|
628
630
|
r = a([
|
|
629
|
-
|
|
631
|
+
k("scb-header")
|
|
630
632
|
], r);
|
|
631
633
|
export {
|
|
632
634
|
r as ScbHeader
|
package/scb-link/scb-link.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { css as h, LitElement as
|
|
2
|
-
import { property as s, customElement as
|
|
1
|
+
import { css as h, LitElement as v, html as u } from "lit";
|
|
2
|
+
import { property as s, customElement as b } from "lit/decorators.js";
|
|
3
3
|
import { ifDefined as n } from "lit/directives/if-defined.js";
|
|
4
4
|
import "@material/web/focus/md-focus-ring.js";
|
|
5
|
-
var
|
|
5
|
+
var y = Object.defineProperty, m = Object.getOwnPropertyDescriptor, f = (e) => {
|
|
6
6
|
throw TypeError(e);
|
|
7
|
-
},
|
|
8
|
-
for (var
|
|
9
|
-
(
|
|
10
|
-
return l &&
|
|
11
|
-
}, g = (e, r, t) => r.has(e) || f("Cannot " + t),
|
|
12
|
-
let o = class extends
|
|
7
|
+
}, a = (e, r, t, l) => {
|
|
8
|
+
for (var i = l > 1 ? void 0 : l ? m(r, t) : r, c = e.length - 1, d; c >= 0; c--)
|
|
9
|
+
(d = e[c]) && (i = (l ? d(r, t, i) : d(i)) || i);
|
|
10
|
+
return l && i && y(r, t, i), i;
|
|
11
|
+
}, g = (e, r, t) => r.has(e) || f("Cannot " + t), k = (e, r, t) => (g(e, r, "read from private field"), t ? t.call(e) : r.get(e)), _ = (e, r, t) => r.has(e) ? f("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, t), p;
|
|
12
|
+
let o = class extends v {
|
|
13
13
|
constructor() {
|
|
14
|
-
super(...arguments), this.href = "", this.disabled = !1, this.ariaLabel = "",
|
|
14
|
+
super(...arguments), this.href = "", this.disabled = !1, this.ariaLabel = "", _(this, p, (e) => {
|
|
15
15
|
this.disabled && (e.preventDefault(), e.stopPropagation());
|
|
16
16
|
});
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
const e = this.target === "_blank" && !this.rel ? "noopener noreferrer" : this.rel;
|
|
20
|
-
return
|
|
20
|
+
return u`
|
|
21
21
|
<a
|
|
22
22
|
part="anchor"
|
|
23
23
|
href=${n(this.disabled ? void 0 : this.href || void 0)}
|
|
@@ -26,7 +26,7 @@ let o = class extends u {
|
|
|
26
26
|
download=${n(this.download)}
|
|
27
27
|
aria-disabled=${this.disabled ? "true" : "false"}
|
|
28
28
|
aria-label=${n(this.ariaLabel || void 0)}
|
|
29
|
-
@click=${
|
|
29
|
+
@click=${k(this, p)}
|
|
30
30
|
><slot></slot></a>
|
|
31
31
|
|
|
32
32
|
<md-focus-ring></md-focus-ring>
|
|
@@ -38,7 +38,7 @@ o.styles = h`
|
|
|
38
38
|
:host {
|
|
39
39
|
display: inline-block;
|
|
40
40
|
position: relative;
|
|
41
|
-
|
|
41
|
+
padding: var(--scb-link-focus-ring-gap, 4px);
|
|
42
42
|
font-family: var(--brand-font, inherit);
|
|
43
43
|
color: var(--md-sys-color-on-surface);
|
|
44
44
|
}
|
|
@@ -55,16 +55,19 @@ o.styles = h`
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
a {
|
|
58
|
-
text-decoration: underline;
|
|
59
|
-
text-underline-offset: .22em;
|
|
60
|
-
text-decoration-thickness: 1px;
|
|
58
|
+
text-decoration: var(--scb-link-decoration, underline);
|
|
59
|
+
text-underline-offset: var(--scb-link-underline-offset, .22em);
|
|
60
|
+
text-decoration-thickness: var(--scb-link-underline-thickness, 1px);
|
|
61
|
+
|
|
61
62
|
color: var(--scb-link-color, var(--md-sys-color-primary));
|
|
62
63
|
border-radius: var(--radius-2, 2px);
|
|
63
64
|
outline: none;
|
|
64
65
|
cursor: pointer;
|
|
65
66
|
transition: text-decoration-thickness .12s ease;
|
|
67
|
+
|
|
68
|
+
white-space: var(--scb-link-white-space, normal);
|
|
66
69
|
}
|
|
67
|
-
a:hover { text-decoration-thickness: 2px; }
|
|
70
|
+
a:hover { text-decoration-thickness: var(--scb-link-hover-thickness, 2px); }
|
|
68
71
|
a:focus { outline: none; }
|
|
69
72
|
a:visited { color: var(--scb-link-visited-color, var(--md-sys-color-on-surface)); }
|
|
70
73
|
|
|
@@ -75,26 +78,26 @@ o.styles = h`
|
|
|
75
78
|
cursor: default;
|
|
76
79
|
}
|
|
77
80
|
`;
|
|
78
|
-
|
|
81
|
+
a([
|
|
79
82
|
s({ type: String, reflect: !0 })
|
|
80
83
|
], o.prototype, "href", 2);
|
|
81
|
-
|
|
84
|
+
a([
|
|
82
85
|
s({ type: String, reflect: !0 })
|
|
83
86
|
], o.prototype, "target", 2);
|
|
84
|
-
|
|
87
|
+
a([
|
|
85
88
|
s({ type: String, reflect: !0 })
|
|
86
89
|
], o.prototype, "rel", 2);
|
|
87
|
-
|
|
90
|
+
a([
|
|
88
91
|
s({ type: String, reflect: !0 })
|
|
89
92
|
], o.prototype, "download", 2);
|
|
90
|
-
|
|
93
|
+
a([
|
|
91
94
|
s({ type: Boolean, reflect: !0 })
|
|
92
95
|
], o.prototype, "disabled", 2);
|
|
93
|
-
|
|
96
|
+
a([
|
|
94
97
|
s({ type: String, attribute: "aria-label" })
|
|
95
98
|
], o.prototype, "ariaLabel", 2);
|
|
96
|
-
o =
|
|
97
|
-
|
|
99
|
+
o = a([
|
|
100
|
+
b("scb-link")
|
|
98
101
|
], o);
|
|
99
102
|
export {
|
|
100
103
|
o as ScbLink
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -4147,7 +4147,7 @@ var ScbWcTest=function(a){"use strict";var gs;function d(o,e,t,r){var i=argument
|
|
|
4147
4147
|
:host {
|
|
4148
4148
|
display: inline-block;
|
|
4149
4149
|
position: relative;
|
|
4150
|
-
|
|
4150
|
+
padding: var(--scb-link-focus-ring-gap, 4px);
|
|
4151
4151
|
font-family: var(--brand-font, inherit);
|
|
4152
4152
|
color: var(--md-sys-color-on-surface);
|
|
4153
4153
|
}
|
|
@@ -4164,16 +4164,19 @@ var ScbWcTest=function(a){"use strict";var gs;function d(o,e,t,r){var i=argument
|
|
|
4164
4164
|
}
|
|
4165
4165
|
|
|
4166
4166
|
a {
|
|
4167
|
-
text-decoration: underline;
|
|
4168
|
-
text-underline-offset: .22em;
|
|
4169
|
-
text-decoration-thickness: 1px;
|
|
4167
|
+
text-decoration: var(--scb-link-decoration, underline);
|
|
4168
|
+
text-underline-offset: var(--scb-link-underline-offset, .22em);
|
|
4169
|
+
text-decoration-thickness: var(--scb-link-underline-thickness, 1px);
|
|
4170
|
+
|
|
4170
4171
|
color: var(--scb-link-color, var(--md-sys-color-primary));
|
|
4171
4172
|
border-radius: var(--radius-2, 2px);
|
|
4172
4173
|
outline: none;
|
|
4173
4174
|
cursor: pointer;
|
|
4174
4175
|
transition: text-decoration-thickness .12s ease;
|
|
4176
|
+
|
|
4177
|
+
white-space: var(--scb-link-white-space, normal);
|
|
4175
4178
|
}
|
|
4176
|
-
a:hover { text-decoration-thickness: 2px; }
|
|
4179
|
+
a:hover { text-decoration-thickness: var(--scb-link-hover-thickness, 2px); }
|
|
4177
4180
|
a:focus { outline: none; }
|
|
4178
4181
|
a:visited { color: var(--scb-link-visited-color, var(--md-sys-color-on-surface)); }
|
|
4179
4182
|
|
|
@@ -4714,17 +4717,19 @@ var ScbWcTest=function(a){"use strict";var gs;function d(o,e,t,r){var i=argument
|
|
|
4714
4717
|
.actions{ display:flex; align-items:center; gap:var(--spacing-7,24px); margin-left:auto; width:100%; justify-content:flex-end; min-width:0; }
|
|
4715
4718
|
|
|
4716
4719
|
.utility{ display:none; flex-wrap:nowrap; align-items:center; gap:var(--spacing-5,16px); min-width:0; }
|
|
4717
|
-
.utility scb-link
|
|
4720
|
+
.utility scb-link{
|
|
4718
4721
|
font-family: var(--md-sys-typescale-body-medium-font, var(--brand-font)), sans-serif;
|
|
4719
4722
|
font-size: var(--md-sys-typescale-body-medium-size);
|
|
4720
4723
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
4721
4724
|
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
4722
4725
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
4723
|
-
|
|
4724
|
-
|
|
4725
|
-
|
|
4726
|
-
|
|
4727
|
-
|
|
4726
|
+
|
|
4727
|
+
--scb-link-color: var(--md-sys-color-primary);
|
|
4728
|
+
--scb-link-decoration: underline;
|
|
4729
|
+
--scb-link-underline-offset: 3px;
|
|
4730
|
+
--scb-link-underline-thickness: 1px;
|
|
4731
|
+
--scb-link-hover-thickness: 2px;
|
|
4732
|
+
--scb-link-white-space: nowrap;
|
|
4728
4733
|
}
|
|
4729
4734
|
@media (min-width:840px){ .utility{ display:flex; } }
|
|
4730
4735
|
:host([data-collapsed]) .utility{ display:none !important; }
|