scb-wc 0.1.90 → 0.1.91
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/fonts/material-symbols-outlined/files/material-symbols-outlined-subset.woff2 +0 -0
- package/icons.json +178 -178
- package/mvc/components/scb-nav/scb-nav.js +7 -7
- package/mvc/fonts/material-symbols-outlined/files/material-symbols-outlined-subset.woff2 +0 -0
- package/mvc/scb-logo.svg +20 -20
- package/mvc/scb.svg +13 -13
- package/package.json +2 -2
- package/scb-components/scb-nav/scb-nav.d.ts +2 -0
- package/scb-nav/scb-nav.js +7 -3
- package/scb-wc.bundle.js +4 -4
|
Binary file
|
package/icons.json
CHANGED
|
@@ -1,178 +1,178 @@
|
|
|
1
|
-
[
|
|
2
|
-
"add",
|
|
3
|
-
"remove",
|
|
4
|
-
"add_circle",
|
|
5
|
-
"remove_circle",
|
|
6
|
-
"expand_more",
|
|
7
|
-
"expand_less",
|
|
8
|
-
"chevron_right",
|
|
9
|
-
"chevron_left",
|
|
10
|
-
"unfold_more",
|
|
11
|
-
"unfold_less",
|
|
12
|
-
"info",
|
|
13
|
-
"warning",
|
|
14
|
-
"menu",
|
|
15
|
-
"code",
|
|
16
|
-
"more_horiz",
|
|
17
|
-
"more_vert",
|
|
18
|
-
"check_circle",
|
|
19
|
-
"check",
|
|
20
|
-
"check_small",
|
|
21
|
-
"close",
|
|
22
|
-
"border_color",
|
|
23
|
-
"error",
|
|
24
|
-
"edit",
|
|
25
|
-
"edit_square",
|
|
26
|
-
"refresh",
|
|
27
|
-
"print",
|
|
28
|
-
"group",
|
|
29
|
-
"person_add",
|
|
30
|
-
"person",
|
|
31
|
-
"download",
|
|
32
|
-
"mobile_arrow_down",
|
|
33
|
-
"upload",
|
|
34
|
-
"mail",
|
|
35
|
-
"calendar_month",
|
|
36
|
-
"calendar_today",
|
|
37
|
-
"volume_up",
|
|
38
|
-
"description",
|
|
39
|
-
"folder",
|
|
40
|
-
"play_arrow",
|
|
41
|
-
"grain",
|
|
42
|
-
"check_box",
|
|
43
|
-
"help",
|
|
44
|
-
"check_box_outline_blank",
|
|
45
|
-
"indeterminate_check_box",
|
|
46
|
-
"radio_button_checked",
|
|
47
|
-
"radio_button_unchecked",
|
|
48
|
-
"face",
|
|
49
|
-
"male",
|
|
50
|
-
"female",
|
|
51
|
-
"grid_on",
|
|
52
|
-
"label",
|
|
53
|
-
"delete",
|
|
54
|
-
"pin",
|
|
55
|
-
"location_on",
|
|
56
|
-
"straighten",
|
|
57
|
-
"compare_arrows",
|
|
58
|
-
"swap_horiz",
|
|
59
|
-
"filter_vintage",
|
|
60
|
-
"deceased",
|
|
61
|
-
"apartment",
|
|
62
|
-
"eco",
|
|
63
|
-
"texture",
|
|
64
|
-
"table_chart",
|
|
65
|
-
"bar_chart",
|
|
66
|
-
"bid_landscape",
|
|
67
|
-
"show_chart",
|
|
68
|
-
"ssid_chart",
|
|
69
|
-
"bubble_chart",
|
|
70
|
-
"touch_app",
|
|
71
|
-
"near_me",
|
|
72
|
-
"toggle_off",
|
|
73
|
-
"toggle_on",
|
|
74
|
-
"cancel",
|
|
75
|
-
"book",
|
|
76
|
-
"public",
|
|
77
|
-
"style",
|
|
78
|
-
"restore",
|
|
79
|
-
"payment",
|
|
80
|
-
"shopping_cart",
|
|
81
|
-
"list",
|
|
82
|
-
"ballot",
|
|
83
|
-
"list_alt",
|
|
84
|
-
"view_list",
|
|
85
|
-
"format_list_bulleted",
|
|
86
|
-
"database",
|
|
87
|
-
"database_search",
|
|
88
|
-
"data_table",
|
|
89
|
-
"share",
|
|
90
|
-
"home",
|
|
91
|
-
"arrow_back",
|
|
92
|
-
"arrow_forward",
|
|
93
|
-
"arrow_upward",
|
|
94
|
-
"arrow_downward",
|
|
95
|
-
"arrow_outward",
|
|
96
|
-
"call_made",
|
|
97
|
-
"arrow_back_ios",
|
|
98
|
-
"arrow_forward_ios",
|
|
99
|
-
"favorite",
|
|
100
|
-
"filter_list",
|
|
101
|
-
"sort",
|
|
102
|
-
"view_module",
|
|
103
|
-
"hearing",
|
|
104
|
-
"event_note",
|
|
105
|
-
"image",
|
|
106
|
-
"language",
|
|
107
|
-
"repeat",
|
|
108
|
-
"insert_chart",
|
|
109
|
-
"insert_chart_filled",
|
|
110
|
-
"leaderboard",
|
|
111
|
-
"article",
|
|
112
|
-
"reorder",
|
|
113
|
-
"subject",
|
|
114
|
-
"visibility",
|
|
115
|
-
"visibility_off",
|
|
116
|
-
"arrow_right",
|
|
117
|
-
"arrow_drop_down",
|
|
118
|
-
"tune",
|
|
119
|
-
"settings",
|
|
120
|
-
"manufacturing",
|
|
121
|
-
"preview",
|
|
122
|
-
"mic",
|
|
123
|
-
"laptop_windows",
|
|
124
|
-
"mobile",
|
|
125
|
-
"tablet",
|
|
126
|
-
"table",
|
|
127
|
-
"sell",
|
|
128
|
-
"shoppingmode",
|
|
129
|
-
"lightbulb",
|
|
130
|
-
"content_copy",
|
|
131
|
-
"colors",
|
|
132
|
-
"link",
|
|
133
|
-
"format_bold",
|
|
134
|
-
"format_color_text",
|
|
135
|
-
"format_align_left",
|
|
136
|
-
"fiber_manual_record",
|
|
137
|
-
"breaking_news",
|
|
138
|
-
"release_alert",
|
|
139
|
-
"person_play",
|
|
140
|
-
"comment",
|
|
141
|
-
"mode_comment",
|
|
142
|
-
"fullscreen",
|
|
143
|
-
"fullscreen_exit",
|
|
144
|
-
"filter_alt",
|
|
145
|
-
"open_in_new",
|
|
146
|
-
"search",
|
|
147
|
-
"support",
|
|
148
|
-
"location_searching",
|
|
149
|
-
"explore",
|
|
150
|
-
"assistant_direction",
|
|
151
|
-
"mouse",
|
|
152
|
-
"thumb_up",
|
|
153
|
-
"checklist",
|
|
154
|
-
"progress_activity",
|
|
155
|
-
"reply",
|
|
156
|
-
"percent",
|
|
157
|
-
"space_bar",
|
|
158
|
-
"graph_7",
|
|
159
|
-
"verified",
|
|
160
|
-
"deployed_code",
|
|
161
|
-
"build",
|
|
162
|
-
"code_blocks",
|
|
163
|
-
"inventory",
|
|
164
|
-
"save",
|
|
165
|
-
"data_info_alert",
|
|
166
|
-
"auto_stories",
|
|
167
|
-
"menu_book",
|
|
168
|
-
"book_2",
|
|
169
|
-
"import_contacts",
|
|
170
|
-
"nature",
|
|
171
|
-
"spa",
|
|
172
|
-
"contact_support",
|
|
173
|
-
"work",
|
|
174
|
-
"person_4",
|
|
175
|
-
"price_change",
|
|
176
|
-
"keyboard_arrow_down",
|
|
177
|
-
"keyboard_arrow_up"
|
|
178
|
-
]
|
|
1
|
+
[
|
|
2
|
+
"add",
|
|
3
|
+
"remove",
|
|
4
|
+
"add_circle",
|
|
5
|
+
"remove_circle",
|
|
6
|
+
"expand_more",
|
|
7
|
+
"expand_less",
|
|
8
|
+
"chevron_right",
|
|
9
|
+
"chevron_left",
|
|
10
|
+
"unfold_more",
|
|
11
|
+
"unfold_less",
|
|
12
|
+
"info",
|
|
13
|
+
"warning",
|
|
14
|
+
"menu",
|
|
15
|
+
"code",
|
|
16
|
+
"more_horiz",
|
|
17
|
+
"more_vert",
|
|
18
|
+
"check_circle",
|
|
19
|
+
"check",
|
|
20
|
+
"check_small",
|
|
21
|
+
"close",
|
|
22
|
+
"border_color",
|
|
23
|
+
"error",
|
|
24
|
+
"edit",
|
|
25
|
+
"edit_square",
|
|
26
|
+
"refresh",
|
|
27
|
+
"print",
|
|
28
|
+
"group",
|
|
29
|
+
"person_add",
|
|
30
|
+
"person",
|
|
31
|
+
"download",
|
|
32
|
+
"mobile_arrow_down",
|
|
33
|
+
"upload",
|
|
34
|
+
"mail",
|
|
35
|
+
"calendar_month",
|
|
36
|
+
"calendar_today",
|
|
37
|
+
"volume_up",
|
|
38
|
+
"description",
|
|
39
|
+
"folder",
|
|
40
|
+
"play_arrow",
|
|
41
|
+
"grain",
|
|
42
|
+
"check_box",
|
|
43
|
+
"help",
|
|
44
|
+
"check_box_outline_blank",
|
|
45
|
+
"indeterminate_check_box",
|
|
46
|
+
"radio_button_checked",
|
|
47
|
+
"radio_button_unchecked",
|
|
48
|
+
"face",
|
|
49
|
+
"male",
|
|
50
|
+
"female",
|
|
51
|
+
"grid_on",
|
|
52
|
+
"label",
|
|
53
|
+
"delete",
|
|
54
|
+
"pin",
|
|
55
|
+
"location_on",
|
|
56
|
+
"straighten",
|
|
57
|
+
"compare_arrows",
|
|
58
|
+
"swap_horiz",
|
|
59
|
+
"filter_vintage",
|
|
60
|
+
"deceased",
|
|
61
|
+
"apartment",
|
|
62
|
+
"eco",
|
|
63
|
+
"texture",
|
|
64
|
+
"table_chart",
|
|
65
|
+
"bar_chart",
|
|
66
|
+
"bid_landscape",
|
|
67
|
+
"show_chart",
|
|
68
|
+
"ssid_chart",
|
|
69
|
+
"bubble_chart",
|
|
70
|
+
"touch_app",
|
|
71
|
+
"near_me",
|
|
72
|
+
"toggle_off",
|
|
73
|
+
"toggle_on",
|
|
74
|
+
"cancel",
|
|
75
|
+
"book",
|
|
76
|
+
"public",
|
|
77
|
+
"style",
|
|
78
|
+
"restore",
|
|
79
|
+
"payment",
|
|
80
|
+
"shopping_cart",
|
|
81
|
+
"list",
|
|
82
|
+
"ballot",
|
|
83
|
+
"list_alt",
|
|
84
|
+
"view_list",
|
|
85
|
+
"format_list_bulleted",
|
|
86
|
+
"database",
|
|
87
|
+
"database_search",
|
|
88
|
+
"data_table",
|
|
89
|
+
"share",
|
|
90
|
+
"home",
|
|
91
|
+
"arrow_back",
|
|
92
|
+
"arrow_forward",
|
|
93
|
+
"arrow_upward",
|
|
94
|
+
"arrow_downward",
|
|
95
|
+
"arrow_outward",
|
|
96
|
+
"call_made",
|
|
97
|
+
"arrow_back_ios",
|
|
98
|
+
"arrow_forward_ios",
|
|
99
|
+
"favorite",
|
|
100
|
+
"filter_list",
|
|
101
|
+
"sort",
|
|
102
|
+
"view_module",
|
|
103
|
+
"hearing",
|
|
104
|
+
"event_note",
|
|
105
|
+
"image",
|
|
106
|
+
"language",
|
|
107
|
+
"repeat",
|
|
108
|
+
"insert_chart",
|
|
109
|
+
"insert_chart_filled",
|
|
110
|
+
"leaderboard",
|
|
111
|
+
"article",
|
|
112
|
+
"reorder",
|
|
113
|
+
"subject",
|
|
114
|
+
"visibility",
|
|
115
|
+
"visibility_off",
|
|
116
|
+
"arrow_right",
|
|
117
|
+
"arrow_drop_down",
|
|
118
|
+
"tune",
|
|
119
|
+
"settings",
|
|
120
|
+
"manufacturing",
|
|
121
|
+
"preview",
|
|
122
|
+
"mic",
|
|
123
|
+
"laptop_windows",
|
|
124
|
+
"mobile",
|
|
125
|
+
"tablet",
|
|
126
|
+
"table",
|
|
127
|
+
"sell",
|
|
128
|
+
"shoppingmode",
|
|
129
|
+
"lightbulb",
|
|
130
|
+
"content_copy",
|
|
131
|
+
"colors",
|
|
132
|
+
"link",
|
|
133
|
+
"format_bold",
|
|
134
|
+
"format_color_text",
|
|
135
|
+
"format_align_left",
|
|
136
|
+
"fiber_manual_record",
|
|
137
|
+
"breaking_news",
|
|
138
|
+
"release_alert",
|
|
139
|
+
"person_play",
|
|
140
|
+
"comment",
|
|
141
|
+
"mode_comment",
|
|
142
|
+
"fullscreen",
|
|
143
|
+
"fullscreen_exit",
|
|
144
|
+
"filter_alt",
|
|
145
|
+
"open_in_new",
|
|
146
|
+
"search",
|
|
147
|
+
"support",
|
|
148
|
+
"location_searching",
|
|
149
|
+
"explore",
|
|
150
|
+
"assistant_direction",
|
|
151
|
+
"mouse",
|
|
152
|
+
"thumb_up",
|
|
153
|
+
"checklist",
|
|
154
|
+
"progress_activity",
|
|
155
|
+
"reply",
|
|
156
|
+
"percent",
|
|
157
|
+
"space_bar",
|
|
158
|
+
"graph_7",
|
|
159
|
+
"verified",
|
|
160
|
+
"deployed_code",
|
|
161
|
+
"build",
|
|
162
|
+
"code_blocks",
|
|
163
|
+
"inventory",
|
|
164
|
+
"save",
|
|
165
|
+
"data_info_alert",
|
|
166
|
+
"auto_stories",
|
|
167
|
+
"menu_book",
|
|
168
|
+
"book_2",
|
|
169
|
+
"import_contacts",
|
|
170
|
+
"nature",
|
|
171
|
+
"spa",
|
|
172
|
+
"contact_support",
|
|
173
|
+
"work",
|
|
174
|
+
"person_4",
|
|
175
|
+
"price_change",
|
|
176
|
+
"keyboard_arrow_down",
|
|
177
|
+
"keyboard_arrow_up"
|
|
178
|
+
]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{f as g,h as
|
|
1
|
+
import{f as g,h as y,m as k,p as n,v as h,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as S}from"../../vendor/lazy-focus-ring.js";import{t as o}from"../../vendor/decorate.js";import{t as f}from"../../vendor/scb-icon-svg.js";import"./scb-nav-item.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||t(e,s,i)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var p,m={fromAttribute(d){return d===null?!1:d.toLowerCase()!=="false"}},a=(p=class extends y{constructor(...t){super(...t),this.__itemsEl=null,this.__resizeObserver=null,this.__resizeRaf=null,this.__canScrollLeft=!1,this.__canScrollRight=!1,this.label="",this.activeHref="",this.activateOnClick=!0,this.scrollShadow=!1,this.sticky=!1,this.stickyTop="0px",this.stickyZIndex=5,this.stickyBackground="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__autoAriaLabel=!1,this.__itemIdPrefix=`scb-nav-${Math.random().toString(36).slice(2)}`,this.__itemIdCounter=0,this.__onSlotChange=async()=>{await this.__decorateItems(),this.__applyActiveHref(),this.__scheduleScrollControlUpdate()},this.__scrollLeft=()=>{this.__scrollBy(-this.__getScrollStep())},this.__scrollRight=()=>{this.__scrollBy(this.__getScrollStep())},this.__onWheel=e=>{if(e.ctrlKey)return;const s=this.__itemsEl;if(!s)return;const i=s.scrollWidth-s.clientWidth;if(i<=1)return;const r=this.__normalizeWheelDelta(e);if(r===0)return;const c=Math.max(0,Math.min(i,s.scrollLeft+r));c!==s.scrollLeft&&(e.preventDefault(),s.scrollLeft=c,this.__updateScrollControls())},this.__onItemsScroll=()=>{this.__updateScrollControls()},this.__onClick=e=>{const s=e.composedPath().find(r=>r instanceof HTMLElement&&(r.tagName==="A"||r.tagName==="BUTTON"||r.tagName==="SCB-NAV-ITEM"));if(!s)return;const i=this.__getItemHref(s);this.dispatchEvent(new CustomEvent("scb-nav-select",{bubbles:!0,composed:!0,detail:{item:s,href:i}})),this.dispatchEvent(new CustomEvent("scbnavselect",{bubbles:!0,composed:!0,detail:{item:s,href:i}})),this.activateOnClick&&i&&(this.activeHref=i)}}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}__applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-nav-spacing-block-start",e):this.style.removeProperty("--scb-nav-spacing-block-start"),s?this.style.setProperty("--scb-nav-spacing-block-end",s):this.style.removeProperty("--scb-nav-spacing-block-end"),i?this.style.setProperty("--scb-nav-spacing-inline-start",i):this.style.removeProperty("--scb-nav-spacing-inline-start"),r?this.style.setProperty("--scb-nav-spacing-inline-end",r):this.style.removeProperty("--scb-nav-spacing-inline-end")}__syncStickyStyles(){if(!this.sticky){this.style.removeProperty("--_scb-nav-sticky-top"),this.style.removeProperty("--_scb-nav-sticky-z-index"),this.style.removeProperty("--_scb-nav-sticky-background");return}const t=(this.stickyTop||"").trim()||"0px";this.style.setProperty("--_scb-nav-sticky-top",t);const e=Number.isFinite(this.stickyZIndex)?this.stickyZIndex:5;this.style.setProperty("--_scb-nav-sticky-z-index",String(e));const s=(this.stickyBackground||"").trim();if(!s){this.style.removeProperty("--_scb-nav-sticky-background");return}const i=s.startsWith("--")?`var(${s})`:s;this.style.setProperty("--_scb-nav-sticky-background",i)}connectedCallback(){super.connectedCallback(),this.__removeLazyFocusRingListeners=S(this,this.renderRoot),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.__syncStickyStyles(),this.__syncAriaLabel()}disconnectedCallback(){this.__removeLazyFocusRingListeners?.(),this.__removeLazyFocusRingListeners=void 0,this.__itemsEl?.removeEventListener("scroll",this.__onItemsScroll),this.__itemsEl=null,this.__resizeObserver?.disconnect(),this.__resizeObserver=null,this.__resizeRaf!==null&&(cancelAnimationFrame(this.__resizeRaf),this.__resizeRaf=null),super.disconnectedCallback()}async firstUpdated(){this.__itemsEl=this.renderRoot.querySelector(".scb-nav__items"),this.__itemsEl&&this.__itemsEl.addEventListener("scroll",this.__onItemsScroll,{passive:!0}),this.__resizeObserver=new ResizeObserver(()=>{this.__scheduleScrollControlUpdate()}),this.__resizeObserver.observe(this),this.__itemsEl&&this.__resizeObserver.observe(this.__itemsEl),await this.__decorateItems(),this.__applyActiveHref(),this.__applySpacing(),this.__scheduleScrollControlUpdate(),document.fonts?.ready?.then(()=>{this.isConnected&&this.__scheduleScrollControlUpdate()})}updated(t){t.has("label")&&this.__syncAriaLabel(),(t.has("sticky")||t.has("stickyTop")||t.has("stickyZIndex")||t.has("stickyBackground"))&&this.__syncStickyStyles(),t.has("activeHref")&&this.__applyActiveHref(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__syncAriaLabel(){if(this.hasAttribute("aria-label")){this.__autoAriaLabel=!1;return}const t=(this.label||"").trim();if(!t){this.__autoAriaLabel&&(this.removeAttribute("aria-label"),this.__autoAriaLabel=!1);return}this.setAttribute("aria-label",t),this.__autoAriaLabel=!0}async __decorateItems(){const t=this.__getSlottedItems();if(t.some(e=>e.tagName==="A"||e.tagName==="BUTTON"||e.tagName==="SCB-NAV-ITEM"))for(const e of t){const s=e instanceof HTMLAnchorElement,i=e instanceof HTMLButtonElement,r=e.tagName==="SCB-NAV-ITEM";if(!s&&!i&&!r||(i&&!e.hasAttribute("type")&&e.setAttribute("type","button"),e.getAttribute("data-scb-nav-decorated")==="true"))continue;e.id||(this.__itemIdCounter+=1,e.id=`${this.__itemIdPrefix}-${this.__itemIdCounter}`);const c=b=>{const v=e.querySelector(b);if(v instanceof HTMLElement)return v;const u=document.createElement(b);return e.appendChild(u),u},_=c("md-ripple");_&&_.style.setProperty("--md-ripple-focus-opacity","0");const l=c("md-focus-ring");l&&(l.setAttribute("inward",""),l.setAttribute("for",e.id),l.style.position="absolute",l.style.inset="0",l.style.pointerEvents="none",l.style.borderRadius="24px"),e.setAttribute("data-scb-nav-decorated","true")}}__getSlottedItems(){const t=this.renderRoot.querySelector("slot");return t?t.assignedElements({flatten:!0}).filter(e=>e instanceof HTMLElement):[]}__getItemHref(t){return t instanceof HTMLAnchorElement?(t.getAttribute("href")||"").trim():t.tagName==="SCB-NAV-ITEM"?(t.getAttribute("href")||t.getAttribute("data-href")||t.href||t.dataHref||"").trim():(t.getAttribute("data-href")||"").trim()}__applyActiveHref(){const t=(this.activeHref||"").trim(),e=this.__getSlottedItems();for(const s of e){const i=s instanceof HTMLAnchorElement,r=s instanceof HTMLButtonElement,c=s.tagName==="SCB-NAV-ITEM";if(!i&&!r&&!c)continue;r&&!s.hasAttribute("type")&&s.setAttribute("type","button");const _=this.__getItemHref(s);t&&_===t?(s.setAttribute("aria-current","location"),s.setAttribute("data-scb-nav-managed","true"),s.setAttribute("data-active","true")):(s.getAttribute("data-scb-nav-managed")==="true"&&(s.removeAttribute("aria-current"),s.removeAttribute("data-scb-nav-managed")),s.removeAttribute("data-active"))}}__getScrollStep(){const t=this.__itemsEl;return t?Math.max(Math.round(t.clientWidth*.8),120):200}__scrollBy(t){this.__itemsEl?.scrollBy({left:t,behavior:"smooth"})}__normalizeWheelDelta(t){const e=this.__itemsEl,s=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.deltaY;return e?t.deltaMode===WheelEvent.DOM_DELTA_LINE?s*16:t.deltaMode===WheelEvent.DOM_DELTA_PAGE?s*e.clientWidth:s:s}__scheduleScrollControlUpdate(){this.__resizeRaf===null&&(this.__resizeRaf=requestAnimationFrame(()=>{this.__resizeRaf=null,this.__updateScrollControls()}))}__updateScrollControls(){const t=this.__itemsEl;if(!t){this.__canScrollLeft=!1,this.__canScrollRight=!1,this.toggleAttribute("data-scroll-left",!1),this.toggleAttribute("data-scroll-right",!1);return}const e=t.scrollLeft>0,s=t.scrollLeft+t.clientWidth<t.scrollWidth-1;this.__canScrollLeft=e,this.__canScrollRight=s,this.toggleAttribute("data-scroll-left",e),this.toggleAttribute("data-scroll-right",s)}render(){return h`
|
|
2
2
|
<div class="scb-nav">
|
|
3
|
-
${this.__canScrollLeft?
|
|
3
|
+
${this.__canScrollLeft?h`
|
|
4
4
|
<button
|
|
5
5
|
class="scb-nav__scroll-control scb-nav__scroll-control--left"
|
|
6
6
|
type="button"
|
|
@@ -10,12 +10,12 @@ import{f as g,h as m,m as y,p as n,v as _,y as k}from"../../vendor/vendor.js";im
|
|
|
10
10
|
${f("chevron_left","scb-nav__scroll-control-icon")}
|
|
11
11
|
</button>
|
|
12
12
|
`:""}
|
|
13
|
-
|
|
13
|
+
${this.scrollShadow?h`<div class="scb-nav__scroll-shadow-left"></div>`:""}
|
|
14
14
|
<div class="scb-nav__items" @click=${this.__onClick} @wheel=${this.__onWheel}>
|
|
15
15
|
<slot @slotchange=${this.__onSlotChange}></slot>
|
|
16
16
|
</div>
|
|
17
|
-
|
|
18
|
-
${this.__canScrollRight?
|
|
17
|
+
${this.scrollShadow?h`<div class="scb-nav__scroll-shadow-right"></div>`:""}
|
|
18
|
+
${this.__canScrollRight?h`
|
|
19
19
|
<button
|
|
20
20
|
class="scb-nav__scroll-control scb-nav__scroll-control--right"
|
|
21
21
|
type="button"
|
|
@@ -26,7 +26,7 @@ import{f as g,h as m,m as y,p as n,v as _,y as k}from"../../vendor/vendor.js";im
|
|
|
26
26
|
</button>
|
|
27
27
|
`:""}
|
|
28
28
|
</div>
|
|
29
|
-
`}},p.styles=
|
|
29
|
+
`}},p.styles=x`:host{--_scb-nav-scroll-shadow-color:rgba(0, 0, 0, 0.24);--_scb-nav-scroll-shadow-soft-color:rgba(0, 0, 0, 0.14);display:block;color:var(--md-sys-color-on-surface);font-family:var(--brand-font, Inter);margin-block-start:var(--scb-nav-spacing-block-start, 0);margin-block-end:var(--scb-nav-spacing-block-end, 0);margin-inline-start:var(--scb-nav-spacing-inline-start, 0);margin-inline-end:var(--scb-nav-spacing-inline-end, 0);min-inline-size:0;overflow-x:hidden}@supports (color:color-mix(in srgb,black,white)){:host{--_scb-nav-scroll-shadow-color:color-mix(in srgb, currentColor 24%, transparent);--_scb-nav-scroll-shadow-soft-color:color-mix(in srgb, currentColor 14%, transparent)}}:host([sticky]){position:sticky;inset-block-start:var(--_scb-nav-sticky-top,
|
|
30
30
|
var(--scb-nav-sticky-top, 0px)
|
|
31
31
|
);z-index:var(--_scb-nav-sticky-z-index,
|
|
32
32
|
var(--scb-nav-sticky-z-index, 5)
|
|
@@ -36,4 +36,4 @@ import{f as g,h as m,m as y,p as n,v as _,y as k}from"../../vendor/vendor.js";im
|
|
|
36
36
|
var(--scb-nav-padding-block, var(--spacing-5, 16px))
|
|
37
37
|
);padding-inline:var(--scb-nav-sticky-padding-inline,
|
|
38
38
|
var(--scb-nav-padding-inline, var(--spacing-5, 16px))
|
|
39
|
-
)}.scb-nav__items{display:flex;flex:1 1 auto;align-items:center;gap:var(--scb-nav-gap, var(--spacing-3, 8px));min-inline-size:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;inline-size:100%;max-inline-size:100%;--_scb-nav-edge-fade-size:var(--scb-nav-edge-fade-size, 64px)}:host([data-scroll-left]) .scb-nav__items{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 100%)}:host([data-scroll-right]) .scb-nav__items{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%)}:host([data-scroll-left][data-scroll-right]) .scb-nav__items{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%)}.scb-nav__items::-webkit-scrollbar{display:none}::slotted(a),::slotted(button),::slotted(scb-nav-item){display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding-block:var(--scb-nav-item-padding-block, var(--spacing-3, 8px));padding-inline:var(--scb-nav-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--scb-nav-item-radius, var(--radius-full, 1000px));background:0 0;color:var(--md-sys-color-on-surface);text-decoration:none;border:0;font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline:0;position:relative;overflow:hidden}::slotted(a:focus),::slotted(button:focus),::slotted(scb-nav-item:focus){outline:0}::slotted([data-active=true]),::slotted(a[aria-current]),::slotted(button[aria-current]),::slotted(scb-nav-item[aria-current]){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.scb-nav__scroll-control{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--scb-icon-button-container-size, 40px);block-size:var(--scb-icon-button-container-size, 40px);padding:0;border:0;border-radius:var(--radius-full, 1000px);background:var(--md-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff)));color:var(--md-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be)));cursor:pointer;font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-weight:var(--weight-semibold, 600);overflow:hidden;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.scb-nav__scroll-control::before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.scb-nav__scroll-control:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.scb-nav__scroll-control:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.scb-nav__scroll-control:focus{outline:0}.scb-nav__scroll-control:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary, var(--p-40, #1f44ff)));outline-offset:var(--spacing-1, 2px)}.scb-nav__scroll-control-icon{position:relative;display:inline-block;inline-size:var(--icon-size-medium, 24px);block-size:var(--icon-size-medium, 24px);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scb-nav__scroll-control-icon.scb-svg-icon{fill:currentColor;font:inherit}.scb-nav__scroll-control--left{inset-inline-start:0}.scb-nav__scroll-control--right{inset-inline-end:2px}.scb-nav__scroll-shadow-left,.scb-nav__scroll-shadow-right{position:absolute;inset-block:0;z-index:2;inline-size:5px;pointer-events:none;background:0 0;box-shadow:none;transition:box-shadow .2s}.scb-nav__scroll-shadow-left{inset-inline-start:0}.scb-nav__scroll-shadow-right{inset-inline-end:0}:host([data-scroll-left]) .scb-nav__scroll-shadow-left{background:0 0;box-shadow:12px 0 30px var(--scb-nav-scroll-shadow-color, var(--_scb-nav-scroll-shadow-color)),4px 0 12px var(--scb-nav-scroll-shadow-soft-color, var(--_scb-nav-scroll-shadow-soft-color))}:host([data-scroll-right]) .scb-nav__scroll-shadow-right{background:0 0;box-shadow:-12px 0 30px var(--scb-nav-scroll-shadow-color, var(--_scb-nav-scroll-shadow-color)),-4px 0 12px var(--scb-nav-scroll-shadow-soft-color, var(--_scb-nav-scroll-shadow-soft-color))}`,p);o([g()],a.prototype,"__canScrollLeft",void 0);o([g()],a.prototype,"__canScrollRight",void 0);o([n({type:String})],a.prototype,"label",void 0);o([n({type:String,attribute:"active-href"})],a.prototype,"activeHref",void 0);o([n({type:Boolean,attribute:"activate-on-click",converter:
|
|
39
|
+
)}.scb-nav__items{display:flex;flex:1 1 auto;align-items:center;gap:var(--scb-nav-gap, var(--spacing-3, 8px));min-inline-size:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;inline-size:100%;max-inline-size:100%;--_scb-nav-edge-fade-size:var(--scb-nav-edge-fade-size, 64px)}:host([data-scroll-left]) .scb-nav__items{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 100%)}:host([data-scroll-right]) .scb-nav__items{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%)}:host([data-scroll-left][data-scroll-right]) .scb-nav__items{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--_scb-nav-edge-fade-size),#000 calc(100% - var(--_scb-nav-edge-fade-size)),transparent 100%)}.scb-nav__items::-webkit-scrollbar{display:none}::slotted(a),::slotted(button),::slotted(scb-nav-item){display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding-block:var(--scb-nav-item-padding-block, var(--spacing-3, 8px));padding-inline:var(--scb-nav-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--scb-nav-item-radius, var(--radius-full, 1000px));background:0 0;color:var(--md-sys-color-on-surface);text-decoration:none;border:0;font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline:0;position:relative;overflow:hidden}::slotted(a:focus),::slotted(button:focus),::slotted(scb-nav-item:focus){outline:0}::slotted([data-active=true]),::slotted(a[aria-current]),::slotted(button[aria-current]),::slotted(scb-nav-item[aria-current]){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.scb-nav__scroll-control{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--scb-icon-button-container-size, 40px);block-size:var(--scb-icon-button-container-size, 40px);padding:0;border:0;border-radius:var(--radius-full, 1000px);background:var(--md-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff)));color:var(--md-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be)));cursor:pointer;font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-weight:var(--weight-semibold, 600);overflow:hidden;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.scb-nav__scroll-control::before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.scb-nav__scroll-control:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.scb-nav__scroll-control:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.scb-nav__scroll-control:focus{outline:0}.scb-nav__scroll-control:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary, var(--p-40, #1f44ff)));outline-offset:var(--spacing-1, 2px)}.scb-nav__scroll-control-icon{position:relative;display:inline-block;inline-size:var(--icon-size-medium, 24px);block-size:var(--icon-size-medium, 24px);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scb-nav__scroll-control-icon.scb-svg-icon{fill:currentColor;font:inherit}.scb-nav__scroll-control--left{inset-inline-start:0}.scb-nav__scroll-control--right{inset-inline-end:2px}.scb-nav__scroll-shadow-left,.scb-nav__scroll-shadow-right{position:absolute;inset-block:0;z-index:2;inline-size:5px;pointer-events:none;background:0 0;box-shadow:none;transition:box-shadow .2s}.scb-nav__scroll-shadow-left{inset-inline-start:0}.scb-nav__scroll-shadow-right{inset-inline-end:0}:host([data-scroll-left]) .scb-nav__scroll-shadow-left{background:0 0;box-shadow:12px 0 30px var(--scb-nav-scroll-shadow-color, var(--_scb-nav-scroll-shadow-color)),4px 0 12px var(--scb-nav-scroll-shadow-soft-color, var(--_scb-nav-scroll-shadow-soft-color))}:host([data-scroll-right]) .scb-nav__scroll-shadow-right{background:0 0;box-shadow:-12px 0 30px var(--scb-nav-scroll-shadow-color, var(--_scb-nav-scroll-shadow-color)),-4px 0 12px var(--scb-nav-scroll-shadow-soft-color, var(--_scb-nav-scroll-shadow-soft-color))}`,p);o([g()],a.prototype,"__canScrollLeft",void 0);o([g()],a.prototype,"__canScrollRight",void 0);o([n({type:String})],a.prototype,"label",void 0);o([n({type:String,attribute:"active-href"})],a.prototype,"activeHref",void 0);o([n({type:Boolean,attribute:"activate-on-click",converter:m})],a.prototype,"activateOnClick",void 0);o([n({type:Boolean,attribute:"scroll-shadow",converter:m})],a.prototype,"scrollShadow",void 0);o([n({type:Boolean,reflect:!0})],a.prototype,"sticky",void 0);o([n({type:String,attribute:"sticky-top"})],a.prototype,"stickyTop",void 0);o([n({type:Number,attribute:"sticky-z-index"})],a.prototype,"stickyZIndex",void 0);o([n({type:String,attribute:"sticky-background"})],a.prototype,"stickyBackground",void 0);o([n({type:String,reflect:!0})],a.prototype,"spacing",void 0);o([n({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);o([n({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);o([n({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);o([n({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=o([k("scb-nav")],a);
|
|
Binary file
|
package/mvc/scb-logo.svg
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
-
<svg viewBox="-0.0002 -0.0066 1344.9076 377.9532" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
-
<defs>
|
|
4
|
-
<style type="text/css">
|
|
5
|
-
g {
|
|
6
|
-
fill: #100f0d;
|
|
7
|
-
}
|
|
8
|
-
g:target {
|
|
9
|
-
fill: #fff;
|
|
10
|
-
}
|
|
11
|
-
</style>
|
|
12
|
-
</defs>
|
|
13
|
-
<g transform="matrix(1.3333330154418945, 0, 0, -1.3333330154418945, 0, 377.9466552734375)" id="g10">
|
|
14
|
-
<g transform="scale(0.1)" id="inverted">
|
|
15
|
-
<path id="path14" d="m 1346.6,2515.59 c 0,48.24 -39.11,87.31 -87.4,87.31 -48.29,0 -87.4,-39.07 -87.4,-87.31 V 312.898 c 0,-48.339 39.11,-87.5 87.4,-87.5 48.29,0 87.4,39.161 87.4,87.5 V 1106.8 c 0,5.77 4.79,10.45 10.51,10.45 h 287.22 c 5.76,0 10.5,-4.68 10.5,-10.45 V 305.969 C 1654.83,137.02 1477.67,0 1259.2,0 1040.63,0 863.523,137.02 863.523,305.969 V 2528.77 c 0,168.86 177.107,305.88 395.677,305.88 218.47,0 395.63,-137.02 395.63,-305.88 V 1738.1 c 0,-5.86 -4.74,-10.45 -10.5,-10.45 h -287.22 c -5.72,0 -10.51,4.59 -10.51,10.45 v 777.49"/>
|
|
16
|
-
<path id="path16" d="M 10.4414,2265.38 C -8.01563,2136.85 -1.52734,1926.1 26.1172,1807.73 56.4922,1678.71 231.645,1417.96 310.555,1296.86 389.566,1175.85 494.949,1049.49 493.375,880.922 V 477.18 c 0,-48.25 -39.109,-87.41 -87.406,-87.41 -48.145,0 -87.254,39.16 -87.254,87.41 v 618.79 c 0,5.76 -4.785,10.55 -10.645,10.55 H 20.9453 c -5.8711,0 -10.5039,-4.79 -10.5039,-10.55 V 458.719 c 0,-168.957 177.1056,-305.969 395.5276,-305.969 218.574,0 395.683,137.012 395.683,305.969 v 422.203 c -1.324,289.568 -80.332,331.748 -182.867,505.398 -73.445,124.71 -254.121,381.95 -284.398,510.97 -27.735,118.36 -26.516,255.39 -15.672,379.9 0,48.25 39.109,87.41 87.254,87.41 48.297,0 87.406,-39.16 87.406,-87.41 v -550.32 c 0,-5.77 4.746,-10.45 10.645,-10.45 h 287.085 c 5.911,0 10.547,4.68 10.547,10.45 v 538.51 c 0,169.06 -177.109,305.97 -395.683,305.97 -218.422,0 -395.5276,-136.91 -395.5276,-305.97"/>
|
|
17
|
-
<path id="path18" d="m 1726.57,2547.82 h 440.8 c 182.04,0 329.61,-147.57 329.61,-329.52 v -462.24 c 0,-129.59 -84.97,-238.98 -202.16,-276.48 v -6.24 c 117.19,-37.4 202.16,-146.89 202.16,-276.58 V 491.148 c 0,-160.367 -130.2,-290.457 -290.45,-290.457 l -479.96,-0.293 c -5.91,0 -10.6,4.793 -10.6,10.454 V 2537.37 c 0,5.66 4.69,10.45 10.6,10.45 m 308.27,-229.22 c -5.97,0 -10.65,-4.78 -10.65,-10.55 v -729.33 c 0,-5.97 4.68,-10.65 10.65,-10.65 h 43.36 c 58.01,0 105.08,47.16 105.08,105.18 v 540.18 c 0,58 -47.07,105.17 -105.08,105.17 z m 0,-982.29 c -5.97,0 -10.65,-4.69 -10.65,-10.45 V 430.59 c 0,-5.86 4.68,-10.649 10.65,-10.649 h 51.85 c 58.12,0 105.09,47.18 105.09,105.188 v 706.011 c 0,58.19 -46.97,105.17 -105.09,105.17 h -51.85"/>
|
|
18
|
-
</g>
|
|
19
|
-
</g>
|
|
20
|
-
<text style="fill: rgb(1, 1, 1); font-family: Roboto; font-size: 139.2px; font-weight: 500; stroke: rgb(0, 0, 0); white-space: pre;" x="455.182" y="234.25">Designsystem</text>
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<svg viewBox="-0.0002 -0.0066 1344.9076 377.9532" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<defs>
|
|
4
|
+
<style type="text/css">
|
|
5
|
+
g {
|
|
6
|
+
fill: #100f0d;
|
|
7
|
+
}
|
|
8
|
+
g:target {
|
|
9
|
+
fill: #fff;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<g transform="matrix(1.3333330154418945, 0, 0, -1.3333330154418945, 0, 377.9466552734375)" id="g10">
|
|
14
|
+
<g transform="scale(0.1)" id="inverted">
|
|
15
|
+
<path id="path14" d="m 1346.6,2515.59 c 0,48.24 -39.11,87.31 -87.4,87.31 -48.29,0 -87.4,-39.07 -87.4,-87.31 V 312.898 c 0,-48.339 39.11,-87.5 87.4,-87.5 48.29,0 87.4,39.161 87.4,87.5 V 1106.8 c 0,5.77 4.79,10.45 10.51,10.45 h 287.22 c 5.76,0 10.5,-4.68 10.5,-10.45 V 305.969 C 1654.83,137.02 1477.67,0 1259.2,0 1040.63,0 863.523,137.02 863.523,305.969 V 2528.77 c 0,168.86 177.107,305.88 395.677,305.88 218.47,0 395.63,-137.02 395.63,-305.88 V 1738.1 c 0,-5.86 -4.74,-10.45 -10.5,-10.45 h -287.22 c -5.72,0 -10.51,4.59 -10.51,10.45 v 777.49"/>
|
|
16
|
+
<path id="path16" d="M 10.4414,2265.38 C -8.01563,2136.85 -1.52734,1926.1 26.1172,1807.73 56.4922,1678.71 231.645,1417.96 310.555,1296.86 389.566,1175.85 494.949,1049.49 493.375,880.922 V 477.18 c 0,-48.25 -39.109,-87.41 -87.406,-87.41 -48.145,0 -87.254,39.16 -87.254,87.41 v 618.79 c 0,5.76 -4.785,10.55 -10.645,10.55 H 20.9453 c -5.8711,0 -10.5039,-4.79 -10.5039,-10.55 V 458.719 c 0,-168.957 177.1056,-305.969 395.5276,-305.969 218.574,0 395.683,137.012 395.683,305.969 v 422.203 c -1.324,289.568 -80.332,331.748 -182.867,505.398 -73.445,124.71 -254.121,381.95 -284.398,510.97 -27.735,118.36 -26.516,255.39 -15.672,379.9 0,48.25 39.109,87.41 87.254,87.41 48.297,0 87.406,-39.16 87.406,-87.41 v -550.32 c 0,-5.77 4.746,-10.45 10.645,-10.45 h 287.085 c 5.911,0 10.547,4.68 10.547,10.45 v 538.51 c 0,169.06 -177.109,305.97 -395.683,305.97 -218.422,0 -395.5276,-136.91 -395.5276,-305.97"/>
|
|
17
|
+
<path id="path18" d="m 1726.57,2547.82 h 440.8 c 182.04,0 329.61,-147.57 329.61,-329.52 v -462.24 c 0,-129.59 -84.97,-238.98 -202.16,-276.48 v -6.24 c 117.19,-37.4 202.16,-146.89 202.16,-276.58 V 491.148 c 0,-160.367 -130.2,-290.457 -290.45,-290.457 l -479.96,-0.293 c -5.91,0 -10.6,4.793 -10.6,10.454 V 2537.37 c 0,5.66 4.69,10.45 10.6,10.45 m 308.27,-229.22 c -5.97,0 -10.65,-4.78 -10.65,-10.55 v -729.33 c 0,-5.97 4.68,-10.65 10.65,-10.65 h 43.36 c 58.01,0 105.08,47.16 105.08,105.18 v 540.18 c 0,58 -47.07,105.17 -105.08,105.17 z m 0,-982.29 c -5.97,0 -10.65,-4.69 -10.65,-10.45 V 430.59 c 0,-5.86 4.68,-10.649 10.65,-10.649 h 51.85 c 58.12,0 105.09,47.18 105.09,105.188 v 706.011 c 0,58.19 -46.97,105.17 -105.09,105.17 h -51.85"/>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
<text style="fill: rgb(1, 1, 1); font-family: Roboto; font-size: 139.2px; font-weight: 500; stroke: rgb(0, 0, 0); white-space: pre;" x="455.182" y="234.25">Designsystem</text>
|
|
21
21
|
</svg>
|
package/mvc/scb.svg
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
-
aria-hidden="true"
|
|
5
|
-
role="img"
|
|
6
|
-
width="48"
|
|
7
|
-
height="48"
|
|
8
|
-
preserveAspectRatio="xMidYMid meet"
|
|
9
|
-
viewBox="0 0 1300 1300"
|
|
10
|
-
>
|
|
11
|
-
<path d="M539.3,128.2c0-19.3-15.7-35-35-35c-19.3,0-35,15.6-35,35v882.1c0,19.4,15.7,35,35,35c19.3,0,35-15.7,35-35V692.4 c0-2.3,1.9-4.2,4.2-4.2h115c2.3,0,4.2,1.9,4.2,4.2v320.7c0,67.7-71,122.5-158.4,122.5c-87.5,0-158.5-54.9-158.5-122.5V122.9 c0-67.6,70.9-122.5,158.5-122.5c87.5,0,158.4,54.9,158.4,122.5v316.6c0,2.3-1.9,4.2-4.2,4.2h-115c-2.3,0-4.2-1.8-4.2-4.2V128.2z" />
|
|
12
|
-
<path d="M4.2,228.4c-7.4,51.5-4.8,135.9,6.3,183.3c12.2,51.7,82.3,156.1,113.9,204.6c31.6,48.5,73.8,99.1,73.2,166.6v161.7 c0,19.3-15.7,35-35,35c-19.3,0-34.9-15.7-34.9-35V696.7c0-2.3-1.9-4.2-4.3-4.2H8.4c-2.4,0-4.2,1.9-4.2,4.2v255.2 c0,67.7,70.9,122.5,158.4,122.5c87.5,0,158.5-54.9,158.5-122.5V782.8c-0.5-116-32.2-132.9-73.2-202.4 c-29.4-49.9-101.8-153-113.9-204.6c-11.1-47.4-10.6-102.3-6.3-152.1c0-19.3,15.7-35,34.9-35c19.3,0,35,15.7,35,35V444 c0,2.3,1.9,4.2,4.3,4.2h115c2.4,0,4.2-1.9,4.2-4.2V228.4c0-67.7-70.9-122.5-158.5-122.5C75.1,105.8,4.2,160.7,4.2,228.4" />
|
|
13
|
-
<path d="M814.9,600.4c-2.4,0-4.3,1.9-4.3,4.2v358.5c0,2.3,1.9,4.3,4.3,4.3h20.8c23.3,0,42.1-18.9,42.1-42.1V642.6 c0-23.3-18.8-42.1-42.1-42.1H814.9z M814.9,207.1c-2.4,0-4.3,1.9-4.3,4.2v292.1c0,2.4,1.9,4.3,4.3,4.3h17.4 c23.2,0,42.1-18.9,42.1-42.1V249.2c0-23.2-18.9-42.1-42.1-42.1H814.9z M691.5,115.3H868c72.9,0,132,59.1,132,132v185.1 c0,51.9-34,95.7-81,110.7v2.5c46.9,15,81,58.8,81,110.8v282.6c0,64.2-52.1,116.3-116.3,116.3l-192.2,0.1c-2.4,0-4.2-1.9-4.2-4.2 V119.4C687.2,117.2,689.1,115.3,691.5,115.3" />
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
+
aria-hidden="true"
|
|
5
|
+
role="img"
|
|
6
|
+
width="48"
|
|
7
|
+
height="48"
|
|
8
|
+
preserveAspectRatio="xMidYMid meet"
|
|
9
|
+
viewBox="0 0 1300 1300"
|
|
10
|
+
>
|
|
11
|
+
<path d="M539.3,128.2c0-19.3-15.7-35-35-35c-19.3,0-35,15.6-35,35v882.1c0,19.4,15.7,35,35,35c19.3,0,35-15.7,35-35V692.4 c0-2.3,1.9-4.2,4.2-4.2h115c2.3,0,4.2,1.9,4.2,4.2v320.7c0,67.7-71,122.5-158.4,122.5c-87.5,0-158.5-54.9-158.5-122.5V122.9 c0-67.6,70.9-122.5,158.5-122.5c87.5,0,158.4,54.9,158.4,122.5v316.6c0,2.3-1.9,4.2-4.2,4.2h-115c-2.3,0-4.2-1.8-4.2-4.2V128.2z" />
|
|
12
|
+
<path d="M4.2,228.4c-7.4,51.5-4.8,135.9,6.3,183.3c12.2,51.7,82.3,156.1,113.9,204.6c31.6,48.5,73.8,99.1,73.2,166.6v161.7 c0,19.3-15.7,35-35,35c-19.3,0-34.9-15.7-34.9-35V696.7c0-2.3-1.9-4.2-4.3-4.2H8.4c-2.4,0-4.2,1.9-4.2,4.2v255.2 c0,67.7,70.9,122.5,158.4,122.5c87.5,0,158.5-54.9,158.5-122.5V782.8c-0.5-116-32.2-132.9-73.2-202.4 c-29.4-49.9-101.8-153-113.9-204.6c-11.1-47.4-10.6-102.3-6.3-152.1c0-19.3,15.7-35,34.9-35c19.3,0,35,15.7,35,35V444 c0,2.3,1.9,4.2,4.3,4.2h115c2.4,0,4.2-1.9,4.2-4.2V228.4c0-67.7-70.9-122.5-158.5-122.5C75.1,105.8,4.2,160.7,4.2,228.4" />
|
|
13
|
+
<path d="M814.9,600.4c-2.4,0-4.3,1.9-4.3,4.2v358.5c0,2.3,1.9,4.3,4.3,4.3h20.8c23.3,0,42.1-18.9,42.1-42.1V642.6 c0-23.3-18.8-42.1-42.1-42.1H814.9z M814.9,207.1c-2.4,0-4.3,1.9-4.3,4.2v292.1c0,2.4,1.9,4.3,4.3,4.3h17.4 c23.2,0,42.1-18.9,42.1-42.1V249.2c0-23.2-18.9-42.1-42.1-42.1H814.9z M691.5,115.3H868c72.9,0,132,59.1,132,132v185.1 c0,51.9-34,95.7-81,110.7v2.5c46.9,15,81,58.8,81,110.8v282.6c0,64.2-52.1,116.3-116.3,116.3l-192.2,0.1c-2.4,0-4.2-1.9-4.2-4.2 V119.4C687.2,117.2,689.1,115.3,691.5,115.3" />
|
|
14
14
|
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.91",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -460,5 +460,5 @@
|
|
|
460
460
|
},
|
|
461
461
|
"./mvc/*": "./mvc/*"
|
|
462
462
|
},
|
|
463
|
-
"buildHash": "
|
|
463
|
+
"buildHash": "301B8A666020A39B0DF1EF263EDE069E33F1B8B6817E7ACED0E3C98F0743B8CA"
|
|
464
464
|
}
|
|
@@ -12,6 +12,8 @@ export declare class ScbNav extends LitElement {
|
|
|
12
12
|
activeHref: string;
|
|
13
13
|
/** Om nav:en ska uppdatera aktivt state när en item klickas. */
|
|
14
14
|
activateOnClick: boolean;
|
|
15
|
+
/** Om vänster/höger-skuggning ska visas när nav:en går att scrolla. */
|
|
16
|
+
scrollShadow: boolean;
|
|
15
17
|
/** Om nav:en ska ligga kvar i toppen vid scroll (position: sticky). */
|
|
16
18
|
sticky: boolean;
|
|
17
19
|
/** Top-offset för sticky-läget (t.ex. "0px" eller "64px"). */
|
package/scb-nav/scb-nav.js
CHANGED
|
@@ -10,7 +10,7 @@ var l = { fromAttribute(e) {
|
|
|
10
10
|
return e === null ? !1 : e.toLowerCase() !== "false";
|
|
11
11
|
} }, u = class extends r {
|
|
12
12
|
constructor(...e) {
|
|
13
|
-
super(...e), this.__itemsEl = null, this.__resizeObserver = null, this.__resizeRaf = null, this.__canScrollLeft = !1, this.__canScrollRight = !1, this.label = "", this.activeHref = "", this.activateOnClick = !0, this.sticky = !1, this.stickyTop = "0px", this.stickyZIndex = 5, this.stickyBackground = "", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this.__autoAriaLabel = !1, this.__itemIdPrefix = `scb-nav-${Math.random().toString(36).slice(2)}`, this.__itemIdCounter = 0, this.__onSlotChange = async () => {
|
|
13
|
+
super(...e), this.__itemsEl = null, this.__resizeObserver = null, this.__resizeRaf = null, this.__canScrollLeft = !1, this.__canScrollRight = !1, this.label = "", this.activeHref = "", this.activateOnClick = !0, this.scrollShadow = !1, this.sticky = !1, this.stickyTop = "0px", this.stickyZIndex = 5, this.stickyBackground = "", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this.__autoAriaLabel = !1, this.__itemIdPrefix = `scb-nav-${Math.random().toString(36).slice(2)}`, this.__itemIdCounter = 0, this.__onSlotChange = async () => {
|
|
14
14
|
await this.__decorateItems(), this.__applyActiveHref(), this.__scheduleScrollControlUpdate();
|
|
15
15
|
}, this.__scrollLeft = () => {
|
|
16
16
|
this.__scrollBy(-this.__getScrollStep());
|
|
@@ -478,11 +478,11 @@ var l = { fromAttribute(e) {
|
|
|
478
478
|
${n("chevron_left", "scb-nav__scroll-control-icon")}
|
|
479
479
|
</button>
|
|
480
480
|
` : ""}
|
|
481
|
-
|
|
481
|
+
${this.scrollShadow ? a`<div class="scb-nav__scroll-shadow-left"></div>` : ""}
|
|
482
482
|
<div class="scb-nav__items" @click=${this.__onClick} @wheel=${this.__onWheel}>
|
|
483
483
|
<slot @slotchange=${this.__onSlotChange}></slot>
|
|
484
484
|
</div>
|
|
485
|
-
|
|
485
|
+
${this.scrollShadow ? a`<div class="scb-nav__scroll-shadow-right"></div>` : ""}
|
|
486
486
|
${this.__canScrollRight ? a`
|
|
487
487
|
<button
|
|
488
488
|
class="scb-nav__scroll-control scb-nav__scroll-control--right"
|
|
@@ -505,6 +505,10 @@ t([c()], u.prototype, "__canScrollLeft", void 0), t([c()], u.prototype, "__canSc
|
|
|
505
505
|
attribute: "activate-on-click",
|
|
506
506
|
converter: l
|
|
507
507
|
})], u.prototype, "activateOnClick", void 0), t([s({
|
|
508
|
+
type: Boolean,
|
|
509
|
+
attribute: "scroll-shadow",
|
|
510
|
+
converter: l
|
|
511
|
+
})], u.prototype, "scrollShadow", void 0), t([s({
|
|
508
512
|
type: Boolean,
|
|
509
513
|
reflect: !0
|
|
510
514
|
})], u.prototype, "sticky", void 0), t([s({
|
package/scb-wc.bundle.js
CHANGED
|
@@ -10768,7 +10768,7 @@ var ScbWc=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module
|
|
|
10768
10768
|
.label {
|
|
10769
10769
|
pointer-events: none;
|
|
10770
10770
|
}
|
|
10771
|
-
`}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,this.__onClick),this.addEventListener(`keydown`,this.__onKeyDown),this.addEventListener(`keyup`,this.__onKeyUp),this.__syncA11y()}disconnectedCallback(){this.removeEventListener(`click`,this.__onClick),this.removeEventListener(`keydown`,this.__onKeyDown),this.removeEventListener(`keyup`,this.__onKeyUp),super.disconnectedCallback()}updated(){this.__syncA11y()}__syncA11y(){let e=!!(this.href||``).trim();if(this.disabled){this.setAttribute(`aria-disabled`,`true`),this.tabIndex=-1,this.removeAttribute(`role`);return}this.removeAttribute(`aria-disabled`),this.tabIndex=0,this.setAttribute(`role`,e?`link`:`button`)}render(){return x`<span class="label"><slot></slot></span>`}};P([_({type:String})],af.prototype,`href`,void 0),P([_({type:String,attribute:`data-href`})],af.prototype,`dataHref`,void 0),P([_({type:Boolean,reflect:!0})],af.prototype,`disabled`,void 0),af=P([o(`scb-nav-item`)],af),w(),b(),E(),N(),F();var of={fromAttribute(e){return e===null?!1:e.toLowerCase()!==`false`}},sf=class extends C{constructor(...e){super(...e),this.__itemsEl=null,this.__resizeObserver=null,this.__resizeRaf=null,this.__canScrollLeft=!1,this.__canScrollRight=!1,this.label=``,this.activeHref=``,this.activateOnClick=!0,this.sticky=!1,this.stickyTop=`0px`,this.stickyZIndex=5,this.stickyBackground=``,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__autoAriaLabel=!1,this.__itemIdPrefix=`scb-nav-${Math.random().toString(36).slice(2)}`,this.__itemIdCounter=0,this.__onSlotChange=async()=>{await this.__decorateItems(),this.__applyActiveHref(),this.__scheduleScrollControlUpdate()},this.__scrollLeft=()=>{this.__scrollBy(-this.__getScrollStep())},this.__scrollRight=()=>{this.__scrollBy(this.__getScrollStep())},this.__onWheel=e=>{if(e.ctrlKey)return;let t=this.__itemsEl;if(!t)return;let n=t.scrollWidth-t.clientWidth;if(n<=1)return;let r=this.__normalizeWheelDelta(e);if(r===0)return;let i=Math.max(0,Math.min(n,t.scrollLeft+r));i!==t.scrollLeft&&(e.preventDefault(),t.scrollLeft=i,this.__updateScrollControls())},this.__onItemsScroll=()=>{this.__updateScrollControls()},this.__onClick=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&(e.tagName===`A`||e.tagName===`BUTTON`||e.tagName===`SCB-NAV-ITEM`));if(!t)return;let n=this.__getItemHref(t);this.dispatchEvent(new CustomEvent(`scb-nav-select`,{bubbles:!0,composed:!0,detail:{item:t,href:n}})),this.dispatchEvent(new CustomEvent(`scbnavselect`,{bubbles:!0,composed:!0,detail:{item:t,href:n}})),this.activateOnClick&&n&&(this.activeHref=n)}}static{this.styles=m`
|
|
10771
|
+
`}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,this.__onClick),this.addEventListener(`keydown`,this.__onKeyDown),this.addEventListener(`keyup`,this.__onKeyUp),this.__syncA11y()}disconnectedCallback(){this.removeEventListener(`click`,this.__onClick),this.removeEventListener(`keydown`,this.__onKeyDown),this.removeEventListener(`keyup`,this.__onKeyUp),super.disconnectedCallback()}updated(){this.__syncA11y()}__syncA11y(){let e=!!(this.href||``).trim();if(this.disabled){this.setAttribute(`aria-disabled`,`true`),this.tabIndex=-1,this.removeAttribute(`role`);return}this.removeAttribute(`aria-disabled`),this.tabIndex=0,this.setAttribute(`role`,e?`link`:`button`)}render(){return x`<span class="label"><slot></slot></span>`}};P([_({type:String})],af.prototype,`href`,void 0),P([_({type:String,attribute:`data-href`})],af.prototype,`dataHref`,void 0),P([_({type:Boolean,reflect:!0})],af.prototype,`disabled`,void 0),af=P([o(`scb-nav-item`)],af),w(),b(),E(),N(),F();var of={fromAttribute(e){return e===null?!1:e.toLowerCase()!==`false`}},sf=class extends C{constructor(...e){super(...e),this.__itemsEl=null,this.__resizeObserver=null,this.__resizeRaf=null,this.__canScrollLeft=!1,this.__canScrollRight=!1,this.label=``,this.activeHref=``,this.activateOnClick=!0,this.scrollShadow=!1,this.sticky=!1,this.stickyTop=`0px`,this.stickyZIndex=5,this.stickyBackground=``,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__autoAriaLabel=!1,this.__itemIdPrefix=`scb-nav-${Math.random().toString(36).slice(2)}`,this.__itemIdCounter=0,this.__onSlotChange=async()=>{await this.__decorateItems(),this.__applyActiveHref(),this.__scheduleScrollControlUpdate()},this.__scrollLeft=()=>{this.__scrollBy(-this.__getScrollStep())},this.__scrollRight=()=>{this.__scrollBy(this.__getScrollStep())},this.__onWheel=e=>{if(e.ctrlKey)return;let t=this.__itemsEl;if(!t)return;let n=t.scrollWidth-t.clientWidth;if(n<=1)return;let r=this.__normalizeWheelDelta(e);if(r===0)return;let i=Math.max(0,Math.min(n,t.scrollLeft+r));i!==t.scrollLeft&&(e.preventDefault(),t.scrollLeft=i,this.__updateScrollControls())},this.__onItemsScroll=()=>{this.__updateScrollControls()},this.__onClick=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&(e.tagName===`A`||e.tagName===`BUTTON`||e.tagName===`SCB-NAV-ITEM`));if(!t)return;let n=this.__getItemHref(t);this.dispatchEvent(new CustomEvent(`scb-nav-select`,{bubbles:!0,composed:!0,detail:{item:t,href:n}})),this.dispatchEvent(new CustomEvent(`scbnavselect`,{bubbles:!0,composed:!0,detail:{item:t,href:n}})),this.activateOnClick&&n&&(this.activeHref=n)}}static{this.styles=m`
|
|
10772
10772
|
:host {
|
|
10773
10773
|
--_scb-nav-scroll-shadow-color: rgba(0, 0, 0, 0.24);
|
|
10774
10774
|
--_scb-nav-scroll-shadow-soft-color: rgba(0, 0, 0, 0.14);
|
|
@@ -11077,11 +11077,11 @@ var ScbWc=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module
|
|
|
11077
11077
|
${hd(`chevron_left`,`scb-nav__scroll-control-icon`)}
|
|
11078
11078
|
</button>
|
|
11079
11079
|
`:``}
|
|
11080
|
-
|
|
11080
|
+
${this.scrollShadow?x`<div class="scb-nav__scroll-shadow-left"></div>`:``}
|
|
11081
11081
|
<div class="scb-nav__items" @click=${this.__onClick} @wheel=${this.__onWheel}>
|
|
11082
11082
|
<slot @slotchange=${this.__onSlotChange}></slot>
|
|
11083
11083
|
</div>
|
|
11084
|
-
|
|
11084
|
+
${this.scrollShadow?x`<div class="scb-nav__scroll-shadow-right"></div>`:``}
|
|
11085
11085
|
${this.__canScrollRight?x`
|
|
11086
11086
|
<button
|
|
11087
11087
|
class="scb-nav__scroll-control scb-nav__scroll-control--right"
|
|
@@ -11093,7 +11093,7 @@ var ScbWc=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module
|
|
|
11093
11093
|
</button>
|
|
11094
11094
|
`:``}
|
|
11095
11095
|
</div>
|
|
11096
|
-
`}};P([v()],sf.prototype,`__canScrollLeft`,void 0),P([v()],sf.prototype,`__canScrollRight`,void 0),P([_({type:String})],sf.prototype,`label`,void 0),P([_({type:String,attribute:`active-href`})],sf.prototype,`activeHref`,void 0),P([_({type:Boolean,attribute:`activate-on-click`,converter:of})],sf.prototype,`activateOnClick`,void 0),P([_({type:Boolean,reflect:!0})],sf.prototype,`sticky`,void 0),P([_({type:String,attribute:`sticky-top`})],sf.prototype,`stickyTop`,void 0),P([_({type:Number,attribute:`sticky-z-index`})],sf.prototype,`stickyZIndex`,void 0),P([_({type:String,attribute:`sticky-background`})],sf.prototype,`stickyBackground`,void 0),P([_({type:String,reflect:!0})],sf.prototype,`spacing`,void 0),P([_({type:String,attribute:`spacing-top`,reflect:!0})],sf.prototype,`spacingTop`,void 0),P([_({type:String,attribute:`spacing-bottom`,reflect:!0})],sf.prototype,`spacingBottom`,void 0),P([_({type:String,attribute:`spacing-left`,reflect:!0})],sf.prototype,`spacingLeft`,void 0),P([_({type:String,attribute:`spacing-right`,reflect:!0})],sf.prototype,`spacingRight`,void 0),sf=P([o(`scb-nav`)],sf),w(),b(),k(),Xc(),F();var cf={fromAttribute:e=>e??``,toAttribute:e=>typeof e==`string`?e.trim()===``?null:e:null},Z=class extends C{constructor(...e){super(...e),this.variant=`success`,this.direction=`horizontal`,this.size=`large`,this.title=``,this.notificationCardTitle=``,this.subtitle=``,this.supportingText=``,this.open=!1,this.linkText=``,this.linkHref=`#`,this.href=``,this.showIcon=!1,this.showCloseButton=!1,this.sizing=``,this.width=``,this.maxWidth=``,this.height=``,this.maxHeight=``,this.fullHeight=!1,this.fullWidth=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasFooter=!1,this.__hasIcon=!1,this._closeNotification=()=>{this.open=!1;let e=new CustomEvent(`openchange`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(e);let t=new CustomEvent(`notification-close`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(t);let n=new CustomEvent(`close`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(n);let r=new CustomEvent(`Close`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(r)},this.__syncSlots=()=>{this.__hasHeading=this.__slotHasContent(`heading`),this.__hasSubtitle=this.__slotHasContent(`subtitle`),this.__hasSupportingText=this.__slotHasContent(`supporting-text`),this.__hasFooter=this.__slotHasContent(`footer`),this.__hasIcon=this.__slotHasContent(`icon`)}}get#e(){return this.notificationCardTitle||this.title}static{this.styles=[m`
|
|
11096
|
+
`}};P([v()],sf.prototype,`__canScrollLeft`,void 0),P([v()],sf.prototype,`__canScrollRight`,void 0),P([_({type:String})],sf.prototype,`label`,void 0),P([_({type:String,attribute:`active-href`})],sf.prototype,`activeHref`,void 0),P([_({type:Boolean,attribute:`activate-on-click`,converter:of})],sf.prototype,`activateOnClick`,void 0),P([_({type:Boolean,attribute:`scroll-shadow`,converter:of})],sf.prototype,`scrollShadow`,void 0),P([_({type:Boolean,reflect:!0})],sf.prototype,`sticky`,void 0),P([_({type:String,attribute:`sticky-top`})],sf.prototype,`stickyTop`,void 0),P([_({type:Number,attribute:`sticky-z-index`})],sf.prototype,`stickyZIndex`,void 0),P([_({type:String,attribute:`sticky-background`})],sf.prototype,`stickyBackground`,void 0),P([_({type:String,reflect:!0})],sf.prototype,`spacing`,void 0),P([_({type:String,attribute:`spacing-top`,reflect:!0})],sf.prototype,`spacingTop`,void 0),P([_({type:String,attribute:`spacing-bottom`,reflect:!0})],sf.prototype,`spacingBottom`,void 0),P([_({type:String,attribute:`spacing-left`,reflect:!0})],sf.prototype,`spacingLeft`,void 0),P([_({type:String,attribute:`spacing-right`,reflect:!0})],sf.prototype,`spacingRight`,void 0),sf=P([o(`scb-nav`)],sf),w(),b(),k(),Xc(),F();var cf={fromAttribute:e=>e??``,toAttribute:e=>typeof e==`string`?e.trim()===``?null:e:null},Z=class extends C{constructor(...e){super(...e),this.variant=`success`,this.direction=`horizontal`,this.size=`large`,this.title=``,this.notificationCardTitle=``,this.subtitle=``,this.supportingText=``,this.open=!1,this.linkText=``,this.linkHref=`#`,this.href=``,this.showIcon=!1,this.showCloseButton=!1,this.sizing=``,this.width=``,this.maxWidth=``,this.height=``,this.maxHeight=``,this.fullHeight=!1,this.fullWidth=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasFooter=!1,this.__hasIcon=!1,this._closeNotification=()=>{this.open=!1;let e=new CustomEvent(`openchange`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(e);let t=new CustomEvent(`notification-close`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(t);let n=new CustomEvent(`close`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(n);let r=new CustomEvent(`Close`,{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(r)},this.__syncSlots=()=>{this.__hasHeading=this.__slotHasContent(`heading`),this.__hasSubtitle=this.__slotHasContent(`subtitle`),this.__hasSupportingText=this.__slotHasContent(`supporting-text`),this.__hasFooter=this.__slotHasContent(`footer`),this.__hasIcon=this.__slotHasContent(`icon`)}}get#e(){return this.notificationCardTitle||this.title}static{this.styles=[m`
|
|
11097
11097
|
:host {
|
|
11098
11098
|
display: block;
|
|
11099
11099
|
position: relative;
|