scb-wc 0.1.77 → 0.1.78
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/icons.json +178 -178
- package/mvc/components/scb-button/scb-button.js +1 -1
- package/mvc/components/scb-grid/scb-grid-item.js +1 -1
- package/mvc/components/scb-grid/scb-grid.js +1 -1
- package/mvc/components/scb-header/scb-header.js +88 -62
- package/mvc/components/scb-icon-button/scb-icon-button.js +1 -1
- package/mvc/components/scb-skeleton/scb-skeleton.js +1 -1
- package/mvc/scb-logo.svg +20 -20
- package/mvc/scb.svg +13 -13
- package/package.json +2 -2
- package/scb-components/scb-header/scb-header.d.ts +5 -0
- package/scb-header/scb-header.js +82 -20
- package/scb-wc.bundle.js +221 -195
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
|
+
]
|
|
@@ -310,4 +310,4 @@ import{_ as E,b as v,d as D,g as y,h as o,l as c,p as F,v as a,y as d}from"../..
|
|
|
310
310
|
${u}
|
|
311
311
|
${t&&this.trailingIcon?e:a}
|
|
312
312
|
</md-text-button>
|
|
313
|
-
`;default:return d``}}});function C(){const i=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??i,e=this.mapSpacingToken(this.spacingBottom)??i,s=this.mapSpacingToken(this.spacingLeft),b=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),s?this.style.setProperty("--scb-button-spacing-inline-start",s):this.style.removeProperty("--scb-button-spacing-inline-start"),b?this.style.setProperty("--scb-button-spacing-inline-end",b):this.style.removeProperty("--scb-button-spacing-inline-end")}n([o({type:String,reflect:!0})],l.prototype,"variant",void 0);n([o({type:String,reflect:!0})],l.prototype,"size",void 0);n([o({type:String,reflect:!0})],l.prototype,"type",void 0);n([o({type:String})],l.prototype,"label",void 0);n([o({type:Boolean,attribute:"trailing-icon"})],l.prototype,"trailingIcon",void 0);n([o({type:String})],l.prototype,"icon",void 0);n([o({type:Boolean,attribute:"icon-filled",reflect:!0})],l.prototype,"iconFilled",void 0);n([o({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);n([o({type:Boolean,attribute:"full-width",reflect:!0})],l.prototype,"fullWidth",void 0);n([o({type:String})],l.prototype,"href",void 0);n([o({type:String})],l.prototype,"target",void 0);n([o({type:String})],l.prototype,"rel",void 0);n([o({type:String,reflect:!0})],l.prototype,"spacing",void 0);n([o({type:String,attribute:"spacing-top",reflect:!0})],l.prototype,"spacingTop",void 0);n([o({type:String,attribute:"spacing-bottom",reflect:!0})],l.prototype,"spacingBottom",void 0);n([o({type:String,attribute:"spacing-left",reflect:!0})],l.prototype,"spacingLeft",void 0);n([o({type:String,attribute:"spacing-right",reflect:!0})],l.prototype,"spacingRight",void 0);l=n([y("scb-button")],l);
|
|
313
|
+
`;default:return d``}}});function C(){const i=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??i,e=this.mapSpacingToken(this.spacingBottom)??i,s=this.mapSpacingToken(this.spacingLeft),b=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),s?this.style.setProperty("--scb-button-spacing-inline-start",s):this.style.removeProperty("--scb-button-spacing-inline-start"),b?this.style.setProperty("--scb-button-spacing-inline-end",b):this.style.removeProperty("--scb-button-spacing-inline-end")}n([o({type:String,reflect:!0})],l.prototype,"variant",void 0);n([o({type:String,reflect:!0})],l.prototype,"size",void 0);n([o({type:String,reflect:!0})],l.prototype,"type",void 0);n([o({type:String})],l.prototype,"label",void 0);n([o({type:Boolean,attribute:"trailing-icon"})],l.prototype,"trailingIcon",void 0);n([o({type:String})],l.prototype,"icon",void 0);n([o({type:Boolean,attribute:"icon-filled",reflect:!0})],l.prototype,"iconFilled",void 0);n([o({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);n([o({type:Boolean,attribute:"full-width",reflect:!0})],l.prototype,"fullWidth",void 0);n([o({type:String})],l.prototype,"href",void 0);n([o({type:String})],l.prototype,"target",void 0);n([o({type:String})],l.prototype,"rel",void 0);n([o({type:String,reflect:!0})],l.prototype,"spacing",void 0);n([o({type:String,attribute:"spacing-top",reflect:!0})],l.prototype,"spacingTop",void 0);n([o({type:String,attribute:"spacing-bottom",reflect:!0})],l.prototype,"spacingBottom",void 0);n([o({type:String,attribute:"spacing-left",reflect:!0})],l.prototype,"spacingLeft",void 0);n([o({type:String,attribute:"spacing-right",reflect:!0})],l.prototype,"spacingRight",void 0);l=n([y("scb-button")],l);export{l as ScbButton};
|
|
@@ -29,4 +29,4 @@ import{_ as b,b as m,g as y,h as r,y as g}from"../../vendor/vendor.js";import"..
|
|
|
29
29
|
block-size: 100%;
|
|
30
30
|
inline-size: 100%;
|
|
31
31
|
}
|
|
32
|
-
`,c);function u(){o(e,this,l).call(this,"--col-span",this.hasAttribute("col-span")?String(this.colSpan):null),o(e,this,l).call(this,"--col-span-compact",this.hasAttribute("col-span-compact")?String(this.colSpanCompact):null),o(e,this,l).call(this,"--col-span-medium",this.hasAttribute("col-span-medium")?String(this.colSpanMedium):null),o(e,this,l).call(this,"--col-span-expanded",this.hasAttribute("col-span-expanded")?String(this.colSpanExpanded):null),o(e,this,l).call(this,"--row-rule",this.hasAttribute("row-span")?`span ${this.rowSpan}`:null),o(e,this,l).call(this,"--row-rule-compact",this.hasAttribute("row-span-compact")?`span ${this.rowSpanCompact}`:null),o(e,this,l).call(this,"--row-rule-medium",this.hasAttribute("row-span-medium")?`span ${this.rowSpanMedium}`:null),o(e,this,l).call(this,"--row-rule-expanded",this.hasAttribute("row-span-expanded")?`span ${this.rowSpanExpanded}`:null),this.align?(this.style.setProperty("--scb-grid-item-align",this.align),this.style.setProperty("align-self",this.align)):(this.style.setProperty("--scb-grid-item-align","initial"),this.style.removeProperty("align-self")),this.justify?(this.style.setProperty("--scb-grid-item-justify",this.justify),this.style.setProperty("justify-self",this.justify)):(this.style.setProperty("--scb-grid-item-justify","initial"),this.style.removeProperty("justify-self"))}function l(a,s){this.style.setProperty(a,s===null||s===""?"initial":s)}i([r({type:Number,attribute:"col-span",reflect:!0})],t.prototype,"colSpan",void 0);i([r({type:Number,attribute:"col-span-compact",reflect:!0})],t.prototype,"colSpanCompact",void 0);i([r({type:Number,attribute:"col-span-medium",reflect:!0})],t.prototype,"colSpanMedium",void 0);i([r({type:Number,attribute:"col-span-expanded",reflect:!0})],t.prototype,"colSpanExpanded",void 0);i([r({type:Number,attribute:"row-span",reflect:!0})],t.prototype,"rowSpan",void 0);i([r({type:Number,attribute:"row-span-compact",reflect:!0})],t.prototype,"rowSpanCompact",void 0);i([r({type:Number,attribute:"row-span-medium",reflect:!0})],t.prototype,"rowSpanMedium",void 0);i([r({type:Number,attribute:"row-span-expanded",reflect:!0})],t.prototype,"rowSpanExpanded",void 0);i([r({type:String,reflect:!0})],t.prototype,"align",void 0);i([r({type:String,reflect:!0})],t.prototype,"justify",void 0);i([r({type:Boolean,reflect:!0,converter:w})],t.prototype,"fit",void 0);t=i([y("scb-grid-item")],t);
|
|
32
|
+
`,c);function u(){o(e,this,l).call(this,"--col-span",this.hasAttribute("col-span")?String(this.colSpan):null),o(e,this,l).call(this,"--col-span-compact",this.hasAttribute("col-span-compact")?String(this.colSpanCompact):null),o(e,this,l).call(this,"--col-span-medium",this.hasAttribute("col-span-medium")?String(this.colSpanMedium):null),o(e,this,l).call(this,"--col-span-expanded",this.hasAttribute("col-span-expanded")?String(this.colSpanExpanded):null),o(e,this,l).call(this,"--row-rule",this.hasAttribute("row-span")?`span ${this.rowSpan}`:null),o(e,this,l).call(this,"--row-rule-compact",this.hasAttribute("row-span-compact")?`span ${this.rowSpanCompact}`:null),o(e,this,l).call(this,"--row-rule-medium",this.hasAttribute("row-span-medium")?`span ${this.rowSpanMedium}`:null),o(e,this,l).call(this,"--row-rule-expanded",this.hasAttribute("row-span-expanded")?`span ${this.rowSpanExpanded}`:null),this.align?(this.style.setProperty("--scb-grid-item-align",this.align),this.style.setProperty("align-self",this.align)):(this.style.setProperty("--scb-grid-item-align","initial"),this.style.removeProperty("align-self")),this.justify?(this.style.setProperty("--scb-grid-item-justify",this.justify),this.style.setProperty("justify-self",this.justify)):(this.style.setProperty("--scb-grid-item-justify","initial"),this.style.removeProperty("justify-self"))}function l(a,s){this.style.setProperty(a,s===null||s===""?"initial":s)}i([r({type:Number,attribute:"col-span",reflect:!0})],t.prototype,"colSpan",void 0);i([r({type:Number,attribute:"col-span-compact",reflect:!0})],t.prototype,"colSpanCompact",void 0);i([r({type:Number,attribute:"col-span-medium",reflect:!0})],t.prototype,"colSpanMedium",void 0);i([r({type:Number,attribute:"col-span-expanded",reflect:!0})],t.prototype,"colSpanExpanded",void 0);i([r({type:Number,attribute:"row-span",reflect:!0})],t.prototype,"rowSpan",void 0);i([r({type:Number,attribute:"row-span-compact",reflect:!0})],t.prototype,"rowSpanCompact",void 0);i([r({type:Number,attribute:"row-span-medium",reflect:!0})],t.prototype,"rowSpanMedium",void 0);i([r({type:Number,attribute:"row-span-expanded",reflect:!0})],t.prototype,"rowSpanExpanded",void 0);i([r({type:String,reflect:!0})],t.prototype,"align",void 0);i([r({type:String,reflect:!0})],t.prototype,"justify",void 0);i([r({type:Boolean,reflect:!0,converter:w})],t.prototype,"fit",void 0);t=i([y("scb-grid-item")],t);export{t as ScbGridItem};
|
|
@@ -96,4 +96,4 @@ import{_ as u,b as h,g as b,h as s,y as v}from"../../vendor/vendor.js";import"..
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
`,p);function g(){this.style.setProperty("--scb-grid-cols-compact",String(this.colsCompact)),this.style.setProperty("--scb-grid-cols-medium",String(this.colsMedium)),this.style.setProperty("--scb-grid-cols-expanded",String(this.colsExpanded));const o="var(--spacing-7, 24px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,a=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-grid-row-gap",t),this.style.setProperty("--scb-grid-column-gap",a),this.style.setProperty("--scb-grid-gap",`${t} ${a}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems);const c=this.mapSpacingToken(this.paddingInline),n=this.mapSpacingToken(this.paddingBlock);this.style.setProperty("--scb-grid-max-width",this.maxWidth||"1440px"),this.style.setProperty("--scb-grid-padding-inline",c??"0"),this.style.setProperty("--scb-grid-padding-block",n??"0"),this.style.setProperty("--scb-grid-auto-rows",this.autoRows||"auto")}r([s({type:Number,attribute:"cols-compact",reflect:!0})],i.prototype,"colsCompact",void 0);r([s({type:Number,attribute:"cols-medium",reflect:!0})],i.prototype,"colsMedium",void 0);r([s({type:Number,attribute:"cols-expanded",reflect:!0})],i.prototype,"colsExpanded",void 0);r([s({type:String,reflect:!0})],i.prototype,"gap",void 0);r([s({type:String,attribute:"row-gap",reflect:!0})],i.prototype,"rowGap",void 0);r([s({type:String,attribute:"column-gap",reflect:!0})],i.prototype,"columnGap",void 0);r([s({type:String,attribute:"align-items",reflect:!0})],i.prototype,"alignItems",void 0);r([s({type:String,attribute:"justify-items",reflect:!0})],i.prototype,"justifyItems",void 0);r([s({type:String,attribute:"padding-inline",reflect:!0})],i.prototype,"paddingInline",void 0);r([s({type:String,attribute:"padding-block",reflect:!0})],i.prototype,"paddingBlock",void 0);r([s({type:String,attribute:"max-width",reflect:!0})],i.prototype,"maxWidth",void 0);r([s({type:String,attribute:"auto-rows",reflect:!0})],i.prototype,"autoRows",void 0);i=r([b("scb-grid")],i);
|
|
99
|
+
`,p);function g(){this.style.setProperty("--scb-grid-cols-compact",String(this.colsCompact)),this.style.setProperty("--scb-grid-cols-medium",String(this.colsMedium)),this.style.setProperty("--scb-grid-cols-expanded",String(this.colsExpanded));const o="var(--spacing-7, 24px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,a=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-grid-row-gap",t),this.style.setProperty("--scb-grid-column-gap",a),this.style.setProperty("--scb-grid-gap",`${t} ${a}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems);const c=this.mapSpacingToken(this.paddingInline),n=this.mapSpacingToken(this.paddingBlock);this.style.setProperty("--scb-grid-max-width",this.maxWidth||"1440px"),this.style.setProperty("--scb-grid-padding-inline",c??"0"),this.style.setProperty("--scb-grid-padding-block",n??"0"),this.style.setProperty("--scb-grid-auto-rows",this.autoRows||"auto")}r([s({type:Number,attribute:"cols-compact",reflect:!0})],i.prototype,"colsCompact",void 0);r([s({type:Number,attribute:"cols-medium",reflect:!0})],i.prototype,"colsMedium",void 0);r([s({type:Number,attribute:"cols-expanded",reflect:!0})],i.prototype,"colsExpanded",void 0);r([s({type:String,reflect:!0})],i.prototype,"gap",void 0);r([s({type:String,attribute:"row-gap",reflect:!0})],i.prototype,"rowGap",void 0);r([s({type:String,attribute:"column-gap",reflect:!0})],i.prototype,"columnGap",void 0);r([s({type:String,attribute:"align-items",reflect:!0})],i.prototype,"alignItems",void 0);r([s({type:String,attribute:"justify-items",reflect:!0})],i.prototype,"justifyItems",void 0);r([s({type:String,attribute:"padding-inline",reflect:!0})],i.prototype,"paddingInline",void 0);r([s({type:String,attribute:"padding-block",reflect:!0})],i.prototype,"paddingBlock",void 0);r([s({type:String,attribute:"max-width",reflect:!0})],i.prototype,"maxWidth",void 0);r([s({type:String,attribute:"auto-rows",reflect:!0})],i.prototype,"autoRows",void 0);i=r([b("scb-grid")],i);export{i as ScbGrid};
|