scb-wc-test 0.1.4 → 0.1.6
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/index.d.ts +0 -1
- package/mvc/components/all.js +53 -53
- package/mvc/components/scb-accordion/scb-accordion-item.js +4 -4
- package/mvc/components/scb-accordion/scb-accordion.js +2 -2
- package/mvc/components/scb-app-bar/scb-app-bar.js +7 -7
- package/mvc/components/scb-avatar/scb-avatar.js +10 -10
- package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +3 -3
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +6 -6
- package/mvc/components/scb-button/scb-button.js +7 -7
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +8 -8
- package/mvc/components/scb-card/scb-card.js +50 -50
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +4 -4
- package/mvc/components/scb-checkbox/scb-checkbox.js +3 -3
- package/mvc/components/scb-chips/scb-chip.js +4 -4
- package/mvc/components/scb-dialog/scb-dialog.js +13 -13
- package/mvc/components/scb-divider/scb-divider.js +3 -3
- package/mvc/components/scb-drawer/scb-drawer-item.js +10 -10
- package/mvc/components/scb-drawer/scb-drawer-section.js +4 -4
- package/mvc/components/scb-drawer/scb-drawer.js +7 -7
- package/mvc/components/scb-drawer/scb-sub-drawer.js +3 -3
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +7 -7
- package/mvc/components/scb-fact-card/scb-fact-card.js +5 -5
- package/mvc/components/scb-footer/scb-footer-section.js +2 -2
- package/mvc/components/scb-footer/scb-footer.js +9 -9
- package/mvc/components/scb-grid/scb-grid-item.js +2 -2
- package/mvc/components/scb-grid/scb-grid.js +1 -1
- package/mvc/components/scb-grid/scb-stack.js +2 -2
- package/mvc/components/scb-header/scb-header-drawer-group.js +1 -1
- package/mvc/components/scb-header/scb-header-drawer-item.js +1 -1
- package/mvc/components/scb-header/scb-header-tab.js +1 -1
- package/mvc/components/scb-header/scb-header-utility.js +1 -1
- package/mvc/components/scb-header/scb-header.js +12 -12
- package/mvc/components/scb-icon-button/scb-icon-button.js +19 -19
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +12 -12
- package/mvc/components/scb-link/scb-link.js +9 -9
- package/mvc/components/scb-list/scb-list-item.js +3 -3
- package/mvc/components/scb-list/scb-list.js +3 -3
- package/mvc/components/scb-menu/scb-menu-item.js +10 -10
- package/mvc/components/scb-menu/scb-menu.js +3 -3
- package/mvc/components/scb-menu/scb-sub-menu.js +3 -3
- package/mvc/components/scb-notification/scb-notification.js +8 -8
- package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +16 -23
- package/mvc/components/scb-radio-button/scb-radio-button.js +5 -5
- package/mvc/components/scb-radio-button/scb-radio-group.js +4 -4
- package/mvc/components/scb-search/scb-search.js +5 -5
- package/mvc/components/scb-snackbar/scb-snackbar.js +6 -6
- package/mvc/components/scb-status-pill/scb-status-pill.js +4 -4
- package/mvc/components/scb-switch/scb-switch.js +3 -3
- package/mvc/components/scb-tabs/scb-primary-tab.js +2 -2
- package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -2
- package/mvc/components/scb-tabs/scb-tabs.js +2 -2
- package/mvc/components/scb-textfield/scb-textfield.js +6 -6
- package/mvc/components/scb-toc/scb-toc-item.js +3 -3
- package/mvc/components/scb-toc/scb-toc.js +3 -3
- package/mvc/components/scb-tooltip/scb-tooltip.js +3 -3
- package/mvc/vendor/preload-helper.js +1 -1
- package/mvc/vendor/vendor-lit.js +1 -1
- package/mvc/vendor/vendor-material.js +1 -1
- package/mvc/vendor/vendor.js +6 -6
- package/package.json +6 -2
- package/scb-accordion/scb-accordion-item.d.ts +0 -1
- package/scb-accordion/scb-accordion.d.ts +0 -1
- package/scb-app-bar/scb-app-bar.d.ts +0 -1
- package/scb-avatar/scb-avatar.d.ts +0 -1
- package/scb-breadcrumb/scb-breadcrumb-item.d.ts +0 -1
- package/scb-breadcrumb/scb-breadcrumb.d.ts +0 -1
- package/scb-button/scb-button.d.ts +0 -1
- package/scb-calendar-card/scb-calendar-card.d.ts +0 -1
- package/scb-card/scb-card.d.ts +0 -1
- package/scb-checkbox/scb-checkbox-group.d.ts +0 -1
- package/scb-checkbox/scb-checkbox.d.ts +0 -1
- package/scb-chips/scb-chip.d.ts +0 -1
- package/scb-dialog/scb-dialog.d.ts +0 -1
- package/scb-divider/scb-divider.d.ts +0 -1
- package/scb-drawer/scb-drawer-item.d.ts +0 -1
- package/scb-drawer/scb-drawer-section.d.ts +0 -1
- package/scb-drawer/scb-drawer.d.ts +0 -1
- package/scb-drawer/scb-sub-drawer.d.ts +0 -1
- package/scb-fact-card/scb-fact-card-content.d.ts +0 -1
- package/scb-fact-card/scb-fact-card.d.ts +0 -1
- package/scb-footer/scb-footer-section.d.ts +0 -1
- package/scb-footer/scb-footer.d.ts +0 -1
- package/scb-grid/scb-grid-item.d.ts +0 -1
- package/scb-grid/scb-grid.d.ts +0 -1
- package/scb-grid/scb-stack.d.ts +0 -1
- package/scb-header/scb-header-drawer-group.d.ts +0 -1
- package/scb-header/scb-header-drawer-item.d.ts +0 -1
- package/scb-header/scb-header-tab.d.ts +0 -1
- package/scb-header/scb-header-utility.d.ts +0 -1
- package/scb-header/scb-header.d.ts +0 -1
- package/scb-icon-button/scb-icon-button.d.ts +0 -1
- package/scb-keyfigure-card/scb-keyfigure-card.d.ts +0 -1
- package/scb-link/scb-link.d.ts +0 -1
- package/scb-list/scb-list-item.d.ts +0 -1
- package/scb-list/scb-list.d.ts +0 -1
- package/scb-menu/scb-menu-item.d.ts +0 -1
- package/scb-menu/scb-menu.d.ts +0 -1
- package/scb-menu/scb-sub-menu.d.ts +0 -1
- package/scb-notification/scb-notification.d.ts +0 -1
- package/scb-progress-indicator/scb-progress-indicator.d.ts +1 -3
- package/scb-progress-indicator/scb-progress-indicator.js +37 -47
- package/scb-radio-button/scb-radio-button.d.ts +0 -1
- package/scb-radio-button/scb-radio-group.d.ts +0 -1
- package/scb-search/scb-search.d.ts +0 -1
- package/scb-snackbar/scb-snackbar.d.ts +0 -1
- package/scb-status-pill/scb-status-pill.d.ts +0 -1
- package/scb-switch/scb-switch.d.ts +0 -1
- package/scb-tabs/scb-primary-tab.d.ts +0 -1
- package/scb-tabs/scb-secondary-tab.d.ts +0 -1
- package/scb-tabs/scb-tabs.d.ts +0 -1
- package/scb-textfield/scb-textfield.d.ts +0 -1
- package/scb-toc/scb-toc-item.d.ts +0 -1
- package/scb-toc/scb-toc.d.ts +0 -1
- package/scb-tooltip/scb-tooltip.d.ts +0 -1
- package/scb-wc-test.bundle.js +83 -90
- /package/{scb-wc-test.d.ts → dist-types/scb-test-components/scb-wc-test.d.ts} +0 -0
package/index.d.ts
CHANGED
package/mvc/components/all.js
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import '
|
|
3
|
-
import '
|
|
4
|
-
import '
|
|
5
|
-
import '
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
10
|
-
import '
|
|
11
|
-
import '
|
|
12
|
-
import '
|
|
13
|
-
import '
|
|
14
|
-
import '
|
|
15
|
-
import '
|
|
16
|
-
import '
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
19
|
-
import '
|
|
20
|
-
import '
|
|
21
|
-
import '
|
|
22
|
-
import '
|
|
23
|
-
import '
|
|
24
|
-
import '
|
|
25
|
-
import '
|
|
26
|
-
import '
|
|
27
|
-
import '
|
|
28
|
-
import '
|
|
29
|
-
import '
|
|
30
|
-
import '
|
|
31
|
-
import '
|
|
32
|
-
import '
|
|
33
|
-
import '
|
|
34
|
-
import '
|
|
35
|
-
import '
|
|
36
|
-
import '
|
|
37
|
-
import '
|
|
38
|
-
import '
|
|
39
|
-
import '
|
|
40
|
-
import '
|
|
41
|
-
import '
|
|
42
|
-
import '
|
|
43
|
-
import '
|
|
44
|
-
import '
|
|
45
|
-
import '
|
|
46
|
-
import '
|
|
47
|
-
import '
|
|
48
|
-
import '
|
|
49
|
-
import '
|
|
50
|
-
import '
|
|
51
|
-
import '
|
|
52
|
-
import '
|
|
53
|
-
import '
|
|
1
|
+
import './scb-accordion/scb-accordion.js';
|
|
2
|
+
import './scb-accordion/scb-accordion-item.js';
|
|
3
|
+
import './scb-app-bar/scb-app-bar.js';
|
|
4
|
+
import './scb-avatar/scb-avatar.js';
|
|
5
|
+
import './scb-breadcrumb/scb-breadcrumb.js';
|
|
6
|
+
import './scb-breadcrumb/scb-breadcrumb-item.js';
|
|
7
|
+
import './scb-button/scb-button.js';
|
|
8
|
+
import './scb-calendar-card/scb-calendar-card.js';
|
|
9
|
+
import './scb-card/scb-card.js';
|
|
10
|
+
import './scb-checkbox/scb-checkbox.js';
|
|
11
|
+
import './scb-checkbox/scb-checkbox-group.js';
|
|
12
|
+
import './scb-chips/scb-chip.js';
|
|
13
|
+
import './scb-dialog/scb-dialog.js';
|
|
14
|
+
import './scb-divider/scb-divider.js';
|
|
15
|
+
import './scb-drawer/scb-drawer.js';
|
|
16
|
+
import './scb-drawer/scb-drawer-item.js';
|
|
17
|
+
import './scb-drawer/scb-drawer-section.js';
|
|
18
|
+
import './scb-drawer/scb-sub-drawer.js';
|
|
19
|
+
import './scb-fact-card/scb-fact-card.js';
|
|
20
|
+
import './scb-fact-card/scb-fact-card-content.js';
|
|
21
|
+
import './scb-footer/scb-footer.js';
|
|
22
|
+
import './scb-footer/scb-footer-section.js';
|
|
23
|
+
import './scb-grid/scb-grid.js';
|
|
24
|
+
import './scb-grid/scb-grid-item.js';
|
|
25
|
+
import './scb-grid/scb-stack.js';
|
|
26
|
+
import './scb-header/scb-header.js';
|
|
27
|
+
import './scb-header/scb-header-drawer-group.js';
|
|
28
|
+
import './scb-header/scb-header-drawer-item.js';
|
|
29
|
+
import './scb-header/scb-header-tab.js';
|
|
30
|
+
import './scb-header/scb-header-utility.js';
|
|
31
|
+
import './scb-icon-button/scb-icon-button.js';
|
|
32
|
+
import './scb-keyfigure-card/scb-keyfigure-card.js';
|
|
33
|
+
import './scb-link/scb-link.js';
|
|
34
|
+
import './scb-list/scb-list.js';
|
|
35
|
+
import './scb-list/scb-list-item.js';
|
|
36
|
+
import './scb-menu/scb-menu.js';
|
|
37
|
+
import './scb-menu/scb-menu-item.js';
|
|
38
|
+
import './scb-menu/scb-sub-menu.js';
|
|
39
|
+
import './scb-notification/scb-notification.js';
|
|
40
|
+
import './scb-progress-indicator/scb-progress-indicator.js';
|
|
41
|
+
import './scb-radio-button/scb-radio-button.js';
|
|
42
|
+
import './scb-radio-button/scb-radio-group.js';
|
|
43
|
+
import './scb-search/scb-search.js';
|
|
44
|
+
import './scb-snackbar/scb-snackbar.js';
|
|
45
|
+
import './scb-status-pill/scb-status-pill.js';
|
|
46
|
+
import './scb-switch/scb-switch.js';
|
|
47
|
+
import './scb-tabs/scb-primary-tab.js';
|
|
48
|
+
import './scb-tabs/scb-secondary-tab.js';
|
|
49
|
+
import './scb-tabs/scb-tabs.js';
|
|
50
|
+
import './scb-textfield/scb-textfield.js';
|
|
51
|
+
import './scb-toc/scb-toc.js';
|
|
52
|
+
import './scb-toc/scb-toc-item.js';
|
|
53
|
+
import './scb-tooltip/scb-tooltip.js';
|
|
@@ -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 h}from"../../vendor/preload-helper.js";import{b as g,n
|
|
2
|
+
import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p,x as l,t as v}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(r,i,s){try{customElements.get(r)||a(r,i,s)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,o=(t,a,r,i)=>{for(var s=i>1?void 0:i?b(a,r):a,d=t.length-1,c;d>=0;d--)(c=t[d])&&(s=(i?c(a,r,s):c(s))||s);return i&&s&&m(a,r,s),s};let e=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="https://www.scb.se/img/scb-logo.svg",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=e._uid(),this.toggleAccordion=()=>{const t=this.closest("scb-accordion");t?.hasAttribute("detached")||t.querySelectorAll("scb-accordion-item").forEach(r=>{r!==this&&(r.expanded=!1,r._applyInert(),r._setBottomMaxHeight(r))}),this.expanded=!this.expanded,this._applyInert(),this._setBottomMaxHeight(this)},this._onSlotChange=()=>{this.expanded&&this._setBottomMaxHeight(this)},this._onContentLoad=()=>{this.expanded&&this._setBottomMaxHeight(this)}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${e._uidPrefix}-${++e._uidSeq}`}async firstUpdated(){e._mdIconLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e._mdIconLoaded=!0),e._mdRippleLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),e._mdRippleLoaded=!0),this._applyInert(),this._bottomEl()?.addEventListener("load",this._onContentLoad,!0)}disconnectedCallback(){this._bottomEl()?.removeEventListener("load",this._onContentLoad,!0),super.disconnectedCallback()}_setBottomMaxHeight(t){const a=t._bottomEl();a&&(t.expanded?(a.style.maxHeight=`${a.scrollHeight}px`,setTimeout(()=>a.style.maxHeight="unset",160)):(a.style.maxHeight=`${a.scrollHeight}px`,requestAnimationFrame(()=>a.style.maxHeight="0")))}_onKeyDown(t){const a=this.closest("scb-accordion"),i=Array.from(a?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector(".scb-accordion-top")).filter(c=>!!c),s=t.currentTarget,d=i.indexOf(s);switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggleAccordion();break;case"ArrowDown":t.preventDefault(),d<i.length-1&&i[d+1].focus();break;case"ArrowUp":t.preventDefault(),d>0&&i[d-1].focus();break;case"Home":t.preventDefault(),i.length&&i[0].focus();break;case"End":t.preventDefault(),i.length&&i[i.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,7 +8,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n as o,i as v,E
|
|
|
8
8
|
shape="circular"
|
|
9
9
|
variant=${this.avatarVariant}
|
|
10
10
|
></scb-avatar>
|
|
11
|
-
`;case"image":return l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`;default:return p}}_bottomEl(){return this.renderRoot.querySelector(".scb-accordion-bottom")}_applyInert(){const t=this._bottomEl();t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}updated(t){t.has("expanded")&&(this._applyInert(),this._setBottomMaxHeight(this))}render(){const t=`bottom-${this._unique}`,a=`header-${this._unique}`,
|
|
11
|
+
`;case"image":return l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`;default:return p}}_bottomEl(){return this.renderRoot.querySelector(".scb-accordion-bottom")}_applyInert(){const t=this._bottomEl();t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}updated(t){t.has("expanded")&&(this._applyInert(),this._setBottomMaxHeight(this))}render(){const t=`bottom-${this._unique}`,a=`header-${this._unique}`,r=!!this.overline,i=!!this.supportingText;return l`
|
|
12
12
|
<div part="scb-accordion-item" class="scb-accordion-item">
|
|
13
13
|
<div
|
|
14
14
|
id=${a}
|
|
@@ -26,7 +26,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n as o,i as v,E
|
|
|
26
26
|
${this.leading?l`<div class="leading">${this._renderLeading()}</div>`:p}
|
|
27
27
|
|
|
28
28
|
<div class="texts">
|
|
29
|
-
${
|
|
29
|
+
${r?l`<div class="overline">${this.overline}</div>`:p}
|
|
30
30
|
<div class="label">${this.label}</div>
|
|
31
31
|
${i?l`<div class="supporting-text">${this.supportingText}</div>`:p}
|
|
32
32
|
</div>
|
|
@@ -191,4 +191,4 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n as o,i as v,E
|
|
|
191
191
|
@media (prefers-reduced-motion: reduce) {
|
|
192
192
|
md-ripple { display: none; } /* endast fokusring visas */
|
|
193
193
|
}
|
|
194
|
-
`];
|
|
194
|
+
`];o([n({type:Boolean})],e.prototype,"expanded",2);o([n({type:String,reflect:!0})],e.prototype,"label",2);o([n({type:String})],e.prototype,"content",2);o([n({type:String,attribute:"overline"})],e.prototype,"overline",2);o([n({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);o([n({type:Boolean})],e.prototype,"leading",2);o([n({type:String,attribute:"leading-variant",reflect:!0})],e.prototype,"leadingVariant",2);o([n({type:String,attribute:"leading-icon"})],e.prototype,"leadingIcon",2);o([n({type:String,attribute:"img-href-image",reflect:!0})],e.prototype,"imgHrefImage",2);o([n({type:String,attribute:"avatar-label"})],e.prototype,"avatarLabel",2);o([n({type:String,attribute:"avatar-alt"})],e.prototype,"avatarAlt",2);o([n({type:String,attribute:"avatar-variant"})],e.prototype,"avatarVariant",2);o([n({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2);o([n({type:Number,reflect:!0})],e.prototype,"density",2);e=o([v("scb-accordion-item")],e);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{n as
|
|
1
|
+
import{n as a,t as l,i as _,x as f}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../../vendor/preload-helper.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,c,e){try{customElements.get(t)||r(t,c,e)}catch(s){var o=String(s||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var u=Object.defineProperty,p=Object.getOwnPropertyDescriptor,i=(n,r,t,c)=>{for(var e=c>1?void 0:c?p(r,t):r,o=n.length-1,s;o>=0;o--)(s=n[o])&&(e=(c?s(r,t,e):s(e))||e);return c&&e&&u(r,t,e),e};let d=class extends _{constructor(){super(...arguments),this.detached=!1}render(){return f`
|
|
2
2
|
<div class="scb-accordion" ?detached=${this.detached}>
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};
|
|
5
|
+
`}};i([a({type:Boolean,reflect:!0})],d.prototype,"detached",2);d=i([l("scb-accordion")],d);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as h,n as
|
|
1
|
+
import{b as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.js";import"../../vendor/vendor-material.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(t,l,e){try{customElements.get(t)||a(t,l,e)}catch(s){var o=String(s||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(n,a,t,l)=>{for(var e=l>1?void 0:l?f(a,t):a,o=n.length-1,s;o>=0;o--)(s=n[o])&&(e=(l?s(a,t,e):s(e))||e);return l&&e&&g(a,t,e),e};let i=class extends c{constructor(){super(...arguments),this.title="App title",this.type="default",this.position="default",this.searchSupportingText=""}render(){switch(this.type){case"small-flexible":return r`
|
|
2
2
|
<header class="small-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Small app bar">
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<slot name="leading"></slot>
|
|
@@ -8,7 +8,7 @@ import{b as h,n as s,i as c,x as i,t as m}from"../../vendor/vendor.js";import"..
|
|
|
8
8
|
<slot name="trailing"></slot>
|
|
9
9
|
</div>
|
|
10
10
|
</header>
|
|
11
|
-
`;case"medium-flexible":return
|
|
11
|
+
`;case"medium-flexible":return r`
|
|
12
12
|
<header class="medium-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Medium flexible app bar">
|
|
13
13
|
<div class="action-elements">
|
|
14
14
|
<div>
|
|
@@ -20,7 +20,7 @@ import{b as h,n as s,i as c,x as i,t as m}from"../../vendor/vendor.js";import"..
|
|
|
20
20
|
</div>
|
|
21
21
|
<h1 class="headline">${this.title}</h1>
|
|
22
22
|
</header>
|
|
23
|
-
`;case"large-flexible":return
|
|
23
|
+
`;case"large-flexible":return r`
|
|
24
24
|
<header class="large-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Large flexible app bar">
|
|
25
25
|
<div class="action-elements">
|
|
26
26
|
<div style="">
|
|
@@ -32,7 +32,7 @@ import{b as h,n as s,i as c,x as i,t as m}from"../../vendor/vendor.js";import"..
|
|
|
32
32
|
</div>
|
|
33
33
|
<h1 class="headline">${this.title}</h1>
|
|
34
34
|
</header>
|
|
35
|
-
`;case"search":return
|
|
35
|
+
`;case"search":return r`
|
|
36
36
|
<header class="search ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Search app bar">
|
|
37
37
|
<div class="leading">
|
|
38
38
|
<slot name="leading"></slot>
|
|
@@ -44,7 +44,7 @@ import{b as h,n as s,i as c,x as i,t as m}from"../../vendor/vendor.js";import"..
|
|
|
44
44
|
<slot name="trailing"></slot>
|
|
45
45
|
</div>
|
|
46
46
|
</header>
|
|
47
|
-
`;default:return
|
|
47
|
+
`;default:return r`
|
|
48
48
|
<header class="default ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Small app bar">
|
|
49
49
|
<div class="leading">
|
|
50
50
|
<slot name="leading"></slot>
|
|
@@ -54,7 +54,7 @@ import{b as h,n as s,i as c,x as i,t as m}from"../../vendor/vendor.js";import"..
|
|
|
54
54
|
<slot name="trailing"></slot>
|
|
55
55
|
</div>
|
|
56
56
|
</header>
|
|
57
|
-
`}}};
|
|
57
|
+
`}}};i.styles=[h`
|
|
58
58
|
:host {
|
|
59
59
|
display: block;
|
|
60
60
|
position: relative;
|
|
@@ -141,4 +141,4 @@ import{b as h,n as s,i as c,x as i,t as m}from"../../vendor/vendor.js";import"..
|
|
|
141
141
|
align-items: center;
|
|
142
142
|
margin-bottom: 8px;
|
|
143
143
|
}
|
|
144
|
-
`];
|
|
144
|
+
`];p([d({type:String})],i.prototype,"title",2);p([d({type:String})],i.prototype,"type",2);p([d({type:String,reflect:!0})],i.prototype,"position",2);p([d({type:String,attribute:"search-supporting-text"})],i.prototype,"searchSupportingText",2);i=p([m("scb-app-bar")],i);
|
|
@@ -1,16 +1,16 @@
|
|
|
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 m}from"../../vendor/preload-helper.js";import{b as
|
|
2
|
+
import{_ as m}from"../../vendor/preload-helper.js";import{b as _,n as l,r as p,i as u,E as d,x as n,t as g}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||i(r,s,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,i,r,s)=>{for(var o=s>1?void 0:s?f(i,r):i,c=t.length-1,h;c>=0;c--)(h=t[c])&&(o=(s?h(i,r,o):h(o))||o);return s&&o&&v(i,r,o),o};let e=class extends u{constructor(){super(...arguments),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const r=i[0].slice(0,1),s=i[i.length-1].slice(0,1);return(r+s).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,r=n`${d}
|
|
3
3
|
<slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
|
|
4
|
-
${this._hasIconSlot?
|
|
5
|
-
`,s=
|
|
6
|
-
@load=${this._onImgLoad} @error=${this._onImgError} />`:
|
|
4
|
+
${this._hasIconSlot?d:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
|
|
5
|
+
`,s=i?n`<img class="photo" part="image" src=${this.src} alt=${this.alt}
|
|
6
|
+
@load=${this._onImgLoad} @error=${this._onImgError} />`:n`
|
|
7
7
|
<slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
|
|
8
|
-
${this._hasIconSlot?
|
|
9
|
-
`;return
|
|
10
|
-
<div class="container" part="container" role="img" aria-label=${
|
|
11
|
-
${this.variant==="icon"?
|
|
8
|
+
${this._hasIconSlot?d:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
|
|
9
|
+
`;return n`
|
|
10
|
+
<div class="container" part="container" role="img" aria-label=${t??d}>
|
|
11
|
+
${this.variant==="icon"?r:s}
|
|
12
12
|
</div>
|
|
13
|
-
`}};e.styles=
|
|
13
|
+
`}};e.styles=_`
|
|
14
14
|
:host {
|
|
15
15
|
display: inline-block;
|
|
16
16
|
vertical-align: middle;
|
|
@@ -96,4 +96,4 @@ import{_ as m}from"../../vendor/preload-helper.js";import{b as g,n as l,r as d,i
|
|
|
96
96
|
outline-offset: 2px;
|
|
97
97
|
border-radius: var(--_radius);
|
|
98
98
|
}
|
|
99
|
-
`;
|
|
99
|
+
`;a([l({type:String})],e.prototype,"src",2);a([l({type:String})],e.prototype,"alt",2);a([l({type:String})],e.prototype,"label",2);a([l({type:String,reflect:!0})],e.prototype,"size",2);a([l({type:String,reflect:!0})],e.prototype,"shape",2);a([l({type:String,attribute:"icon-name",reflect:!0})],e.prototype,"iconName",2);a([l({type:String,reflect:!0})],e.prototype,"variant",2);a([p()],e.prototype,"_imgError",2);a([p()],e.prototype,"_hasIconSlot",2);e=a([g("scb-avatar")],e);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as
|
|
1
|
+
import{n as l,t as b,i as p,b as d,x as u}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,e){try{customElements.get(r)||t(r,s,e)}catch(n){var a=String(n||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(i,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,a=i.length-1,n;a>=0;a--)(n=i[a])&&(e=(s?n(t,r,e):n(e))||e);return s&&e&&f(t,r,e),e};let c=class extends p{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return d`
|
|
2
2
|
.breadcrumb-separator {
|
|
3
3
|
margin: 0 8px;
|
|
4
4
|
color: var(--md-sys-color-on-surface);
|
|
@@ -11,7 +11,7 @@ import{n as o,t as u,i as b,b as m,x as p}from"../../vendor/vendor.js";var h=Obj
|
|
|
11
11
|
.breadcrumb-link:hover {
|
|
12
12
|
text-decoration-thickness: 2px;
|
|
13
13
|
}
|
|
14
|
-
`}render(){switch(!0){case this.isCurrent:return
|
|
14
|
+
`}render(){switch(!0){case this.isCurrent:return u`<span class="breadcrumb-current">${this.label}</span>`;default:return u`
|
|
15
15
|
<a href="${this.href}" class="breadcrumb-link">${this.label}</a>
|
|
16
16
|
<span class="breadcrumb-separator">/</span>
|
|
17
|
-
`}}};
|
|
17
|
+
`}}};o([l({type:String})],c.prototype,"label",2);o([l({type:Boolean,attribute:"is-current"})],c.prototype,"isCurrent",2);o([l({type:String,attribute:"item-href"})],c.prototype,"href",2);c=o([b("scb-breadcrumb-item")],c);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as d,t as m,i as b,b as p,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";var
|
|
1
|
+
import{n as d,t as m,i as b,b as p,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.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(s,t,a){try{customElements.get(s)||r(s,t,a)}catch(i){var l=String(i||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(e,r,s,t)=>{for(var a=t>1?void 0:t?h(r,s):r,l=e.length-1,i;l>=0;l--)(i=e[l])&&(a=(t?i(r,s,a):i(a))||a);return t&&a&&u(r,s,a),a};let n=class extends b{constructor(){super(...arguments),this.showAll=!1}static get styles(){return p`
|
|
2
2
|
.scb-breadcrumb {
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
@@ -37,15 +37,15 @@ import{n as d,t as m,i as b,b as p,x as o}from"../../vendor/vendor.js";import"./
|
|
|
37
37
|
transform: translateY(0);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
`}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((s
|
|
41
|
-
<div class="scb-breadcrumb ${
|
|
42
|
-
${
|
|
40
|
+
`}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-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))}))}render(){let e=[];this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0&&e[e.length-1].setAttribute("is-current","true");const r=e.length>6&&!this.showAll;return o`
|
|
41
|
+
<div class="scb-breadcrumb ${r?"collapsed":"expanded"}">
|
|
42
|
+
${r?e.map((s,t)=>t===3?o`<span
|
|
43
43
|
class="ellipsis"
|
|
44
44
|
aria-label="Visa alla"
|
|
45
45
|
role="button"
|
|
46
46
|
tabindex="0"
|
|
47
47
|
@click=${this._onEllipsisClick}
|
|
48
48
|
@keydown=${a=>{(a.key==="Enter"||a.key===" ")&&this._onEllipsisClick()}}
|
|
49
|
-
><md-icon>more_horiz</md-icon></span><span class="breadcrumb-separator">/</span>${
|
|
49
|
+
><md-icon>more_horiz</md-icon></span><span class="breadcrumb-separator">/</span>${s}`:o`${s}`):e.map(s=>s)}
|
|
50
50
|
</div>
|
|
51
|
-
`}};
|
|
51
|
+
`}};c([d({type:Boolean})],n.prototype,"showAll",2);n=c([m("scb-breadcrumb")],n);
|
|
@@ -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 h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E as e,n as
|
|
2
|
+
import{_ as h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E as e,n as c,t as f}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,n,a){try{customElements.get(i)||r(i,n,a)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var p=Object.defineProperty,_=Object.getOwnPropertyDescriptor,s=(t,r,i,n)=>{for(var a=n>1?void 0:n?_(r,i):r,o=t.length-1,d;o>=0;o--)(d=t[o])&&(a=(n?d(r,i,a):d(a))||a);return n&&a&&p(r,i,a),a};let l=class extends b{constructor(){super(...arguments),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.disabled=!1,this.href="",this.target="",this.rel="",this.__loadedButtons=new Set,this.__iconLoaded=!1}async __ensureDepsLoaded(){if(!this.__loadedButtons.has(this.variant)){switch(this.variant){case"filled":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.g),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.h),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.j),__vite__mapDeps([0,1]),import.meta.url);break;case"text":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.t),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedButtons.add(this.variant)}this.icon&&!this.__iconLoaded&&(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getInnerButton(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__syncAriaToInner(){const t=this.__getInnerButton();if(!t)return;const r=this.getAttribute("aria-controls");r&&t.setAttribute("aria-controls",r);const i=this.getAttribute("aria-expanded");i!==null&&(t.setAttribute("aria-expanded",i),this.removeAttribute("aria-expanded")),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(n=>{const a=this.__getInnerButton();if(a){for(const o of n)if(!(o.type!=="attributes"||!o.attributeName)&&(o.attributeName==="aria-controls"||o.attributeName==="aria-expanded")){const d=this.getAttribute(o.attributeName);d===null?a.removeAttribute(o.attributeName):a.setAttribute(o.attributeName,d),o.attributeName==="aria-expanded"&&this.removeAttribute("aria-expanded")}}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__ensureDepsLoaded(),this.__syncAriaToInner()}updated(t){(t.has("variant")||t.has("icon")&&this.icon)&&this.__ensureDepsLoaded(),t.has("variant")&&this.__syncAriaToInner()}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}static get styles(){return m`
|
|
3
3
|
/* Gör hosten stretchbar i t.ex. flex/grid */
|
|
4
4
|
:host {
|
|
5
5
|
display: inline-flex;
|
|
@@ -58,10 +58,10 @@ import{_ as h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
*/
|
|
61
|
-
`}render(){const t=!!this.icon?.trim(),r=t?u`<md-icon slot="icon">${this.icon}</md-icon>`:e,
|
|
61
|
+
`}render(){const t=!!this.icon?.trim(),r=t?u`<md-icon slot="icon">${this.icon}</md-icon>`:e,i=e,n=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return u`
|
|
62
62
|
<md-filled-button
|
|
63
63
|
type=${this.type}
|
|
64
|
-
variant=${
|
|
64
|
+
variant=${i}
|
|
65
65
|
?trailing-icon=${this.trailingIcon}
|
|
66
66
|
?disabled=${this.disabled}
|
|
67
67
|
aria-label=${n}
|
|
@@ -76,7 +76,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E
|
|
|
76
76
|
`;case"outlined":return u`
|
|
77
77
|
<md-outlined-button
|
|
78
78
|
type=${this.type}
|
|
79
|
-
variant=${
|
|
79
|
+
variant=${i}
|
|
80
80
|
?trailing-icon=${this.trailingIcon}
|
|
81
81
|
?disabled=${this.disabled}
|
|
82
82
|
aria-label=${n}
|
|
@@ -91,7 +91,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E
|
|
|
91
91
|
`;case"filled-tonal":return u`
|
|
92
92
|
<md-filled-tonal-button
|
|
93
93
|
type=${this.type}
|
|
94
|
-
variant=${
|
|
94
|
+
variant=${i}
|
|
95
95
|
?trailing-icon=${this.trailingIcon}
|
|
96
96
|
?disabled=${this.disabled}
|
|
97
97
|
aria-label=${n}
|
|
@@ -106,7 +106,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E
|
|
|
106
106
|
`;case"text":return u`
|
|
107
107
|
<md-text-button
|
|
108
108
|
type=${this.type}
|
|
109
|
-
variant=${
|
|
109
|
+
variant=${i}
|
|
110
110
|
?trailing-icon=${this.trailingIcon}
|
|
111
111
|
?disabled=${this.disabled}
|
|
112
112
|
aria-label=${n}
|
|
@@ -118,4 +118,4 @@ import{_ as h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E
|
|
|
118
118
|
${this.label}
|
|
119
119
|
${t&&this.trailingIcon?r:e}
|
|
120
120
|
</md-text-button>
|
|
121
|
-
`;default:return u``}}};s([
|
|
121
|
+
`;default:return u``}}};s([c({type:String,reflect:!0})],l.prototype,"variant",2);s([c({type:String,reflect:!0})],l.prototype,"type",2);s([c({type:String})],l.prototype,"label",2);s([c({type:Boolean,attribute:"trailing-icon"})],l.prototype,"trailingIcon",2);s([c({type:String})],l.prototype,"icon",2);s([c({type:Boolean,reflect:!0})],l.prototype,"disabled",2);s([c({type:String})],l.prototype,"href",2);s([c({type:String})],l.prototype,"target",2);s([c({type:String})],l.prototype,"rel",2);l=s([f("scb-button")],l);export{l as ScbButton};
|
|
@@ -1,7 +1,7 @@
|
|
|
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 c}from"../../vendor/preload-helper.js";import{b as h,n as
|
|
2
|
+
import{_ as c}from"../../vendor/preload-helper.js";import{b as h,n as d,i as g,x as p,t as u}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(a,r,i){try{customElements.get(a)||s(a,r,i)}catch(l){var o=String(l||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(t,s,a,r)=>{for(var i=r>1?void 0:r?v(s,a):s,o=t.length-1,l;o>=0;o--)(l=t[o])&&(i=(r?l(s,a,i):l(i))||i);return r&&i&&f(s,a,i),i};let e=class extends g{constructor(){super(...arguments),this.variant="default",this.direction="horizontal",this.header="",this.subtitle="",this.supportingText="",this.cardHref="",this.showMedia=null}async firstUpdated(){e.__iconLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0),e.__rippleLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),e.__rippleLoaded=!0)}render(){const t=this.variant?`${this.variant.toLowerCase()}`:"",s=this.direction?`${this.direction.toLowerCase()}`:"",a=this.cardHref?"clickable":"",r=new Date().getDate(),i=new Date().toLocaleString("default",{month:"short"}).replace(".","");return p`
|
|
3
3
|
<div
|
|
4
|
-
class="calendar-card ${
|
|
4
|
+
class="calendar-card ${s} ${a} ${t}"
|
|
5
5
|
role="${this.cardHref?"link":"group"}"
|
|
6
6
|
aria-label="${this.header||"Kalenderkort"}"
|
|
7
7
|
tabindex="${this.cardHref?"0":"-1"}"
|
|
@@ -9,8 +9,8 @@ import{_ as c}from"../../vendor/preload-helper.js";import{b as h,n as s,i as g,x
|
|
|
9
9
|
@keydown="${this.cardHref?this._onKeyDown:null}"
|
|
10
10
|
style="cursor: ${this.cardHref?"pointer":"default"};"
|
|
11
11
|
>
|
|
12
|
-
${this.cardHref?
|
|
13
|
-
${this.showMedia?
|
|
12
|
+
${this.cardHref?p`<md-ripple></md-ripple>`:""}
|
|
13
|
+
${this.showMedia?p`
|
|
14
14
|
<div class="media" aria-label="Datum: ${r} ${i}">
|
|
15
15
|
<div class="day">${r}</div>
|
|
16
16
|
<div class="month">${i}</div>
|
|
@@ -18,10 +18,10 @@ import{_ as c}from"../../vendor/preload-helper.js";import{b as h,n as s,i as g,x
|
|
|
18
18
|
<div class="container">
|
|
19
19
|
<div class="header-container">
|
|
20
20
|
<div class="header">${this.header}</div>
|
|
21
|
-
${this.cardHref?
|
|
21
|
+
${this.cardHref?p`<md-icon>arrow_forward</md-icon>`:""}
|
|
22
22
|
</div>
|
|
23
|
-
${this.subtitle?
|
|
24
|
-
${this.supportingText?
|
|
23
|
+
${this.subtitle?p`<div class="subtitle">${this.subtitle}</div>`:""}
|
|
24
|
+
${this.supportingText?p`<div class="supporting-text">${this.supportingText}</div>`:""}
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
27
|
`}_onKeyDown(t){(t.key==="Enter"||t.key===" ")&&this.cardHref&&(window.open(this.cardHref,"_self"),t.preventDefault())}};e.__iconLoaded=!1;e.__rippleLoaded=!1;e.styles=h`
|
|
@@ -137,4 +137,4 @@ import{_ as c}from"../../vendor/preload-helper.js";import{b as h,n as s,i as g,x
|
|
|
137
137
|
line-height: var(--md-sys-typescale-body-large-line-height, 26px);
|
|
138
138
|
letter-spacing: var(--md-sys-typescale-body-large-tracking, -0.3px);
|
|
139
139
|
}
|
|
140
|
-
`;
|
|
140
|
+
`;n([d({type:String,reflect:!0})],e.prototype,"variant",2);n([d({type:String,reflect:!0})],e.prototype,"direction",2);n([d({type:String})],e.prototype,"header",2);n([d({type:String})],e.prototype,"subtitle",2);n([d({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);n([d({type:String,attribute:"card-href"})],e.prototype,"cardHref",2);n([d({type:Boolean,reflect:!0,attribute:"show-media"})],e.prototype,"showMedia",2);e=n([u("scb-calendar-card")],e);
|