scb-wc-test 0.1.185 → 0.1.187
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.js +78 -158
- package/mvc/components/scb-accordion/scb-accordion-item.js +5 -6
- package/mvc/components/scb-accordion/scb-accordion.js +7 -7
- package/package.json +2 -6
- package/scb-accordion/scb-accordion-item.js +7 -8
- package/scb-accordion/scb-accordion.d.ts +1 -1
- package/scb-accordion/scb-accordion.js +61 -48
- package/scb-wc-test.bundle.js +1080 -1081
- package/scb-wc-test.d.ts +157 -0
package/index.js
CHANGED
|
@@ -1,158 +1,78 @@
|
|
|
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
|
|
54
|
-
import
|
|
55
|
-
import
|
|
56
|
-
import
|
|
57
|
-
import
|
|
58
|
-
import
|
|
59
|
-
import
|
|
60
|
-
import
|
|
61
|
-
import
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import
|
|
67
|
-
import
|
|
68
|
-
import
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import
|
|
72
|
-
import
|
|
73
|
-
import
|
|
74
|
-
import
|
|
75
|
-
import
|
|
76
|
-
import
|
|
77
|
-
import
|
|
78
|
-
import
|
|
79
|
-
export {
|
|
80
|
-
d as SCBBreadcrumb,
|
|
81
|
-
n as SCBBreadcrumbItem,
|
|
82
|
-
c as ScbAccordion,
|
|
83
|
-
e as ScbAccordionItem,
|
|
84
|
-
p as ScbAppBar,
|
|
85
|
-
b as ScbAvatar,
|
|
86
|
-
f as ScbBadge,
|
|
87
|
-
l as ScbButton,
|
|
88
|
-
B as ScbCalendar,
|
|
89
|
-
T as ScbCalendarCard,
|
|
90
|
-
s as ScbCalendarEvent,
|
|
91
|
-
F as ScbCard,
|
|
92
|
-
h as ScbCheckbox,
|
|
93
|
-
H as ScbCheckboxGroup,
|
|
94
|
-
y as ScbChip,
|
|
95
|
-
D as ScbCollapse,
|
|
96
|
-
O as ScbCookiesConsent,
|
|
97
|
-
L as ScbDatepicker,
|
|
98
|
-
N as ScbDialog,
|
|
99
|
-
E as ScbDivider,
|
|
100
|
-
U as ScbDrawer,
|
|
101
|
-
j as ScbDropdown,
|
|
102
|
-
J as ScbFab,
|
|
103
|
-
Y as ScbFactCard,
|
|
104
|
-
W as ScbFactCardContent,
|
|
105
|
-
rr as ScbFooter,
|
|
106
|
-
_ as ScbFooterSection,
|
|
107
|
-
cr as ScbGrid,
|
|
108
|
-
er as ScbGridItem,
|
|
109
|
-
lr as ScbHeader,
|
|
110
|
-
br as ScbHeaderMenuGroup,
|
|
111
|
-
fr as ScbHeaderMenuItem,
|
|
112
|
-
nr as ScbHeaderTab,
|
|
113
|
-
dr as ScbHeaderUtility,
|
|
114
|
-
sr as ScbHorizontalScroller,
|
|
115
|
-
Br as ScbIconButton,
|
|
116
|
-
Tr as ScbKeyFigureCard,
|
|
117
|
-
Fr as ScbLink,
|
|
118
|
-
hr as ScbList,
|
|
119
|
-
Hr as ScbListItem,
|
|
120
|
-
Or as ScbMenu,
|
|
121
|
-
yr as ScbMenuItem,
|
|
122
|
-
Nr as ScbNav,
|
|
123
|
-
Er as ScbNotificationCard,
|
|
124
|
-
jr as ScbOptionsMenu,
|
|
125
|
-
Ur as ScbOptionsMenuItem,
|
|
126
|
-
Jr as ScbOptionsSubMenu,
|
|
127
|
-
Wr as ScbPagination,
|
|
128
|
-
wo as ScbPrimaryTab,
|
|
129
|
-
Yr as ScbProgressIndicator,
|
|
130
|
-
_r as ScbProgressStep,
|
|
131
|
-
ro as ScbProgressStepper,
|
|
132
|
-
eo as ScbRadioButton,
|
|
133
|
-
co as ScbRadioGroup,
|
|
134
|
-
po as ScbScrollspy,
|
|
135
|
-
bo as ScbSearch,
|
|
136
|
-
zo as ScbSecondaryTab,
|
|
137
|
-
fo as ScbSegmentedButton,
|
|
138
|
-
no as ScbSegmentedItem,
|
|
139
|
-
Co as ScbSelect,
|
|
140
|
-
uo as ScbSelectOption,
|
|
141
|
-
Io as ScbSkeleton,
|
|
142
|
-
go as ScbSlider,
|
|
143
|
-
ko as ScbSnackbar,
|
|
144
|
-
pr as ScbStack,
|
|
145
|
-
Mo as ScbStatusPill,
|
|
146
|
-
Po as ScbStep,
|
|
147
|
-
vo as ScbStepper,
|
|
148
|
-
Lr as ScbSubmenu,
|
|
149
|
-
Ao as ScbSwitch,
|
|
150
|
-
Go as ScbTableAdvanced,
|
|
151
|
-
Ro as ScbTabs,
|
|
152
|
-
Ko as ScbTextField,
|
|
153
|
-
qo as ScbToc,
|
|
154
|
-
Vo as ScbTocItem,
|
|
155
|
-
Qo as ScbTooltip,
|
|
156
|
-
Xo as ScbViz,
|
|
157
|
-
Dr as ScbmenuSection
|
|
158
|
-
};
|
|
1
|
+
import "./scb-accordion/scb-accordion-item.js";
|
|
2
|
+
import "./scb-accordion/scb-accordion.js";
|
|
3
|
+
import "./scb-app-bar/scb-app-bar.js";
|
|
4
|
+
import "./scb-avatar/scb-avatar.js";
|
|
5
|
+
import "./scb-badge/scb-badge.js";
|
|
6
|
+
import "./scb-breadcrumb/scb-breadcrumb-item.js";
|
|
7
|
+
import "./scb-breadcrumb/scb-breadcrumb.js";
|
|
8
|
+
import "./scb-button/scb-button.js";
|
|
9
|
+
import "./scb-calendar/scb-calendar-event.js";
|
|
10
|
+
import "./scb-calendar/scb-calendar.js";
|
|
11
|
+
import "./scb-calendar-card/scb-calendar-card.js";
|
|
12
|
+
import "./scb-card/scb-card.js";
|
|
13
|
+
import "./scb-checkbox/scb-checkbox-group.js";
|
|
14
|
+
import "./scb-checkbox/scb-checkbox.js";
|
|
15
|
+
import "./scb-chip/scb-chip.js";
|
|
16
|
+
import "./scb-collapse/scb-collapse.js";
|
|
17
|
+
import "./scb-cookies-consent/scb-cookies-consent.js";
|
|
18
|
+
import "./scb-datepicker/scb-datepicker.js";
|
|
19
|
+
import "./scb-dialog/scb-dialog.js";
|
|
20
|
+
import "./scb-divider/scb-divider.js";
|
|
21
|
+
import "./scb-drawer/scb-drawer.js";
|
|
22
|
+
import "./scb-dropdown/scb-dropdown.js";
|
|
23
|
+
import "./scb-fab/scb-fab.js";
|
|
24
|
+
import "./scb-fact-card/scb-fact-card-content.js";
|
|
25
|
+
import "./scb-fact-card/scb-fact-card.js";
|
|
26
|
+
import "./scb-footer/scb-footer-section.js";
|
|
27
|
+
import "./scb-footer/scb-footer.js";
|
|
28
|
+
import "./scb-grid/scb-grid-item.js";
|
|
29
|
+
import "./scb-grid/scb-grid.js";
|
|
30
|
+
import "./scb-grid/scb-stack.js";
|
|
31
|
+
import "./scb-header/scb-header-menu-group.js";
|
|
32
|
+
import "./scb-header/scb-header-menu-item.js";
|
|
33
|
+
import "./scb-header/scb-header-tab.js";
|
|
34
|
+
import "./scb-header/scb-header-utility.js";
|
|
35
|
+
import "./scb-header/scb-header.js";
|
|
36
|
+
import "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
37
|
+
import "./scb-icon-button/scb-icon-button.js";
|
|
38
|
+
import "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
39
|
+
import "./scb-link/scb-link.js";
|
|
40
|
+
import "./scb-list/scb-list-item.js";
|
|
41
|
+
import "./scb-list/scb-list.js";
|
|
42
|
+
import "./scb-menu/scb-menu-item.js";
|
|
43
|
+
import "./scb-menu/scb-menu-section.js";
|
|
44
|
+
import "./scb-menu/scb-menu.js";
|
|
45
|
+
import "./scb-menu/scb-sub-menu.js";
|
|
46
|
+
import "./scb-nav/scb-nav.js";
|
|
47
|
+
import "./scb-notification-card/scb-notification-card.js";
|
|
48
|
+
import "./scb-options-menu/scb-options-menu-item.js";
|
|
49
|
+
import "./scb-options-menu/scb-options-menu.js";
|
|
50
|
+
import "./scb-options-menu/scb-options-sub-menu.js";
|
|
51
|
+
import "./scb-pagination/scb-pagination.js";
|
|
52
|
+
import "./scb-progress-indicator/scb-progress-indicator.js";
|
|
53
|
+
import "./scb-progress-stepper/scb-progress-step.js";
|
|
54
|
+
import "./scb-progress-stepper/scb-progress-stepper.js";
|
|
55
|
+
import "./scb-radio-button/scb-radio-button.js";
|
|
56
|
+
import "./scb-radio-button/scb-radio-group.js";
|
|
57
|
+
import "./scb-scrollspy/scb-scrollspy.js";
|
|
58
|
+
import "./scb-search/scb-search.js";
|
|
59
|
+
import "./scb-segmented-button/scb-segmented-button.js";
|
|
60
|
+
import "./scb-segmented-button/scb-segmented-item.js";
|
|
61
|
+
import "./scb-select/scb-select-option.js";
|
|
62
|
+
import "./scb-select/scb-select.js";
|
|
63
|
+
import "./scb-skeleton/scb-skeleton.js";
|
|
64
|
+
import "./scb-slider/scb-slider.js";
|
|
65
|
+
import "./scb-snackbar/scb-snackbar.js";
|
|
66
|
+
import "./scb-status-pill/scb-status-pill.js";
|
|
67
|
+
import "./scb-stepper/scb-step.js";
|
|
68
|
+
import "./scb-stepper/scb-stepper.js";
|
|
69
|
+
import "./scb-switch/scb-switch.js";
|
|
70
|
+
import "./scb-table-advanced/scb-table-advanced.js";
|
|
71
|
+
import "./scb-tabs/scb-primary-tab.js";
|
|
72
|
+
import "./scb-tabs/scb-secondary-tab.js";
|
|
73
|
+
import "./scb-tabs/scb-tabs.js";
|
|
74
|
+
import "./scb-textfield/scb-textfield.js";
|
|
75
|
+
import "./scb-toc/scb-toc-item.js";
|
|
76
|
+
import "./scb-toc/scb-toc.js";
|
|
77
|
+
import "./scb-tooltip/scb-tooltip.js";
|
|
78
|
+
import "./scb-viz/scb-viz.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as g,n as s,i as v,E as p,x as l,t as
|
|
1
|
+
import{a as g,n as s,i as v,E as p,x as l,t as h}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,a,n){try{customElements.get(o)||e(o,a,n)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(t,e,o,a)=>{for(var n=a>1?void 0:a?b(e,o):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(n=(a?d(e,o,n):d(n))||n);return a&&n&&u(e,o,n),n};let i=class extends v{constructor(){super(...arguments),this.open=!1,this.title="",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=i._uid(),this._onToggle=t=>{const e=t.currentTarget;this.open=!!e.open;const o=this.closest("scb-accordion");this.open&&o&&o.hasAttribute("single-open")&&o.querySelectorAll("scb-accordion-item").forEach(n=>{n!==this&&n.setOpen(!1)}),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${i._uidPrefix}-${++i._uidSeq}`}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const t=this.renderRoot.querySelector(".scb-accordion-bottom"),e=this.renderRoot.querySelector("details");!t||!e||(e.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}_onKeyDown(t){const e=this.closest("scb-accordion"),a=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(d=>d.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(d=>!!d),n=t.currentTarget,c=a.indexOf(n);switch(t.key){case"ArrowDown":t.preventDefault(),c<a.length-1&&a[c+1].focus();break;case"ArrowUp":t.preventDefault(),c>0&&a[c-1].focus();break;case"Home":t.preventDefault(),a.length&&a[0].focus();break;case"End":t.preventDefault(),a.length&&a[a.length-1].focus();break}}setOpen(t){this.open=!!t;const e=this.renderRoot.querySelector("details");e&&(e.open=this.open),this._applyInertByOpen()}updated(t){if(t.has("open")){const e=this.renderRoot.querySelector("details");e&&e.open!==this.open&&(e.open=this.open),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const t=`bottom-${this._unique}`,e=`header-${this._unique}`,o=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?l`
|
|
2
2
|
<scb-avatar
|
|
3
3
|
label=${this.avatarLabel}
|
|
4
4
|
alt=${this.avatarAlt}
|
|
@@ -160,10 +160,10 @@ import{a as g,n as s,i as v,E as p,x as l,t as u}from"../../vendor/vendor.js";im
|
|
|
160
160
|
}
|
|
161
161
|
.overline {
|
|
162
162
|
font-family: var(--brand-font);
|
|
163
|
-
font-size: var(--md-sys-typescale-
|
|
164
|
-
line-height: var(--md-sys-typescale-
|
|
163
|
+
font-size: var(--md-sys-typescale-body-small-size);
|
|
164
|
+
line-height: var(--md-sys-typescale-body-small-line-height);
|
|
165
165
|
font-weight: var(--weight-regular);
|
|
166
|
-
letter-spacing: var(--md-sys-typescale-
|
|
166
|
+
letter-spacing: var(--md-sys-typescale-body-small-tracking);
|
|
167
167
|
color: var(--md-sys-color-on-surface-variant);
|
|
168
168
|
}
|
|
169
169
|
.supporting-text {
|
|
@@ -187,7 +187,6 @@ import{a as g,n as s,i as v,E as p,x as l,t as u}from"../../vendor/vendor.js";im
|
|
|
187
187
|
|
|
188
188
|
.chevron {
|
|
189
189
|
margin-left: auto;
|
|
190
|
-
padding-top: var(--scb-accordion-chevron-nudge-y, 3px);
|
|
191
190
|
transition: transform var(--motion-duration-short, var(--scb-accordion-transition-duration)) var(--motion-easing-standard, var(--scb-accordion-transition-easing));
|
|
192
191
|
}
|
|
193
192
|
details[open] .chevron { transform: rotate(180deg); }
|
|
@@ -202,4 +201,4 @@ import{a as g,n as s,i as v,E as p,x as l,t as u}from"../../vendor/vendor.js";im
|
|
|
202
201
|
@media (prefers-reduced-motion: reduce) {
|
|
203
202
|
md-ripple { display: none; }
|
|
204
203
|
}
|
|
205
|
-
`];r([s({type:Boolean,reflect:!0})],i.prototype,"open",2);r([s({type:String,reflect:!0})],i.prototype,"title",2);r([s({type:String})],i.prototype,"content",2);r([s({type:String,attribute:"overline"})],i.prototype,"overline",2);r([s({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);r([s({type:Boolean})],i.prototype,"leading",2);r([s({type:String,attribute:"leading-variant",reflect:!0})],i.prototype,"leadingVariant",2);r([s({type:String,attribute:"leading-icon"})],i.prototype,"leadingIcon",2);r([s({type:String,attribute:"img-href-image",reflect:!0})],i.prototype,"imgHrefImage",2);r([s({type:String,attribute:"avatar-label"})],i.prototype,"avatarLabel",2);r([s({type:String,attribute:"avatar-alt"})],i.prototype,"avatarAlt",2);r([s({type:String,attribute:"avatar-variant"})],i.prototype,"avatarVariant",2);r([s({type:String,attribute:"avatar-src"})],i.prototype,"avatarSrc",2);r([s({type:Number,reflect:!0})],i.prototype,"density",2);i=r([
|
|
204
|
+
`];r([s({type:Boolean,reflect:!0})],i.prototype,"open",2);r([s({type:String,reflect:!0})],i.prototype,"title",2);r([s({type:String})],i.prototype,"content",2);r([s({type:String,attribute:"overline"})],i.prototype,"overline",2);r([s({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);r([s({type:Boolean})],i.prototype,"leading",2);r([s({type:String,attribute:"leading-variant",reflect:!0})],i.prototype,"leadingVariant",2);r([s({type:String,attribute:"leading-icon"})],i.prototype,"leadingIcon",2);r([s({type:String,attribute:"img-href-image",reflect:!0})],i.prototype,"imgHrefImage",2);r([s({type:String,attribute:"avatar-label"})],i.prototype,"avatarLabel",2);r([s({type:String,attribute:"avatar-alt"})],i.prototype,"avatarAlt",2);r([s({type:String,attribute:"avatar-variant"})],i.prototype,"avatarVariant",2);r([s({type:String,attribute:"avatar-src"})],i.prototype,"avatarSrc",2);r([s({type:Number,reflect:!0})],i.prototype,"density",2);i=r([h("scb-accordion-item")],i);
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import{a as
|
|
2
|
-
<div class="scb-accordion" ?
|
|
3
|
-
${t?
|
|
1
|
+
import{a as _,n as l,i as O,E as S,x as u,t as k}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,r,n){try{customElements.get(s)||e(s,r,n)}catch(h){var p=String(h||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var C=Object.defineProperty,w=Object.getOwnPropertyDescriptor,b=t=>{throw TypeError(t)},c=(t,e,s,r)=>{for(var n=r>1?void 0:r?w(e,s):e,p=t.length-1,h;p>=0;p--)(h=t[p])&&(n=(r?h(e,s,n):h(n))||n);return r&&n&&C(e,s,n),n},A=(t,e,s)=>e.has(t)||b("Cannot "+s),T=(t,e,s)=>e.has(t)?b("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),o=(t,e,s)=>(A(t,e,"access private method"),s),i,m,v,d,y,g,f;let a=class extends O{constructor(){super(...arguments),T(this,i),this.singleOpen=!1,this.showCloseAll=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",o(this,i,d))}disconnectedCallback(){this.removeEventListener("open-changed",o(this,i,d)),super.disconnectedCallback()}render(){const t=!this.singleOpen&&this.showCloseAll,e=t?o(this,i,m).call(this):!1;return u`
|
|
2
|
+
<div class="scb-accordion" ?single-open=${this.singleOpen}>
|
|
3
|
+
${t?u`
|
|
4
4
|
<div class="scb-accordion-actions" role="toolbar" aria-label="Accordionkontroller">
|
|
5
5
|
<scb-button
|
|
6
6
|
variant="text"
|
|
7
7
|
label=${e?"Stäng alla":"Öppna alla"}
|
|
8
|
-
@click=${
|
|
8
|
+
@click=${o(this,i,v)}
|
|
9
9
|
></scb-button>
|
|
10
10
|
</div>
|
|
11
11
|
`:S}
|
|
12
12
|
|
|
13
|
-
<slot @slotchange=${
|
|
13
|
+
<slot @slotchange=${o(this,i,y)}></slot>
|
|
14
14
|
</div>
|
|
15
|
-
`}firstUpdated(){
|
|
15
|
+
`}firstUpdated(){o(this,i,f).call(this),o(this,i,g).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&o(this,i,f).call(this),t.has("singleOpen")&&o(this,i,g).call(this),(t.has("singleOpen")||t.has("showCloseAll"))&&this.requestUpdate()}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}};i=new WeakSet;m=function(){const t=this._getDirectItems();return t.length>0&&t.every(e=>e.open)};v=function(){if(this.singleOpen||!this.showCloseAll)return;const t=this._getDirectItems(),e=t.length>0&&t.every(s=>s.open);t.forEach(s=>s.setOpen(!e))};d=function(){if(this.singleOpen){o(this,i,g).call(this);return}this.showCloseAll&&this.requestUpdate()};y=function(){if(this.singleOpen){o(this,i,g).call(this);return}this.showCloseAll&&this.requestUpdate()};g=function(){if(!this.singleOpen)return;const e=this._getDirectItems().filter(s=>s.open);e.length<=1||e.slice(1).forEach(s=>s.setOpen(!1))};f=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t,r=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-accordion-spacing-block-start",e):this.style.removeProperty("--scb-accordion-spacing-block-start"),s?this.style.setProperty("--scb-accordion-spacing-block-end",s):this.style.removeProperty("--scb-accordion-spacing-block-end"),r?this.style.setProperty("--scb-accordion-spacing-inline-start",r):this.style.removeProperty("--scb-accordion-spacing-inline-start"),n?this.style.setProperty("--scb-accordion-spacing-inline-end",n):this.style.removeProperty("--scb-accordion-spacing-inline-end")};a.styles=_`
|
|
16
16
|
:host {
|
|
17
17
|
display: block;
|
|
18
18
|
margin-block-start: var(--scb-accordion-spacing-block-start, 0);
|
|
@@ -28,4 +28,4 @@ import{a as m,n as l,i as _,E as S,x as f,t as k}from"../../vendor/vendor.js";im
|
|
|
28
28
|
padding-block-start: var(--spacing-2, 4px);
|
|
29
29
|
padding-block-end: var(--spacing-2, 4px);
|
|
30
30
|
}
|
|
31
|
-
`;c([l({type:Boolean,reflect:!0})],
|
|
31
|
+
`;c([l({type:Boolean,attribute:"single-open",reflect:!0})],a.prototype,"singleOpen",2);c([l({type:Boolean,attribute:"show-close-all",reflect:!0})],a.prototype,"showCloseAll",2);c([l({type:String,reflect:!0})],a.prototype,"spacing",2);c([l({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);c([l({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);c([l({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",2);c([l({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",2);a=c([k("scb-accordion")],a);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.187",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -51,10 +51,6 @@
|
|
|
51
51
|
"import": "./blazor/scb-blazor-bridge.js",
|
|
52
52
|
"require": "./blazor/scb-blazor-bridge.js"
|
|
53
53
|
},
|
|
54
|
-
"./dist-types": {
|
|
55
|
-
"import": "./dist-types/dist-types.js",
|
|
56
|
-
"require": "./dist-types/dist-types.js"
|
|
57
|
-
},
|
|
58
54
|
"./mvc": {
|
|
59
55
|
"import": "./mvc/mvc.js",
|
|
60
56
|
"require": "./mvc/mvc.js"
|
|
@@ -377,5 +373,5 @@
|
|
|
377
373
|
},
|
|
378
374
|
"./mvc/*": "./mvc/*"
|
|
379
375
|
},
|
|
380
|
-
"buildHash": "
|
|
376
|
+
"buildHash": "1F8EEAB9C1DD2D3A85B812AD3260DA67B4DD21056D679707DEC0A56D904CB246"
|
|
381
377
|
}
|
|
@@ -3,10 +3,10 @@ import { property as o, customElement as m } from "lit/decorators.js";
|
|
|
3
3
|
import "@material/web/focus/md-focus-ring.js";
|
|
4
4
|
import "@material/web/icon/icon.js";
|
|
5
5
|
import "@material/web/ripple/ripple.js";
|
|
6
|
-
var
|
|
7
|
-
for (var n = a > 1 ? void 0 : a ?
|
|
6
|
+
var b = Object.defineProperty, u = Object.getOwnPropertyDescriptor, r = (t, e, s, a) => {
|
|
7
|
+
for (var n = a > 1 ? void 0 : a ? u(e, s) : e, c = t.length - 1, d; c >= 0; c--)
|
|
8
8
|
(d = t[c]) && (n = (a ? d(e, s, n) : d(n)) || n);
|
|
9
|
-
return a && n &&
|
|
9
|
+
return a && n && b(e, s, n), n;
|
|
10
10
|
};
|
|
11
11
|
let i = class extends h {
|
|
12
12
|
constructor() {
|
|
@@ -14,7 +14,7 @@ let i = class extends h {
|
|
|
14
14
|
const e = t.currentTarget;
|
|
15
15
|
this.open = !!e.open;
|
|
16
16
|
const s = this.closest("scb-accordion");
|
|
17
|
-
this.open && s &&
|
|
17
|
+
this.open && s && s.hasAttribute("single-open") && s.querySelectorAll("scb-accordion-item").forEach((n) => {
|
|
18
18
|
n !== this && n.setOpen(!1);
|
|
19
19
|
}), this._applyInertByOpen();
|
|
20
20
|
};
|
|
@@ -236,10 +236,10 @@ i.styles = [
|
|
|
236
236
|
}
|
|
237
237
|
.overline {
|
|
238
238
|
font-family: var(--brand-font);
|
|
239
|
-
font-size: var(--md-sys-typescale-
|
|
240
|
-
line-height: var(--md-sys-typescale-
|
|
239
|
+
font-size: var(--md-sys-typescale-body-small-size);
|
|
240
|
+
line-height: var(--md-sys-typescale-body-small-line-height);
|
|
241
241
|
font-weight: var(--weight-regular);
|
|
242
|
-
letter-spacing: var(--md-sys-typescale-
|
|
242
|
+
letter-spacing: var(--md-sys-typescale-body-small-tracking);
|
|
243
243
|
color: var(--md-sys-color-on-surface-variant);
|
|
244
244
|
}
|
|
245
245
|
.supporting-text {
|
|
@@ -263,7 +263,6 @@ i.styles = [
|
|
|
263
263
|
|
|
264
264
|
.chevron {
|
|
265
265
|
margin-left: auto;
|
|
266
|
-
padding-top: var(--scb-accordion-chevron-nudge-y, 3px);
|
|
267
266
|
transition: transform var(--motion-duration-short, var(--scb-accordion-transition-duration)) var(--motion-easing-standard, var(--scb-accordion-transition-easing));
|
|
268
267
|
}
|
|
269
268
|
details[open] .chevron { transform: rotate(180deg); }
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { css as
|
|
2
|
-
import { property as
|
|
1
|
+
import { css as _, LitElement as O, nothing as k, html as u } from "lit";
|
|
2
|
+
import { property as l, customElement as S } from "lit/decorators.js";
|
|
3
3
|
import "./scb-accordion-item.js";
|
|
4
4
|
import "../scb-button/scb-button.js";
|
|
5
|
-
var
|
|
5
|
+
var C = Object.defineProperty, A = Object.getOwnPropertyDescriptor, b = (t) => {
|
|
6
6
|
throw TypeError(t);
|
|
7
7
|
}, a = (t, e, s, c) => {
|
|
8
|
-
for (var
|
|
9
|
-
(
|
|
10
|
-
return c &&
|
|
11
|
-
}, w = (t, e, s) => e.has(t) || b("Cannot " + s), P = (t, e, s) => e.has(t) ? b("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s),
|
|
12
|
-
let
|
|
8
|
+
for (var o = c > 1 ? void 0 : c ? A(e, s) : e, h = t.length - 1, g; h >= 0; h--)
|
|
9
|
+
(g = t[h]) && (o = (c ? g(e, s, o) : g(o)) || o);
|
|
10
|
+
return c && o && C(e, s, o), o;
|
|
11
|
+
}, w = (t, e, s) => e.has(t) || b("Cannot " + s), P = (t, e, s) => e.has(t) ? b("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), n = (t, e, s) => (w(t, e, "access private method"), s), i, m, v, d, y, p, f;
|
|
12
|
+
let r = class extends O {
|
|
13
13
|
constructor() {
|
|
14
|
-
super(...arguments), P(this,
|
|
14
|
+
super(...arguments), P(this, i), this.singleOpen = !1, this.showCloseAll = !1, this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0;
|
|
15
15
|
}
|
|
16
16
|
connectedCallback() {
|
|
17
|
-
super.connectedCallback(), this.addEventListener("open-changed",
|
|
17
|
+
super.connectedCallback(), this.addEventListener("open-changed", n(this, i, d));
|
|
18
18
|
}
|
|
19
19
|
disconnectedCallback() {
|
|
20
|
-
this.removeEventListener("open-changed",
|
|
20
|
+
this.removeEventListener("open-changed", n(this, i, d)), super.disconnectedCallback();
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
const t = this.
|
|
24
|
-
return
|
|
25
|
-
<div class="scb-accordion" ?
|
|
26
|
-
${t ?
|
|
23
|
+
const t = !this.singleOpen && this.showCloseAll, e = t ? n(this, i, m).call(this) : !1;
|
|
24
|
+
return u`
|
|
25
|
+
<div class="scb-accordion" ?single-open=${this.singleOpen}>
|
|
26
|
+
${t ? u`
|
|
27
27
|
<div class="scb-accordion-actions" role="toolbar" aria-label="Accordionkontroller">
|
|
28
28
|
<scb-button
|
|
29
29
|
variant="text"
|
|
30
30
|
label=${e ? "Stäng alla" : "Öppna alla"}
|
|
31
|
-
@click=${
|
|
31
|
+
@click=${n(this, i, v)}
|
|
32
32
|
></scb-button>
|
|
33
33
|
</div>
|
|
34
34
|
` : k}
|
|
35
35
|
|
|
36
|
-
<slot @slotchange=${
|
|
36
|
+
<slot @slotchange=${n(this, i, y)}></slot>
|
|
37
37
|
</div>
|
|
38
38
|
`;
|
|
39
39
|
}
|
|
40
40
|
firstUpdated() {
|
|
41
|
-
|
|
41
|
+
n(this, i, f).call(this), n(this, i, p).call(this);
|
|
42
42
|
}
|
|
43
43
|
updated(t) {
|
|
44
|
-
(t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom") || t.has("spacingLeft") || t.has("spacingRight")) &&
|
|
44
|
+
(t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom") || t.has("spacingLeft") || t.has("spacingRight")) && n(this, i, f).call(this), t.has("singleOpen") && n(this, i, p).call(this), (t.has("singleOpen") || t.has("showCloseAll")) && this.requestUpdate();
|
|
45
45
|
}
|
|
46
46
|
_getDirectItems() {
|
|
47
47
|
return Array.from(this.children).filter((t) => t.tagName === "SCB-ACCORDION-ITEM");
|
|
@@ -54,27 +54,40 @@ let n = class extends _ {
|
|
|
54
54
|
return /^\d+$/.test(e) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(e, 10)))})` : e;
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
i = /* @__PURE__ */ new WeakSet();
|
|
58
|
+
m = function() {
|
|
59
59
|
const t = this._getDirectItems();
|
|
60
60
|
return t.length > 0 && t.every((e) => e.open);
|
|
61
61
|
};
|
|
62
|
-
|
|
63
|
-
if (
|
|
62
|
+
v = function() {
|
|
63
|
+
if (this.singleOpen || !this.showCloseAll) return;
|
|
64
64
|
const t = this._getDirectItems(), e = t.length > 0 && t.every((s) => s.open);
|
|
65
65
|
t.forEach((s) => s.setOpen(!e));
|
|
66
66
|
};
|
|
67
67
|
d = function() {
|
|
68
|
-
|
|
68
|
+
if (this.singleOpen) {
|
|
69
|
+
n(this, i, p).call(this);
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
this.showCloseAll && this.requestUpdate();
|
|
73
|
+
};
|
|
74
|
+
y = function() {
|
|
75
|
+
if (this.singleOpen) {
|
|
76
|
+
n(this, i, p).call(this);
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
this.showCloseAll && this.requestUpdate();
|
|
69
80
|
};
|
|
70
|
-
|
|
71
|
-
|
|
81
|
+
p = function() {
|
|
82
|
+
if (!this.singleOpen) return;
|
|
83
|
+
const e = this._getDirectItems().filter((s) => s.open);
|
|
84
|
+
e.length <= 1 || e.slice(1).forEach((s) => s.setOpen(!1));
|
|
72
85
|
};
|
|
73
|
-
|
|
74
|
-
const t = this.mapSpacingToken(this.spacing), e = this.mapSpacingToken(this.spacingTop) ?? t, s = this.mapSpacingToken(this.spacingBottom) ?? t, c = this.mapSpacingToken(this.spacingLeft),
|
|
75
|
-
e ? this.style.setProperty("--scb-accordion-spacing-block-start", e) : this.style.removeProperty("--scb-accordion-spacing-block-start"), s ? this.style.setProperty("--scb-accordion-spacing-block-end", s) : this.style.removeProperty("--scb-accordion-spacing-block-end"), c ? this.style.setProperty("--scb-accordion-spacing-inline-start", c) : this.style.removeProperty("--scb-accordion-spacing-inline-start"),
|
|
86
|
+
f = function() {
|
|
87
|
+
const t = this.mapSpacingToken(this.spacing), e = this.mapSpacingToken(this.spacingTop) ?? t, s = this.mapSpacingToken(this.spacingBottom) ?? t, c = this.mapSpacingToken(this.spacingLeft), o = this.mapSpacingToken(this.spacingRight);
|
|
88
|
+
e ? this.style.setProperty("--scb-accordion-spacing-block-start", e) : this.style.removeProperty("--scb-accordion-spacing-block-start"), s ? this.style.setProperty("--scb-accordion-spacing-block-end", s) : this.style.removeProperty("--scb-accordion-spacing-block-end"), c ? this.style.setProperty("--scb-accordion-spacing-inline-start", c) : this.style.removeProperty("--scb-accordion-spacing-inline-start"), o ? this.style.setProperty("--scb-accordion-spacing-inline-end", o) : this.style.removeProperty("--scb-accordion-spacing-inline-end");
|
|
76
89
|
};
|
|
77
|
-
|
|
90
|
+
r.styles = _`
|
|
78
91
|
:host {
|
|
79
92
|
display: block;
|
|
80
93
|
margin-block-start: var(--scb-accordion-spacing-block-start, 0);
|
|
@@ -92,29 +105,29 @@ n.styles = y`
|
|
|
92
105
|
}
|
|
93
106
|
`;
|
|
94
107
|
a([
|
|
95
|
-
|
|
96
|
-
],
|
|
108
|
+
l({ type: Boolean, attribute: "single-open", reflect: !0 })
|
|
109
|
+
], r.prototype, "singleOpen", 2);
|
|
97
110
|
a([
|
|
98
|
-
|
|
99
|
-
],
|
|
111
|
+
l({ type: Boolean, attribute: "show-close-all", reflect: !0 })
|
|
112
|
+
], r.prototype, "showCloseAll", 2);
|
|
100
113
|
a([
|
|
101
|
-
|
|
102
|
-
],
|
|
114
|
+
l({ type: String, reflect: !0 })
|
|
115
|
+
], r.prototype, "spacing", 2);
|
|
103
116
|
a([
|
|
104
|
-
|
|
105
|
-
],
|
|
117
|
+
l({ type: String, attribute: "spacing-top", reflect: !0 })
|
|
118
|
+
], r.prototype, "spacingTop", 2);
|
|
106
119
|
a([
|
|
107
|
-
|
|
108
|
-
],
|
|
120
|
+
l({ type: String, attribute: "spacing-bottom", reflect: !0 })
|
|
121
|
+
], r.prototype, "spacingBottom", 2);
|
|
109
122
|
a([
|
|
110
|
-
|
|
111
|
-
],
|
|
123
|
+
l({ type: String, attribute: "spacing-left", reflect: !0 })
|
|
124
|
+
], r.prototype, "spacingLeft", 2);
|
|
112
125
|
a([
|
|
113
|
-
|
|
114
|
-
],
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
],
|
|
126
|
+
l({ type: String, attribute: "spacing-right", reflect: !0 })
|
|
127
|
+
], r.prototype, "spacingRight", 2);
|
|
128
|
+
r = a([
|
|
129
|
+
S("scb-accordion")
|
|
130
|
+
], r);
|
|
118
131
|
export {
|
|
119
|
-
|
|
132
|
+
r as ScbAccordion
|
|
120
133
|
};
|