scb-wc-test 0.1.145 → 0.1.147
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/all.js +2 -0
- package/index.d.ts +1 -0
- package/index.js +104 -102
- package/mvc/components/all.js +1 -0
- package/mvc/components/scb-button/scb-button.js +1 -1
- package/mvc/components/scb-card/scb-card.js +44 -25
- package/mvc/components/scb-drawer/scb-drawer-item.js +38 -9
- package/mvc/components/scb-drawer/scb-drawer.js +2 -2
- package/mvc/components/scb-dropdown/scb-dropdown.js +186 -0
- package/package.json +6 -2
- package/scb-button/scb-button.js +1 -1
- package/scb-card/scb-card.js +74 -49
- package/scb-drawer/scb-drawer-item.js +58 -29
- package/scb-drawer/scb-drawer.js +2 -2
- package/scb-dropdown/scb-dropdown.d.ts +49 -0
- package/scb-dropdown/scb-dropdown.js +356 -0
- package/scb-wc-test.bundle.js +741 -508
package/all.js
CHANGED
|
@@ -26,6 +26,7 @@ import './mvc/components/scb-drawer/scb-drawer-item.js';
|
|
|
26
26
|
import './mvc/components/scb-drawer/scb-drawer-section.js';
|
|
27
27
|
import './mvc/components/scb-drawer/scb-drawer.js';
|
|
28
28
|
import './mvc/components/scb-drawer/scb-sub-drawer.js';
|
|
29
|
+
import './mvc/components/scb-dropdown/scb-dropdown.js';
|
|
29
30
|
import './mvc/components/scb-fact-card/scb-fact-card-content.js';
|
|
30
31
|
import './mvc/components/scb-fact-card/scb-fact-card.js';
|
|
31
32
|
import './mvc/components/scb-footer/scb-footer-section.js';
|
|
@@ -104,6 +105,7 @@ import './scb-drawer/scb-drawer-item.js';
|
|
|
104
105
|
import './scb-drawer/scb-drawer-section.js';
|
|
105
106
|
import './scb-drawer/scb-drawer.js';
|
|
106
107
|
import './scb-drawer/scb-sub-drawer.js';
|
|
108
|
+
import './scb-dropdown/scb-dropdown.js';
|
|
107
109
|
import './scb-fact-card/scb-fact-card-content.js';
|
|
108
110
|
import './scb-fact-card/scb-fact-card.js';
|
|
109
111
|
import './scb-footer/scb-footer-section.js';
|
package/index.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export * from './scb-drawer/scb-drawer-item';
|
|
|
22
22
|
export * from './scb-drawer/scb-drawer-section';
|
|
23
23
|
export * from './scb-drawer/scb-drawer';
|
|
24
24
|
export * from './scb-drawer/scb-sub-drawer';
|
|
25
|
+
export * from './scb-dropdown/scb-dropdown';
|
|
25
26
|
export * from './scb-fact-card/scb-fact-card-content';
|
|
26
27
|
export * from './scb-fact-card/scb-fact-card';
|
|
27
28
|
export * from './scb-footer/scb-footer-section';
|
package/index.js
CHANGED
|
@@ -8,8 +8,8 @@ import { SCBBreadcrumb as d } from "./scb-breadcrumb/scb-breadcrumb.js";
|
|
|
8
8
|
import { ScbButton as C } from "./scb-button/scb-button.js";
|
|
9
9
|
import { ScbCalendarEvent as s } from "./scb-calendar/scb-calendar-event.js";
|
|
10
10
|
import { ScbCalendar as B } from "./scb-calendar/scb-calendar.js";
|
|
11
|
-
import { ScbCalendarCard as
|
|
12
|
-
import { ScbCard as
|
|
11
|
+
import { ScbCalendarCard as g } from "./scb-calendar-card/scb-calendar-card.js";
|
|
12
|
+
import { ScbCard as w } from "./scb-card/scb-card.js";
|
|
13
13
|
import { ScbCheckboxGroup as F } from "./scb-checkbox/scb-checkbox-group.js";
|
|
14
14
|
import { ScbCheckbox as P } from "./scb-checkbox/scb-checkbox.js";
|
|
15
15
|
import { ScbChip as y } from "./scb-chip/scb-chip.js";
|
|
@@ -22,55 +22,56 @@ import { ScbDrawerItem as U } from "./scb-drawer/scb-drawer-item.js";
|
|
|
22
22
|
import { ScbDrawerSection as j } from "./scb-drawer/scb-drawer-section.js";
|
|
23
23
|
import { ScbDrawer as J } from "./scb-drawer/scb-drawer.js";
|
|
24
24
|
import { ScbSubDrawer as W } from "./scb-drawer/scb-sub-drawer.js";
|
|
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 {
|
|
25
|
+
import { ScbDropdown as Y } from "./scb-dropdown/scb-dropdown.js";
|
|
26
|
+
import { ScbFactCardContent as _ } from "./scb-fact-card/scb-fact-card-content.js";
|
|
27
|
+
import { ScbFactCard as rr } from "./scb-fact-card/scb-fact-card.js";
|
|
28
|
+
import { ScbFooterSection as er } from "./scb-footer/scb-footer-section.js";
|
|
29
|
+
import { ScbFooter as cr } from "./scb-footer/scb-footer.js";
|
|
30
|
+
import { ScbGridItem as pr } from "./scb-grid/scb-grid-item.js";
|
|
31
|
+
import { ScbGrid as br } from "./scb-grid/scb-grid.js";
|
|
32
|
+
import { ScbStack as fr } from "./scb-grid/scb-stack.js";
|
|
33
|
+
import { ScbHeaderDrawerGroup as ir } from "./scb-header/scb-header-drawer-group.js";
|
|
34
|
+
import { ScbHeaderDrawerItem as dr } from "./scb-header/scb-header-drawer-item.js";
|
|
35
|
+
import { ScbHeaderTab as Cr } from "./scb-header/scb-header-tab.js";
|
|
36
|
+
import { ScbHeaderUtility as sr } from "./scb-header/scb-header-utility.js";
|
|
37
|
+
import { ScbHeader as Br } from "./scb-header/scb-header.js";
|
|
38
|
+
import { ScbHorizontalScroller as gr } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
39
|
+
import { ScbIconButton as wr } from "./scb-icon-button/scb-icon-button.js";
|
|
40
|
+
import { ScbKeyFigureCard as Fr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
41
|
+
import { ScbLink as Pr } from "./scb-link/scb-link.js";
|
|
42
|
+
import { ScbListItem as yr } from "./scb-list/scb-list-item.js";
|
|
43
|
+
import { ScbList as vr } from "./scb-list/scb-list.js";
|
|
44
|
+
import { ScbMenuItem as Lr } from "./scb-menu/scb-menu-item.js";
|
|
45
|
+
import { ScbMenu as zr } from "./scb-menu/scb-menu.js";
|
|
46
|
+
import { ScbSubMenu as Rr } from "./scb-menu/scb-sub-menu.js";
|
|
47
|
+
import { ScbNav as Kr } from "./scb-nav/scb-nav.js";
|
|
48
|
+
import { ScbNotificationCard as Ur } from "./scb-notification-card/scb-notification-card.js";
|
|
49
|
+
import { ScbPagination as jr } from "./scb-pagination/scb-pagination.js";
|
|
50
|
+
import { ScbProgressIndicator as Jr } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
51
|
+
import { ScbProgressStep as Wr } from "./scb-progress-stepper/scb-progress-step.js";
|
|
52
|
+
import { ScbProgressStepper as Yr } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
53
|
+
import { ScbRadioButton as _r } from "./scb-radio-button/scb-radio-button.js";
|
|
54
|
+
import { ScbRadioGroup as ro } from "./scb-radio-button/scb-radio-group.js";
|
|
55
|
+
import { ScbScrollspy as eo } from "./scb-scrollspy/scb-scrollspy.js";
|
|
56
|
+
import { ScbSearch as co } from "./scb-search/scb-search.js";
|
|
57
|
+
import { ScbSegmentedButton as po } from "./scb-segmented-button/scb-segmented-button.js";
|
|
58
|
+
import { ScbSegmentedItem as bo } from "./scb-segmented-button/scb-segmented-item.js";
|
|
59
|
+
import { ScbSelectOption as fo } from "./scb-select/scb-select-option.js";
|
|
60
|
+
import { ScbSelect as io } from "./scb-select/scb-select.js";
|
|
61
|
+
import { ScbSkeleton as lo } from "./scb-skeleton/scb-skeleton.js";
|
|
62
|
+
import { ScbSnackbar as uo } from "./scb-snackbar/scb-snackbar.js";
|
|
63
|
+
import { ScbStatusPill as Io } from "./scb-status-pill/scb-status-pill.js";
|
|
64
|
+
import { ScbStep as Do } from "./scb-stepper/scb-step.js";
|
|
65
|
+
import { ScbStepper as ko } from "./scb-stepper/scb-stepper.js";
|
|
66
|
+
import { ScbSwitch as To } from "./scb-switch/scb-switch.js";
|
|
67
|
+
import { ScbPrimaryTab as Ho } from "./scb-tabs/scb-primary-tab.js";
|
|
68
|
+
import { ScbSecondaryTab as ho } from "./scb-tabs/scb-secondary-tab.js";
|
|
69
|
+
import { ScbTabs as Go } from "./scb-tabs/scb-tabs.js";
|
|
70
|
+
import { ScbTextField as Ao } from "./scb-textfield/scb-textfield.js";
|
|
71
|
+
import { ScbTocItem as Mo } from "./scb-toc/scb-toc-item.js";
|
|
72
|
+
import { ScbToc as No } from "./scb-toc/scb-toc.js";
|
|
73
|
+
import { ScbTooltip as Eo } from "./scb-tooltip/scb-tooltip.js";
|
|
74
|
+
import { ScbViz as Oo } from "./scb-viz/scb-viz.js";
|
|
74
75
|
export {
|
|
75
76
|
d as SCBBreadcrumb,
|
|
76
77
|
i as SCBBreadcrumbItem,
|
|
@@ -81,9 +82,9 @@ export {
|
|
|
81
82
|
f as ScbBadge,
|
|
82
83
|
C as ScbButton,
|
|
83
84
|
B as ScbCalendar,
|
|
84
|
-
|
|
85
|
+
g as ScbCalendarCard,
|
|
85
86
|
s as ScbCalendarEvent,
|
|
86
|
-
|
|
87
|
+
w as ScbCard,
|
|
87
88
|
P as ScbCheckbox,
|
|
88
89
|
F as ScbCheckboxGroup,
|
|
89
90
|
y as ScbChip,
|
|
@@ -95,54 +96,55 @@ export {
|
|
|
95
96
|
J as ScbDrawer,
|
|
96
97
|
U as ScbDrawerItem,
|
|
97
98
|
j as ScbDrawerSection,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
ir as
|
|
107
|
-
dr as
|
|
108
|
-
Cr as
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
Fr as
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
Kr as
|
|
119
|
-
Ur as
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
Jr as
|
|
123
|
-
Wr as
|
|
124
|
-
Yr as
|
|
125
|
-
_r as
|
|
126
|
-
ro as
|
|
127
|
-
eo as
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
po as
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
lo as
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
Io as
|
|
138
|
-
|
|
99
|
+
Y as ScbDropdown,
|
|
100
|
+
rr as ScbFactCard,
|
|
101
|
+
_ as ScbFactCardContent,
|
|
102
|
+
cr as ScbFooter,
|
|
103
|
+
er as ScbFooterSection,
|
|
104
|
+
br as ScbGrid,
|
|
105
|
+
pr as ScbGridItem,
|
|
106
|
+
Br as ScbHeader,
|
|
107
|
+
ir as ScbHeaderDrawerGroup,
|
|
108
|
+
dr as ScbHeaderDrawerItem,
|
|
109
|
+
Cr as ScbHeaderTab,
|
|
110
|
+
sr as ScbHeaderUtility,
|
|
111
|
+
gr as ScbHorizontalScroller,
|
|
112
|
+
wr as ScbIconButton,
|
|
113
|
+
Fr as ScbKeyFigureCard,
|
|
114
|
+
Pr as ScbLink,
|
|
115
|
+
vr as ScbList,
|
|
116
|
+
yr as ScbListItem,
|
|
117
|
+
zr as ScbMenu,
|
|
118
|
+
Lr as ScbMenuItem,
|
|
119
|
+
Kr as ScbNav,
|
|
120
|
+
Ur as ScbNotificationCard,
|
|
121
|
+
jr as ScbPagination,
|
|
122
|
+
Ho as ScbPrimaryTab,
|
|
123
|
+
Jr as ScbProgressIndicator,
|
|
124
|
+
Wr as ScbProgressStep,
|
|
125
|
+
Yr as ScbProgressStepper,
|
|
126
|
+
_r as ScbRadioButton,
|
|
127
|
+
ro as ScbRadioGroup,
|
|
128
|
+
eo as ScbScrollspy,
|
|
129
|
+
co as ScbSearch,
|
|
130
|
+
ho as ScbSecondaryTab,
|
|
131
|
+
po as ScbSegmentedButton,
|
|
132
|
+
bo as ScbSegmentedItem,
|
|
133
|
+
io as ScbSelect,
|
|
134
|
+
fo as ScbSelectOption,
|
|
135
|
+
lo as ScbSkeleton,
|
|
136
|
+
uo as ScbSnackbar,
|
|
137
|
+
fr as ScbStack,
|
|
138
|
+
Io as ScbStatusPill,
|
|
139
|
+
Do as ScbStep,
|
|
140
|
+
ko as ScbStepper,
|
|
139
141
|
W as ScbSubDrawer,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
142
|
+
Rr as ScbSubMenu,
|
|
143
|
+
To as ScbSwitch,
|
|
144
|
+
Go as ScbTabs,
|
|
145
|
+
Ao as ScbTextField,
|
|
146
|
+
No as ScbToc,
|
|
147
|
+
Mo as ScbTocItem,
|
|
148
|
+
Eo as ScbTooltip,
|
|
149
|
+
Oo as ScbViz
|
|
148
150
|
};
|
package/mvc/components/all.js
CHANGED
|
@@ -22,6 +22,7 @@ import './scb-drawer/scb-drawer.js';
|
|
|
22
22
|
import './scb-drawer/scb-drawer-item.js';
|
|
23
23
|
import './scb-drawer/scb-drawer-section.js';
|
|
24
24
|
import './scb-drawer/scb-sub-drawer.js';
|
|
25
|
+
import './scb-dropdown/scb-dropdown.js';
|
|
25
26
|
import './scb-fact-card/scb-fact-card.js';
|
|
26
27
|
import './scb-fact-card/scb-fact-card-content.js';
|
|
27
28
|
import './scb-footer/scb-footer.js';
|
|
@@ -72,7 +72,7 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
*/
|
|
75
|
-
`}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon">${this.icon}</md-icon>`:i,r=i,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
|
|
75
|
+
`}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon" part="icon">${this.icon}</md-icon>`:i,r=i,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
|
|
76
76
|
<md-filled-button
|
|
77
77
|
type=${this.type}
|
|
78
78
|
variant=${r}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as
|
|
2
|
+
import{_ as f}from"../../vendor/preload-helper.js";import{a as k,n as o,i as _,x as a,t as w}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.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,c,n){try{customElements.get(s)||t(s,c,n)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var z=Object.defineProperty,S=Object.getOwnPropertyDescriptor,x=e=>{throw TypeError(e)},r=(e,t,s,c)=>{for(var n=c>1?void 0:c?S(t,s):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(n=(c?p(t,s,n):p(n))||n);return c&&n&&z(t,s,n),n},T=(e,t,s)=>t.has(e)||x("Cannot "+s),P=(e,t,s)=>t.has(e)?x("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),y=(e,t,s)=>(T(e,t,"access private method"),s),b,g;let i=class extends _{constructor(){super(...arguments),P(this,b),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.hasLiked=!1,this.likesInteractive=!1,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{const t=(this.cardHref||"").trim();t&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),window.location.assign(t))},this.__handleHrefNavigation=e=>{const t=(this.cardHref||"").trim();!t||e.button!==0||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||e.target?.closest("a, button, input, select, textarea, summary")||window.location.assign(t)}}get __isLinkCard(){if(!(this.cardHref||"").trim())return!1;const t=(this.type||"").toLowerCase();return t==="standard"||t==="social"}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:640,h:360};const s=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(s&&s.length===2){const n=Number(s[0]),l=Number(s[1]);if(n>0&&l>0)return{w:n,h:l}}const c=Number(t);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return a`
|
|
3
3
|
<div class="media">
|
|
4
4
|
<slot name="media">
|
|
5
5
|
<scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
|
|
6
6
|
</slot>
|
|
7
7
|
</div>
|
|
8
|
-
`;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,s=Number(this.mediaHeight)||0;const c=(this.mediaAspect||"").trim();if(!t||!s){const
|
|
8
|
+
`;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,s=Number(this.mediaHeight)||0;const c=(this.mediaAspect||"").trim();if(!t||!s){const h=this.__calcAspectWH(c||"16/9");t||(t=h.w),s||(s=h.h)}const n=`aspect-ratio:${c||`${t}/${s}`};`,l=this.mediaPlaceholder?"has-ph":"",p=this.mediaFit||"cover",m=this.mediaPosition||"center";return a`
|
|
9
9
|
<div class="media ${l}" style="${n}">
|
|
10
10
|
<slot name="media-sources"></slot>
|
|
11
11
|
<img
|
|
@@ -16,13 +16,13 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
16
16
|
loading="${this.mediaLoading}"
|
|
17
17
|
decoding="${this.mediaDecoding}"
|
|
18
18
|
fetchpriority="${this.mediaFetchPriority}"
|
|
19
|
-
style="object-fit:${
|
|
19
|
+
style="object-fit:${p};object-position:${m};"
|
|
20
20
|
width="${t}"
|
|
21
21
|
height="${s}"
|
|
22
22
|
@load=${this.__onImgLoad}
|
|
23
23
|
/>
|
|
24
24
|
</div>
|
|
25
|
-
`}return null}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",s=this.__isLinkCard,c=s?"clickable":"",n=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",l=(
|
|
25
|
+
`}return null}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",s=this.__isLinkCard,c=s?"clickable":"",n=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",l=(h=!1)=>h?a`<span class="title">${this.title}</span><md-icon>arrow_forward</md-icon>`:a`<span class="title">${this.title}</span>`,p=()=>this.__mediaTemplate(),m=h=>a`
|
|
26
26
|
<div
|
|
27
27
|
class="scb-card ${e} ${t} ${c}"
|
|
28
28
|
@click=${s?this.__handleHrefNavigation:null}
|
|
@@ -33,11 +33,11 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
33
33
|
aria-label=${this.title||"Kort"}
|
|
34
34
|
>
|
|
35
35
|
${s?a`<md-ripple></md-ripple>`:""}
|
|
36
|
-
${
|
|
37
|
-
${
|
|
36
|
+
${p()}
|
|
37
|
+
${h}
|
|
38
38
|
</div>
|
|
39
39
|
${s?a`<md-focus-ring></md-focus-ring>`:""}
|
|
40
|
-
`;switch(this.type){case"standard":return
|
|
40
|
+
`;switch(this.type){case"standard":return m(a`
|
|
41
41
|
<div class="full-content">
|
|
42
42
|
<div class="top-content">
|
|
43
43
|
${this.title?a`<div class="header">${l(s)}</div>`:""}
|
|
@@ -46,7 +46,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
46
46
|
${n?a`<div class="date">${n}</div>`:""}
|
|
47
47
|
</div>
|
|
48
48
|
</div>
|
|
49
|
-
`);case"list":return
|
|
49
|
+
`);case"list":return m(a`
|
|
50
50
|
<div class="full-content">
|
|
51
51
|
<div class="top-content">
|
|
52
52
|
${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -58,7 +58,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
58
58
|
<slot></slot>
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
61
|
-
`);case"social":const
|
|
61
|
+
`);case"social":const h=this.commentsHref,$=d=>{d.stopPropagation()},u=d=>{const v=this.renderRoot?.querySelector(".scb-card");v&&(d?v.classList.add("no-hover"):v.classList.remove("no-hover"))};return m(a`
|
|
62
62
|
<div class="full-content">
|
|
63
63
|
<div class="top-content">
|
|
64
64
|
${this.title?a`<div class="header">${l(s)}</div>`:""}
|
|
@@ -68,26 +68,34 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
68
68
|
</div>
|
|
69
69
|
<div class="content">
|
|
70
70
|
<div class="social-metrics">
|
|
71
|
-
<span class="comments"
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
71
|
+
<span class="comments"
|
|
72
|
+
@mouseenter=${()=>u(!0)}
|
|
73
|
+
@mouseleave=${()=>u(!1)}
|
|
74
|
+
>
|
|
75
|
+
${h!==""?a`
|
|
76
|
+
<scb-icon-button href="${h}" tabindex="0" @click=${$} variant="standard" icon="comment" aria-label="Gå till kommentarer" tooltip="Gå till kommentarer"></scb-icon-button>
|
|
77
|
+
`:a`
|
|
76
78
|
<md-icon>comment</md-icon>
|
|
77
79
|
`}
|
|
78
|
-
|
|
79
|
-
</span>
|
|
80
|
-
<span class="likes"
|
|
80
|
+
<span>${this.commentsText}: ${this.comments}</span>
|
|
81
|
+
</span>
|
|
82
|
+
<span class="likes"
|
|
83
|
+
@mouseenter=${()=>u(!0)}
|
|
84
|
+
@mouseleave=${()=>u(!1)}
|
|
85
|
+
>
|
|
81
86
|
${this.likesInteractive?a`
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
87
|
+
<scb-icon-button variant="standard" icon="${this.hasLiked,"thumb_up"}" aria-label="${this.likesText||"Gilla"}" tooltip="${this.likesText||"Gilla"}"
|
|
88
|
+
@click=${d=>{d.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0}))}}
|
|
89
|
+
@keydown=${d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),d.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0})))}}
|
|
90
|
+
@hover=${d=>{d.preventDefault(),d.stopPropagation(),this.dispatchEvent(new CustomEvent("like-hover",{bubbles:!0,composed:!0}))}}
|
|
91
|
+
></scb-icon-button>
|
|
92
|
+
`:a`<md-icon>"${this.hasLiked,"thumb_up"}"</md-icon>`}
|
|
85
93
|
<span>${this.likesText}: ${this.likes}</span>
|
|
86
94
|
</span>
|
|
87
95
|
</div>
|
|
88
96
|
</div>
|
|
89
97
|
</div>
|
|
90
|
-
`);case"link":return
|
|
98
|
+
`);case"link":return m(a`
|
|
91
99
|
<div class="full-content">
|
|
92
100
|
<div class="top-content">
|
|
93
101
|
${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -99,7 +107,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
99
107
|
<slot></slot>
|
|
100
108
|
</div>
|
|
101
109
|
</div>
|
|
102
|
-
`);case"action":return
|
|
110
|
+
`);case"action":return m(a`
|
|
103
111
|
<div class="full-content">
|
|
104
112
|
<div class="top-content">
|
|
105
113
|
${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -111,7 +119,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
111
119
|
<slot></slot>
|
|
112
120
|
</div>
|
|
113
121
|
</div>
|
|
114
|
-
`);default:return
|
|
122
|
+
`);default:return m(a`
|
|
115
123
|
<div class="full-content">
|
|
116
124
|
<div class="top-content">
|
|
117
125
|
${this.title?a`<div class="header">${l(s)}</div>`:""}
|
|
@@ -120,7 +128,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
120
128
|
${n?a`<div class="date">${n}</div>`:""}
|
|
121
129
|
</div>
|
|
122
130
|
</div>
|
|
123
|
-
`)}}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center"),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&
|
|
131
|
+
`)}}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center"),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&y(this,b,g).call(this)}async firstUpdated(e){i.__iconLoaded||(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),y(this,b,g).call(this)}};b=new WeakSet;g=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e;t?this.style.setProperty("--scb-card-spacing-block-start",t):this.style.removeProperty("--scb-card-spacing-block-start"),s?this.style.setProperty("--scb-card-spacing-block-end",s):this.style.removeProperty("--scb-card-spacing-block-end")};i.__iconLoaded=!1;i.__rippleLoaded=!1;i.styles=k`
|
|
124
132
|
:host {
|
|
125
133
|
display: block;
|
|
126
134
|
box-sizing: border-box;
|
|
@@ -137,6 +145,17 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
137
145
|
margin-block-start: var(--scb-card-spacing-block-start, 0);
|
|
138
146
|
margin-block-end: var(--scb-card-spacing-block-end, 0);
|
|
139
147
|
}
|
|
148
|
+
.scb-card.no-hover,
|
|
149
|
+
.scb-card.no-hover:hover,
|
|
150
|
+
.scb-card.no-hover:active {
|
|
151
|
+
/* Ta bort hover/klick-effekter */
|
|
152
|
+
box-shadow: none !important;
|
|
153
|
+
background: var(--md-sys-color-surface) !important;
|
|
154
|
+
cursor: default !important;
|
|
155
|
+
}
|
|
156
|
+
.scb-card.no-hover md-ripple {
|
|
157
|
+
display: none !important;
|
|
158
|
+
}
|
|
140
159
|
:host([type='standard']) {
|
|
141
160
|
--scb-card-max-w: var(--scb-card-standard-max-w);
|
|
142
161
|
}
|
|
@@ -439,4 +458,4 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
|
|
|
439
458
|
.scb-card.filled .content.list ::slotted(scb-list) {
|
|
440
459
|
--scb-list-bg: var(--md-sys-color-surface-dim);
|
|
441
460
|
}
|
|
442
|
-
`;r([o({type:String,reflect:!0})],i.prototype,"type",2);r([o({type:String,reflect:!0})],i.prototype,"variant",2);r([o({type:String,reflect:!0})],i.prototype,"direction",2);r([o({type:String,attribute:"media-type"})],i.prototype,"mediaType",2);r([o({type:String,attribute:"media-href"})],i.prototype,"mediaHref",2);r([o({type:String,attribute:"media-alt"})],i.prototype,"mediaAlt",2);r([o({type:String,attribute:"media-srcset"})],i.prototype,"mediaSrcset",2);r([o({type:String,attribute:"media-sizes"})],i.prototype,"mediaSizes",2);r([o({type:String,attribute:"media-loading"})],i.prototype,"mediaLoading",2);r([o({type:String,attribute:"media-decoding"})],i.prototype,"mediaDecoding",2);r([o({type:String,attribute:"media-fetchpriority"})],i.prototype,"mediaFetchPriority",2);r([o({type:String,attribute:"media-fit"})],i.prototype,"mediaFit",2);r([o({type:String,attribute:"media-position"})],i.prototype,"mediaPosition",2);r([o({type:String,attribute:"media-width"})],i.prototype,"mediaWidth",2);r([o({type:String,attribute:"media-height"})],i.prototype,"mediaHeight",2);r([o({type:String,attribute:"media-aspect"})],i.prototype,"mediaAspect",2);r([o({type:Boolean,attribute:"media-placeholder"})],i.prototype,"mediaPlaceholder",2);r([o({type:String,attribute:"card-href",reflect:!0})],i.prototype,"cardHref",2);r([o({type:String,reflect:!0})],i.prototype,"title",2);r([o({type:String,reflect:!0})],i.prototype,"subtitle",2);r([o({type:String,attribute:"supporting-text",reflect:!0})],i.prototype,"supportingText",2);r([o({type:Date,reflect:!0})],i.prototype,"date",2);r([o({type:String,attribute:"social-comments-text",reflect:!0})],i.prototype,"commentsText",2);r([o({type:Number,attribute:"social-comments",reflect:!0})],i.prototype,"comments",2);r([o({type:String,attribute:"social-comments-href",reflect:!0})],i.prototype,"commentsHref",2);r([o({type:String,attribute:"social-likes-text",reflect:!0})],i.prototype,"likesText",2);r([o({type:Number,attribute:"social-likes",reflect:!0})],i.prototype,"likes",2);r([o({type:Boolean,attribute:"social-has-liked",reflect:!0})],i.prototype,"hasLiked",2);r([o({type:Boolean,attribute:"social-likes-interactive",reflect:!0})],i.prototype,"likesInteractive",2);r([o({type:String,reflect:!0})],i.prototype,"sizing",2);r([o({type:String,reflect:!0})],i.prototype,"width",2);r([o({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);r([o({type:String,reflect:!0})],i.prototype,"height",2);r([o({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);r([o({type:String,reflect:!0})],i.prototype,"spacing",2);r([o({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",2);r([o({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",2);i=r([
|
|
461
|
+
`;r([o({type:String,reflect:!0})],i.prototype,"type",2);r([o({type:String,reflect:!0})],i.prototype,"variant",2);r([o({type:String,reflect:!0})],i.prototype,"direction",2);r([o({type:String,attribute:"media-type"})],i.prototype,"mediaType",2);r([o({type:String,attribute:"media-href"})],i.prototype,"mediaHref",2);r([o({type:String,attribute:"media-alt"})],i.prototype,"mediaAlt",2);r([o({type:String,attribute:"media-srcset"})],i.prototype,"mediaSrcset",2);r([o({type:String,attribute:"media-sizes"})],i.prototype,"mediaSizes",2);r([o({type:String,attribute:"media-loading"})],i.prototype,"mediaLoading",2);r([o({type:String,attribute:"media-decoding"})],i.prototype,"mediaDecoding",2);r([o({type:String,attribute:"media-fetchpriority"})],i.prototype,"mediaFetchPriority",2);r([o({type:String,attribute:"media-fit"})],i.prototype,"mediaFit",2);r([o({type:String,attribute:"media-position"})],i.prototype,"mediaPosition",2);r([o({type:String,attribute:"media-width"})],i.prototype,"mediaWidth",2);r([o({type:String,attribute:"media-height"})],i.prototype,"mediaHeight",2);r([o({type:String,attribute:"media-aspect"})],i.prototype,"mediaAspect",2);r([o({type:Boolean,attribute:"media-placeholder"})],i.prototype,"mediaPlaceholder",2);r([o({type:String,attribute:"card-href",reflect:!0})],i.prototype,"cardHref",2);r([o({type:String,reflect:!0})],i.prototype,"title",2);r([o({type:String,reflect:!0})],i.prototype,"subtitle",2);r([o({type:String,attribute:"supporting-text",reflect:!0})],i.prototype,"supportingText",2);r([o({type:Date,reflect:!0})],i.prototype,"date",2);r([o({type:String,attribute:"social-comments-text",reflect:!0})],i.prototype,"commentsText",2);r([o({type:Number,attribute:"social-comments",reflect:!0})],i.prototype,"comments",2);r([o({type:String,attribute:"social-comments-href",reflect:!0})],i.prototype,"commentsHref",2);r([o({type:String,attribute:"social-likes-text",reflect:!0})],i.prototype,"likesText",2);r([o({type:Number,attribute:"social-likes",reflect:!0})],i.prototype,"likes",2);r([o({type:Boolean,attribute:"social-has-liked",reflect:!0})],i.prototype,"hasLiked",2);r([o({type:Boolean,attribute:"social-likes-interactive",reflect:!0})],i.prototype,"likesInteractive",2);r([o({type:String,reflect:!0})],i.prototype,"sizing",2);r([o({type:String,reflect:!0})],i.prototype,"width",2);r([o({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);r([o({type:String,reflect:!0})],i.prototype,"height",2);r([o({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);r([o({type:String,reflect:!0})],i.prototype,"spacing",2);r([o({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",2);r([o({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",2);i=r([w("scb-card")],i);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-icon-button/scb-icon-button.js","../../vendor/preload-helper.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as
|
|
2
|
+
import{_ as u}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i as m,E as p,x as c,t as _}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,a,n){try{customElements.get(i)||t(i,a,n)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,i,a)=>{for(var n=a>1?void 0:a?g(t,i):t,o=e.length-1,d;o>=0;o--)(d=e[o])&&(n=(a?d(t,i,n):d(n))||n);return a&&n&&f(t,i,n),n};let r=class extends m{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=e=>{e&&e.stopPropagation(),this.hasSlotContent&&this.__setExpanded(!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-drawer-item")||[]),i=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[i+1]||t[0]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[i-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}async __ensureDepsLoaded(){r.__rippleLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),r.__rippleLoaded=!0),r.__focusRingLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.m),__vite__mapDeps([0,1]),import.meta.url),r.__focusRingLoaded=!0),this.leadingIcon&&!r.__iconLoaded&&(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),r.__iconLoaded=!0),this.hasSlotContent&&!r.__iconButtonLoaded&&(await u(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0]),import.meta.url),r.__iconButtonLoaded=!0)}_onSlotChange(e){const i=e.target.assignedElements({flatten:!0});this.hasSlotContent=i.length>0&&i.every(a=>a.tagName==="SCB-SUB-DRAWER")}__setExpanded(e){this.hasSlotContent&&(this.expanded=e,this.dispatchEvent(new CustomEvent("scb-drawer-expand",{bubbles:!0,composed:!0,detail:{item:this,expanded:e}})))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-drawer-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){const e=this.renderRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:!0});this.hasSlotContent=t.length>0&&t.every(i=>i.tagName==="SCB-SUB-DRAWER")}await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded(),e.has("expanded")&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,i=this.hasSlotContent;return c`
|
|
3
3
|
<div class="scb-drawer-item">
|
|
4
4
|
<div class="scb-drawer-item-label" ?selected=${this.selected}>
|
|
5
5
|
${t?c`
|
|
@@ -8,7 +8,7 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
8
8
|
class="scb-drawer-label-text"
|
|
9
9
|
aria-label="${this.label}"
|
|
10
10
|
href="${this.itemHref}"
|
|
11
|
-
aria-current=${this.selected?"page":
|
|
11
|
+
aria-current=${this.selected?"page":p}
|
|
12
12
|
@click=${this._onLinkClick}
|
|
13
13
|
@keydown=${this._onKeyDown}
|
|
14
14
|
>
|
|
@@ -26,8 +26,8 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
26
26
|
class="scb-drawer-label-text"
|
|
27
27
|
@click=${this._onButtonClick}
|
|
28
28
|
@keydown=${this._onKeyDown}
|
|
29
|
-
aria-expanded=${
|
|
30
|
-
aria-controls=${
|
|
29
|
+
aria-expanded=${i?String(this.expanded):p}
|
|
30
|
+
aria-controls=${i?this.__submenuId:p}
|
|
31
31
|
>
|
|
32
32
|
<span class="scb-drawer-click ${e?"has-icon":""}">
|
|
33
33
|
<md-ripple></md-ripple>
|
|
@@ -37,12 +37,13 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
37
37
|
</button>
|
|
38
38
|
<md-focus-ring for=${this.__focusId} inward></md-focus-ring>
|
|
39
39
|
`}
|
|
40
|
-
${
|
|
40
|
+
${i?c`
|
|
41
41
|
<scb-icon-button
|
|
42
|
-
|
|
42
|
+
class="drawer-chevron"
|
|
43
|
+
icon="keyboard_arrow_down"
|
|
43
44
|
role="presentation"
|
|
44
45
|
tabindex="-1"
|
|
45
|
-
@click=${
|
|
46
|
+
@click=${a=>{a.stopPropagation(),this._toggleExpand(a)}}
|
|
46
47
|
></scb-icon-button>
|
|
47
48
|
`:""}
|
|
48
49
|
</div>
|
|
@@ -58,12 +59,18 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
58
59
|
</div>
|
|
59
60
|
</div>
|
|
60
61
|
</div>
|
|
61
|
-
`}};
|
|
62
|
+
`}};r.__rippleLoaded=!1;r.__iconLoaded=!1;r.__iconButtonLoaded=!1;r.__focusRingLoaded=!1;r.styles=b`
|
|
62
63
|
:host {
|
|
63
64
|
/* Animationtokens */
|
|
64
65
|
--scb-drawer-sub-transition-duration: var(--scb-motion-duration-quick, 150ms);
|
|
65
66
|
--scb-drawer-sub-transition-easing: var(--scb-motion-easing-standard, cubic-bezier(.69,.16,.2,.98));
|
|
66
67
|
|
|
68
|
+
--scb-drawer-chevron-transition-duration: var(--motion-duration-medium, 150ms);
|
|
69
|
+
--scb-drawer-chevron-transition-easing: var(
|
|
70
|
+
--motion-easing-emphasized-accelerate,
|
|
71
|
+
var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
|
|
72
|
+
);
|
|
73
|
+
|
|
67
74
|
--scb-drawer-item-padding-y: 14px;
|
|
68
75
|
--scb-drawer-item-padding-x: 20px;
|
|
69
76
|
--scb-drawer-item-padding-x-has-icon: var(--spacing-4, 12px);
|
|
@@ -71,6 +78,13 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
71
78
|
--scb-drawer-item-gap: var(--spacing-4, 12px);
|
|
72
79
|
}
|
|
73
80
|
|
|
81
|
+
:host([expanded]) {
|
|
82
|
+
--scb-drawer-chevron-transition-easing: var(
|
|
83
|
+
--motion-easing-emphasized-decelerate,
|
|
84
|
+
var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
|
|
74
88
|
.scb-drawer-item-label {
|
|
75
89
|
display: flex;
|
|
76
90
|
align-items: center;
|
|
@@ -135,6 +149,17 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
135
149
|
flex: 0 0 auto;
|
|
136
150
|
}
|
|
137
151
|
|
|
152
|
+
scb-icon-button.drawer-chevron {
|
|
153
|
+
transform: rotate(0deg);
|
|
154
|
+
transform-origin: center;
|
|
155
|
+
transition: transform var(--motion-duration-medium, var(--scb-drawer-chevron-transition-duration))
|
|
156
|
+
var(--motion-easing-standard, var(--scb-drawer-chevron-transition-easing));
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
:host([expanded]) scb-icon-button.drawer-chevron {
|
|
160
|
+
transform: rotate(180deg);
|
|
161
|
+
}
|
|
162
|
+
|
|
138
163
|
/* Undermeny: CSS-grid 0fr till 1fr för höjd-animation utan JS-mätningar */
|
|
139
164
|
.submenu {
|
|
140
165
|
display: grid;
|
|
@@ -159,5 +184,9 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
159
184
|
.submenu {
|
|
160
185
|
transition: none;
|
|
161
186
|
}
|
|
187
|
+
|
|
188
|
+
scb-icon-button.drawer-chevron {
|
|
189
|
+
transition: none;
|
|
190
|
+
}
|
|
162
191
|
}
|
|
163
|
-
`;
|
|
192
|
+
`;s([l({type:String})],r.prototype,"label",2);s([l({type:Boolean,reflect:!0})],r.prototype,"selected",2);s([l({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",2);s([l({type:String,attribute:"item-href"})],r.prototype,"itemHref",2);s([h()],r.prototype,"hasSlotContent",2);s([l({type:Boolean,reflect:!0})],r.prototype,"expanded",2);r=s([_("scb-drawer-item")],r);export{r as ScbDrawerItem};
|