@govtechsg/sgds-web-component 3.22.1 → 3.23.0-rc.1
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/components/Breadcrumb/index.umd.min.js +34 -33
- package/components/Breadcrumb/index.umd.min.js.map +1 -1
- package/components/Dropdown/index.umd.min.js +9 -3
- package/components/Dropdown/index.umd.min.js.map +1 -1
- package/components/Dropdown/sgds-dropdown-item.d.ts +2 -0
- package/components/Dropdown/sgds-dropdown-item.js +7 -0
- package/components/Dropdown/sgds-dropdown-item.js.map +1 -1
- package/components/Footer/index.umd.min.js +1 -1
- package/components/Footer/index.umd.min.js.map +1 -1
- package/components/Mainnav/index.umd.min.js +3 -2
- package/components/Mainnav/index.umd.min.js.map +1 -1
- package/components/OverflowMenu/index.umd.min.js +9 -3
- package/components/OverflowMenu/index.umd.min.js.map +1 -1
- package/components/Sidenav/index.umd.min.js +5 -4
- package/components/Sidenav/index.umd.min.js.map +1 -1
- package/components/Sidenav/sgds-sidenav-item.d.ts +4 -0
- package/components/Sidenav/sgds-sidenav-item.js +5 -0
- package/components/Sidenav/sgds-sidenav-item.js.map +1 -1
- package/components/Subnav/index.umd.min.js +1 -1
- package/components/Subnav/index.umd.min.js.map +1 -1
- package/components/index.umd.min.js +6 -4
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +1 -1
- package/css/grid.css +30 -4
- package/css/grid.js +1 -1
- package/custom-elements.json +177 -141
- package/index.umd.min.js +6 -4
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/components/Dropdown/sgds-dropdown-item.cjs.js +7 -0
- package/react/components/Dropdown/sgds-dropdown-item.cjs.js.map +1 -1
- package/react/components/Dropdown/sgds-dropdown-item.js +7 -0
- package/react/components/Dropdown/sgds-dropdown-item.js.map +1 -1
- package/react/components/Sidenav/sgds-sidenav-item.cjs.js +5 -0
- package/react/components/Sidenav/sgds-sidenav-item.cjs.js.map +1 -1
- package/react/components/Sidenav/sgds-sidenav-item.js +5 -0
- package/react/components/Sidenav/sgds-sidenav-item.js.map +1 -1
- package/react/css/grid.cjs.js +1 -1
- package/react/css/grid.js +1 -1
- package/react/index.cjs.js +6 -6
- package/react/index.d.ts +1 -1
- package/react/index.js +1 -1
- package/themes/root.css +2 -0
- package/types/react.d.ts +15 -11
package/css/fouc.css
CHANGED
|
@@ -13,9 +13,9 @@ sgds-close-button:not(:defined),
|
|
|
13
13
|
sgds-combo-box-option:not(:defined),
|
|
14
14
|
sgds-combo-box:not(:defined),
|
|
15
15
|
sgds-datepicker:not(:defined),
|
|
16
|
-
sgds-divider:not(:defined),
|
|
17
16
|
sgds-description-list-group:not(:defined),
|
|
18
17
|
sgds-description-list:not(:defined),
|
|
18
|
+
sgds-divider:not(:defined),
|
|
19
19
|
sgds-drawer:not(:defined),
|
|
20
20
|
sgds-dropdown-item:not(:defined),
|
|
21
21
|
sgds-dropdown:not(:defined),
|
package/css/grid.css
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.sgds-container-sidebar {
|
|
85
|
-
max-width:
|
|
85
|
+
max-width: calc(100% - 96px); /* outer margin of 48px on each side */
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.sgds-container {
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
max-width: var(--sgds-dimension-1168);
|
|
120
120
|
}
|
|
121
121
|
.sgds-container-sidebar {
|
|
122
|
-
max-width:
|
|
122
|
+
max-width: calc(100% - 96px); /* outer margin of 48px on each side */
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.sgds-col-xl-1 { grid-column: span 1; }
|
|
@@ -147,8 +147,8 @@
|
|
|
147
147
|
.sgds-container {
|
|
148
148
|
max-width: var(--sgds-dimension-1312);
|
|
149
149
|
}
|
|
150
|
-
|
|
151
|
-
max-width:
|
|
150
|
+
.sgds-container-sidebar {
|
|
151
|
+
max-width: calc(100% - 96px); /* outer margin of 48px on each side */
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
.sgds-col-2-xl-1 { grid-column: span 1; }
|
|
@@ -171,3 +171,29 @@
|
|
|
171
171
|
.sgds-col-xl-none { display: revert; }
|
|
172
172
|
.sgds-col-2-xl-none { display: none; }
|
|
173
173
|
}
|
|
174
|
+
|
|
175
|
+
@media (min-width: 1600px) { /* sgds-breakpoint-sbar-3-xl */
|
|
176
|
+
.sgds-container-sidebar {
|
|
177
|
+
max-width: min(var(--sgds-dimension-1600), calc(100% - 96px)); /* 1600px cap or 48px outer margins, whichever is smaller */
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.sgds-col-3-xl-1 { grid-column: span 1; }
|
|
181
|
+
.sgds-col-3-xl-2 { grid-column: span 2; }
|
|
182
|
+
.sgds-col-3-xl-3 { grid-column: span 3; }
|
|
183
|
+
.sgds-col-3-xl-4 { grid-column: span 4; }
|
|
184
|
+
.sgds-col-3-xl-5 { grid-column: span 5; }
|
|
185
|
+
.sgds-col-3-xl-6 { grid-column: span 6; }
|
|
186
|
+
.sgds-col-3-xl-7 { grid-column: span 7; }
|
|
187
|
+
.sgds-col-3-xl-8 { grid-column: span 8; }
|
|
188
|
+
.sgds-col-3-xl-9 { grid-column: span 9; }
|
|
189
|
+
.sgds-col-3-xl-10 { grid-column: span 10; }
|
|
190
|
+
.sgds-col-3-xl-11 { grid-column: span 11; }
|
|
191
|
+
.sgds-col-3-xl-12 { grid-column: span 12; }
|
|
192
|
+
.sgds-col-3-xl-center-2 { grid-column: 6 / span 2; }
|
|
193
|
+
.sgds-col-3-xl-center-4 { grid-column: 5 / span 4; }
|
|
194
|
+
.sgds-col-3-xl-center-6 { grid-column: 4 / span 6; }
|
|
195
|
+
.sgds-col-3-xl-center-8 { grid-column: 3 / span 8; }
|
|
196
|
+
.sgds-col-3-xl-center-10 { grid-column: 2 / span 10; }
|
|
197
|
+
.sgds-col-2-xl-none { display: revert; }
|
|
198
|
+
.sgds-col-3-xl-none { display: none; }
|
|
199
|
+
}
|
package/css/grid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = css`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-grid{display:grid;gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:
|
|
3
|
+
var css_248z = css`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-grid{display:grid;gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-grid{gap:var(--sgds-gap-2-xl)}.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@media (min-width:1600px){.sgds-container-sidebar{max-width:min(var(--sgds-dimension-1600),calc(100% - 96px))}.sgds-col-3-xl-1{grid-column:span 1}.sgds-col-3-xl-2{grid-column:span 2}.sgds-col-3-xl-3{grid-column:span 3}.sgds-col-3-xl-4{grid-column:span 4}.sgds-col-3-xl-5{grid-column:span 5}.sgds-col-3-xl-6{grid-column:span 6}.sgds-col-3-xl-7{grid-column:span 7}.sgds-col-3-xl-8{grid-column:span 8}.sgds-col-3-xl-9{grid-column:span 9}.sgds-col-3-xl-10{grid-column:span 10}.sgds-col-3-xl-11{grid-column:span 11}.sgds-col-3-xl-12{grid-column:span 12}.sgds-col-3-xl-center-2{grid-column:6/span 2}.sgds-col-3-xl-center-4{grid-column:5/span 4}.sgds-col-3-xl-center-6{grid-column:4/span 6}.sgds-col-3-xl-center-8{grid-column:3/span 8}.sgds-col-3-xl-center-10{grid-column:2/span 10}.sgds-col-2-xl-none{display:revert}.sgds-col-3-xl-none{display:none}}`;
|
|
4
4
|
|
|
5
5
|
export { css_248z as default };
|
|
6
6
|
//# sourceMappingURL=grid.js.map
|
package/custom-elements.json
CHANGED
|
@@ -6925,146 +6925,6 @@
|
|
|
6925
6925
|
}
|
|
6926
6926
|
]
|
|
6927
6927
|
},
|
|
6928
|
-
{
|
|
6929
|
-
"kind": "javascript-module",
|
|
6930
|
-
"path": "src/components/Divider/sgds-divider.ts",
|
|
6931
|
-
"declarations": [
|
|
6932
|
-
{
|
|
6933
|
-
"kind": "class",
|
|
6934
|
-
"description": "",
|
|
6935
|
-
"name": "SgdsDivider",
|
|
6936
|
-
"members": [
|
|
6937
|
-
{
|
|
6938
|
-
"kind": "field",
|
|
6939
|
-
"name": "orientation",
|
|
6940
|
-
"type": {
|
|
6941
|
-
"text": "\"horizontal\" | \"vertical\""
|
|
6942
|
-
},
|
|
6943
|
-
"default": "\"horizontal\"",
|
|
6944
|
-
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
6945
|
-
"attribute": "orientation",
|
|
6946
|
-
"reflects": true
|
|
6947
|
-
},
|
|
6948
|
-
{
|
|
6949
|
-
"kind": "field",
|
|
6950
|
-
"name": "thickness",
|
|
6951
|
-
"type": {
|
|
6952
|
-
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
6953
|
-
},
|
|
6954
|
-
"default": "\"thin\"",
|
|
6955
|
-
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
6956
|
-
"attribute": "thickness",
|
|
6957
|
-
"reflects": true
|
|
6958
|
-
},
|
|
6959
|
-
{
|
|
6960
|
-
"kind": "method",
|
|
6961
|
-
"name": "emit",
|
|
6962
|
-
"parameters": [
|
|
6963
|
-
{
|
|
6964
|
-
"name": "name",
|
|
6965
|
-
"type": {
|
|
6966
|
-
"text": "string"
|
|
6967
|
-
}
|
|
6968
|
-
},
|
|
6969
|
-
{
|
|
6970
|
-
"name": "options",
|
|
6971
|
-
"optional": true,
|
|
6972
|
-
"type": {
|
|
6973
|
-
"text": "CustomEventInit<T>"
|
|
6974
|
-
}
|
|
6975
|
-
}
|
|
6976
|
-
],
|
|
6977
|
-
"description": "Emits a custom event with more convenient defaults.",
|
|
6978
|
-
"type": {},
|
|
6979
|
-
"inheritedFrom": {
|
|
6980
|
-
"name": "SgdsElement",
|
|
6981
|
-
"module": "src/base/sgds-element.ts"
|
|
6982
|
-
}
|
|
6983
|
-
},
|
|
6984
|
-
{
|
|
6985
|
-
"kind": "method",
|
|
6986
|
-
"name": "define",
|
|
6987
|
-
"static": true,
|
|
6988
|
-
"parameters": [
|
|
6989
|
-
{
|
|
6990
|
-
"name": "name",
|
|
6991
|
-
"type": {
|
|
6992
|
-
"text": "string"
|
|
6993
|
-
}
|
|
6994
|
-
},
|
|
6995
|
-
{
|
|
6996
|
-
"name": "elementConstructor",
|
|
6997
|
-
"default": "this"
|
|
6998
|
-
},
|
|
6999
|
-
{
|
|
7000
|
-
"name": "options",
|
|
7001
|
-
"default": "{}",
|
|
7002
|
-
"type": {
|
|
7003
|
-
"text": "ElementDefinitionOptions"
|
|
7004
|
-
}
|
|
7005
|
-
}
|
|
7006
|
-
],
|
|
7007
|
-
"type": {},
|
|
7008
|
-
"inheritedFrom": {
|
|
7009
|
-
"name": "SgdsElement",
|
|
7010
|
-
"module": "src/base/sgds-element.ts"
|
|
7011
|
-
}
|
|
7012
|
-
}
|
|
7013
|
-
],
|
|
7014
|
-
"attributes": [
|
|
7015
|
-
{
|
|
7016
|
-
"name": "orientation",
|
|
7017
|
-
"type": {
|
|
7018
|
-
"text": "\"horizontal\" | \"vertical\""
|
|
7019
|
-
},
|
|
7020
|
-
"default": "\"horizontal\"",
|
|
7021
|
-
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7022
|
-
"fieldName": "orientation"
|
|
7023
|
-
},
|
|
7024
|
-
{
|
|
7025
|
-
"name": "thickness",
|
|
7026
|
-
"type": {
|
|
7027
|
-
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7028
|
-
},
|
|
7029
|
-
"default": "\"thin\"",
|
|
7030
|
-
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7031
|
-
"fieldName": "thickness"
|
|
7032
|
-
}
|
|
7033
|
-
],
|
|
7034
|
-
"superclass": {
|
|
7035
|
-
"name": "SgdsElement",
|
|
7036
|
-
"module": "/src/base/sgds-element"
|
|
7037
|
-
},
|
|
7038
|
-
"summary": "A divider is a thin line that groups content in lists and layouts. They bring clarity to a layout by grouping and dividing content in close proximity.",
|
|
7039
|
-
"tagName": "sgds-divider",
|
|
7040
|
-
"customElement": true,
|
|
7041
|
-
"modulePath": "src/components/Divider/sgds-divider.ts",
|
|
7042
|
-
"cssProperties": [],
|
|
7043
|
-
"cssParts": [],
|
|
7044
|
-
"cssStates": [],
|
|
7045
|
-
"events": [],
|
|
7046
|
-
"slots": []
|
|
7047
|
-
}
|
|
7048
|
-
],
|
|
7049
|
-
"exports": [
|
|
7050
|
-
{
|
|
7051
|
-
"kind": "js",
|
|
7052
|
-
"name": "SgdsDivider",
|
|
7053
|
-
"declaration": {
|
|
7054
|
-
"name": "SgdsDivider",
|
|
7055
|
-
"module": "src/components/Divider/sgds-divider.ts"
|
|
7056
|
-
}
|
|
7057
|
-
},
|
|
7058
|
-
{
|
|
7059
|
-
"kind": "js",
|
|
7060
|
-
"name": "default",
|
|
7061
|
-
"declaration": {
|
|
7062
|
-
"name": "SgdsDivider",
|
|
7063
|
-
"module": "src/components/Divider/sgds-divider.ts"
|
|
7064
|
-
}
|
|
7065
|
-
}
|
|
7066
|
-
]
|
|
7067
|
-
},
|
|
7068
6928
|
{
|
|
7069
6929
|
"kind": "javascript-module",
|
|
7070
6930
|
"path": "src/components/DescriptionList/sgds-description-list-group.ts",
|
|
@@ -7435,6 +7295,146 @@
|
|
|
7435
7295
|
}
|
|
7436
7296
|
]
|
|
7437
7297
|
},
|
|
7298
|
+
{
|
|
7299
|
+
"kind": "javascript-module",
|
|
7300
|
+
"path": "src/components/Divider/sgds-divider.ts",
|
|
7301
|
+
"declarations": [
|
|
7302
|
+
{
|
|
7303
|
+
"kind": "class",
|
|
7304
|
+
"description": "",
|
|
7305
|
+
"name": "SgdsDivider",
|
|
7306
|
+
"members": [
|
|
7307
|
+
{
|
|
7308
|
+
"kind": "field",
|
|
7309
|
+
"name": "orientation",
|
|
7310
|
+
"type": {
|
|
7311
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
7312
|
+
},
|
|
7313
|
+
"default": "\"horizontal\"",
|
|
7314
|
+
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7315
|
+
"attribute": "orientation",
|
|
7316
|
+
"reflects": true
|
|
7317
|
+
},
|
|
7318
|
+
{
|
|
7319
|
+
"kind": "field",
|
|
7320
|
+
"name": "thickness",
|
|
7321
|
+
"type": {
|
|
7322
|
+
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7323
|
+
},
|
|
7324
|
+
"default": "\"thin\"",
|
|
7325
|
+
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7326
|
+
"attribute": "thickness",
|
|
7327
|
+
"reflects": true
|
|
7328
|
+
},
|
|
7329
|
+
{
|
|
7330
|
+
"kind": "method",
|
|
7331
|
+
"name": "emit",
|
|
7332
|
+
"parameters": [
|
|
7333
|
+
{
|
|
7334
|
+
"name": "name",
|
|
7335
|
+
"type": {
|
|
7336
|
+
"text": "string"
|
|
7337
|
+
}
|
|
7338
|
+
},
|
|
7339
|
+
{
|
|
7340
|
+
"name": "options",
|
|
7341
|
+
"optional": true,
|
|
7342
|
+
"type": {
|
|
7343
|
+
"text": "CustomEventInit<T>"
|
|
7344
|
+
}
|
|
7345
|
+
}
|
|
7346
|
+
],
|
|
7347
|
+
"description": "Emits a custom event with more convenient defaults.",
|
|
7348
|
+
"type": {},
|
|
7349
|
+
"inheritedFrom": {
|
|
7350
|
+
"name": "SgdsElement",
|
|
7351
|
+
"module": "src/base/sgds-element.ts"
|
|
7352
|
+
}
|
|
7353
|
+
},
|
|
7354
|
+
{
|
|
7355
|
+
"kind": "method",
|
|
7356
|
+
"name": "define",
|
|
7357
|
+
"static": true,
|
|
7358
|
+
"parameters": [
|
|
7359
|
+
{
|
|
7360
|
+
"name": "name",
|
|
7361
|
+
"type": {
|
|
7362
|
+
"text": "string"
|
|
7363
|
+
}
|
|
7364
|
+
},
|
|
7365
|
+
{
|
|
7366
|
+
"name": "elementConstructor",
|
|
7367
|
+
"default": "this"
|
|
7368
|
+
},
|
|
7369
|
+
{
|
|
7370
|
+
"name": "options",
|
|
7371
|
+
"default": "{}",
|
|
7372
|
+
"type": {
|
|
7373
|
+
"text": "ElementDefinitionOptions"
|
|
7374
|
+
}
|
|
7375
|
+
}
|
|
7376
|
+
],
|
|
7377
|
+
"type": {},
|
|
7378
|
+
"inheritedFrom": {
|
|
7379
|
+
"name": "SgdsElement",
|
|
7380
|
+
"module": "src/base/sgds-element.ts"
|
|
7381
|
+
}
|
|
7382
|
+
}
|
|
7383
|
+
],
|
|
7384
|
+
"attributes": [
|
|
7385
|
+
{
|
|
7386
|
+
"name": "orientation",
|
|
7387
|
+
"type": {
|
|
7388
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
7389
|
+
},
|
|
7390
|
+
"default": "\"horizontal\"",
|
|
7391
|
+
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7392
|
+
"fieldName": "orientation"
|
|
7393
|
+
},
|
|
7394
|
+
{
|
|
7395
|
+
"name": "thickness",
|
|
7396
|
+
"type": {
|
|
7397
|
+
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7398
|
+
},
|
|
7399
|
+
"default": "\"thin\"",
|
|
7400
|
+
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7401
|
+
"fieldName": "thickness"
|
|
7402
|
+
}
|
|
7403
|
+
],
|
|
7404
|
+
"superclass": {
|
|
7405
|
+
"name": "SgdsElement",
|
|
7406
|
+
"module": "/src/base/sgds-element"
|
|
7407
|
+
},
|
|
7408
|
+
"summary": "A divider is a thin line that groups content in lists and layouts. They bring clarity to a layout by grouping and dividing content in close proximity.",
|
|
7409
|
+
"tagName": "sgds-divider",
|
|
7410
|
+
"customElement": true,
|
|
7411
|
+
"modulePath": "src/components/Divider/sgds-divider.ts",
|
|
7412
|
+
"cssProperties": [],
|
|
7413
|
+
"cssParts": [],
|
|
7414
|
+
"cssStates": [],
|
|
7415
|
+
"events": [],
|
|
7416
|
+
"slots": []
|
|
7417
|
+
}
|
|
7418
|
+
],
|
|
7419
|
+
"exports": [
|
|
7420
|
+
{
|
|
7421
|
+
"kind": "js",
|
|
7422
|
+
"name": "SgdsDivider",
|
|
7423
|
+
"declaration": {
|
|
7424
|
+
"name": "SgdsDivider",
|
|
7425
|
+
"module": "src/components/Divider/sgds-divider.ts"
|
|
7426
|
+
}
|
|
7427
|
+
},
|
|
7428
|
+
{
|
|
7429
|
+
"kind": "js",
|
|
7430
|
+
"name": "default",
|
|
7431
|
+
"declaration": {
|
|
7432
|
+
"name": "SgdsDivider",
|
|
7433
|
+
"module": "src/components/Divider/sgds-divider.ts"
|
|
7434
|
+
}
|
|
7435
|
+
}
|
|
7436
|
+
]
|
|
7437
|
+
},
|
|
7438
7438
|
{
|
|
7439
7439
|
"kind": "javascript-module",
|
|
7440
7440
|
"path": "src/components/Drawer/sgds-drawer.ts",
|
|
@@ -7801,6 +7801,16 @@
|
|
|
7801
7801
|
"attribute": "disabled",
|
|
7802
7802
|
"reflects": true
|
|
7803
7803
|
},
|
|
7804
|
+
{
|
|
7805
|
+
"kind": "field",
|
|
7806
|
+
"name": "ariaLabel",
|
|
7807
|
+
"type": {
|
|
7808
|
+
"text": "string"
|
|
7809
|
+
},
|
|
7810
|
+
"default": "\"\"",
|
|
7811
|
+
"description": "Forwards aria-label to the inner clickable element for accessibility",
|
|
7812
|
+
"attribute": "ariaLabel"
|
|
7813
|
+
},
|
|
7804
7814
|
{
|
|
7805
7815
|
"kind": "method",
|
|
7806
7816
|
"name": "emit",
|
|
@@ -7874,6 +7884,15 @@
|
|
|
7874
7884
|
"default": "false",
|
|
7875
7885
|
"description": "Disables the SgdsMainnavItem",
|
|
7876
7886
|
"fieldName": "disabled"
|
|
7887
|
+
},
|
|
7888
|
+
{
|
|
7889
|
+
"name": "ariaLabel",
|
|
7890
|
+
"type": {
|
|
7891
|
+
"text": "string"
|
|
7892
|
+
},
|
|
7893
|
+
"default": "\"\"",
|
|
7894
|
+
"description": "Forwards aria-label to the inner clickable element for accessibility",
|
|
7895
|
+
"fieldName": "ariaLabel"
|
|
7877
7896
|
}
|
|
7878
7897
|
],
|
|
7879
7898
|
"superclass": {
|
|
@@ -18599,6 +18618,15 @@
|
|
|
18599
18618
|
"attribute": "disabled",
|
|
18600
18619
|
"reflects": true
|
|
18601
18620
|
},
|
|
18621
|
+
{
|
|
18622
|
+
"kind": "field",
|
|
18623
|
+
"name": "ariaLabel",
|
|
18624
|
+
"type": {
|
|
18625
|
+
"text": "string"
|
|
18626
|
+
},
|
|
18627
|
+
"description": "Accessible label for the sidenav item's menu button. Forwarded to the button's aria-label attribute.",
|
|
18628
|
+
"attribute": "ariaLabel"
|
|
18629
|
+
},
|
|
18602
18630
|
{
|
|
18603
18631
|
"kind": "field",
|
|
18604
18632
|
"name": "isLink",
|
|
@@ -18806,6 +18834,14 @@
|
|
|
18806
18834
|
"default": "false",
|
|
18807
18835
|
"description": "Disables the SgdsSidenavItem",
|
|
18808
18836
|
"fieldName": "disabled"
|
|
18837
|
+
},
|
|
18838
|
+
{
|
|
18839
|
+
"name": "ariaLabel",
|
|
18840
|
+
"type": {
|
|
18841
|
+
"text": "string"
|
|
18842
|
+
},
|
|
18843
|
+
"description": "Accessible label for the sidenav item's menu button. Forwarded to the button's aria-label attribute.",
|
|
18844
|
+
"fieldName": "ariaLabel"
|
|
18809
18845
|
}
|
|
18810
18846
|
],
|
|
18811
18847
|
"superclass": {
|
|
@@ -27634,7 +27670,7 @@
|
|
|
27634
27670
|
"package": {
|
|
27635
27671
|
"name": "@govtechsg/sgds-web-component",
|
|
27636
27672
|
"description": "",
|
|
27637
|
-
"version": "3.
|
|
27673
|
+
"version": "3.23.0-rc.1",
|
|
27638
27674
|
"author": "GovTechSG",
|
|
27639
27675
|
"license": "MIT"
|
|
27640
27676
|
}
|
package/index.umd.min.js
CHANGED
|
@@ -2392,14 +2392,15 @@ const ct=Symbol.for(""),ht=e=>{if(e?.r===ct)return e?._$litStatic$},ut=(e,...t)=
|
|
|
2392
2392
|
<slot id="default" @click=${this.handleSelectSlot}></slot>
|
|
2393
2393
|
</div>
|
|
2394
2394
|
</div>
|
|
2395
|
-
`}}ji.styles=[...Ui.styles,Yi,qi],e([De({type:Boolean,reflect:!0,state:!1})],ji.prototype,"noFlip",void 0),e([De({type:Boolean,reflect:!0,state:!1})],ji.prototype,"menuAlignRight",void 0),e([De({type:String,reflect:!0,state:!1})],ji.prototype,"drop",void 0),e([De({type:String,reflect:!0,state:!1})],ji.prototype,"close",void 0),e([Le({slot:"toggler",flatten:!0})],ji.prototype,"_toggler",void 0),e([ot("menuIsOpen")],ji.prototype,"_handleMenuIsOpenChange",null),e([ot("disabled",{waitUntilFirstUpdate:!0})],ji.prototype,"_handleDisabled",null);var Wi=n`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class Ki extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return ee`
|
|
2395
|
+
`}}ji.styles=[...Ui.styles,Yi,qi],e([De({type:Boolean,reflect:!0,state:!1})],ji.prototype,"noFlip",void 0),e([De({type:Boolean,reflect:!0,state:!1})],ji.prototype,"menuAlignRight",void 0),e([De({type:String,reflect:!0,state:!1})],ji.prototype,"drop",void 0),e([De({type:String,reflect:!0,state:!1})],ji.prototype,"close",void 0),e([Le({slot:"toggler",flatten:!0})],ji.prototype,"_toggler",void 0),e([ot("menuIsOpen")],ji.prototype,"_handleMenuIsOpenChange",null),e([ot("disabled",{waitUntilFirstUpdate:!0})],ji.prototype,"_handleDisabled",null);var Wi=n`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class Ki extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return ee`
|
|
2396
2396
|
<div
|
|
2397
2397
|
class="dropdown-item ${We({disabled:this.disabled,active:this.active})}"
|
|
2398
2398
|
tabindex=${this.disabled?"-1":"0"}
|
|
2399
|
+
aria-label=${Ke(this.ariaLabel||void 0)}
|
|
2399
2400
|
>
|
|
2400
2401
|
<slot></slot>
|
|
2401
2402
|
</div>
|
|
2402
|
-
`}}Ki.styles=[Yi,Wi],Ki.dependencies={"sgds-icon":Lt},e([Le({flatten:!0})],Ki.prototype,"anchor",void 0),e([De({type:Boolean})],Ki.prototype,"active",void 0),e([De({type:Boolean,reflect:!0})],Ki.prototype,"disabled",void 0);class Gi extends Pe{constructor(){super(...arguments),this.size="md"}render(){return ee`
|
|
2403
|
+
`}}Ki.styles=[Yi,Wi],Ki.dependencies={"sgds-icon":Lt},e([Le({flatten:!0})],Ki.prototype,"anchor",void 0),e([De({type:Boolean})],Ki.prototype,"active",void 0),e([De({type:Boolean,reflect:!0})],Ki.prototype,"disabled",void 0),e([De({type:String})],Ki.prototype,"ariaLabel",void 0);class Gi extends Pe{constructor(){super(...arguments),this.size="md"}render(){return ee`
|
|
2403
2404
|
<sgds-dropdown>
|
|
2404
2405
|
<button slot="toggler" class="overflow-btn" aria-label="More options">
|
|
2405
2406
|
<sgds-icon name="three-dots" size=${this.size}></sgds-icon>
|
|
@@ -3092,7 +3093,7 @@ const Fa=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
|
|
|
3092
3093
|
<ul class="file-upload-list ${this.selectedFiles.length>0?"has-files":""}">
|
|
3093
3094
|
${t}
|
|
3094
3095
|
</ul>
|
|
3095
|
-
`}}ol.styles=[...Ea.styles,al],ol.dependencies={"sgds-button":ra,"sgds-close-button":ft,"sgds-icon":Lt,"sgds-spinner":Ha},e([De({type:Boolean,reflect:!0})],ol.prototype,"multiple",void 0),e([De({type:String,reflect:!0})],ol.prototype,"accept",void 0),e([De({type:Boolean,reflect:!0})],ol.prototype,"hasFeedback",void 0),e([De({type:String,reflect:!0})],ol.prototype,"invalidFeedback",void 0),e([De({type:Boolean,reflect:!0})],ol.prototype,"required",void 0),e([De({type:String,reflect:!0})],ol.prototype,"variant",void 0),e([De({type:String})],ol.prototype,"ariaLabel",void 0),e([De({type:Boolean,reflect:!0})],ol.prototype,"noValidate",void 0),e([Ve()],ol.prototype,"selectedFiles",void 0),e([Ve()],ol.prototype,"exitingFile",void 0),e([Ve()],ol.prototype,"fileMetadata",void 0),e([Ve()],ol.prototype,"_isTouched",void 0),e([ot("disabled",{waitUntilFirstUpdate:!0})],ol.prototype,"_handleDisabledChange",null),e([ot("_isTouched",{waitUntilFirstUpdate:!0})],ol.prototype,"_handleIsTouched",null),lt("sgds-file-upload",ol);var nl=n`.footer{background-color:var(--sgds-bg-fixed-dark);height:auto}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-heading-md)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-md)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}@media (min-width:768px){.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@media (min-width:1024px){.footer-top{padding:var(--sgds-padding-3-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-heading-md)!important;line-height:var(--sgds-line-height-md)!important}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@media (min-width:1280px){.footer-mandatory-links{flex-direction:row}}:host([tone=neutral]) .footer{background-color:var(--sgds-bg-default)}:host([tone=neutral]) slot[name=title]::slotted(*){color:var(--sgds-color-default)!important}:host([tone=neutral]) slot:not([name])::slotted(*),:host([tone=neutral]) slot[name=description]::slotted(*){color:var(--sgds-color-default)}:host([tone=neutral]) .footer-copyrights{color:var(--sgds-color-default)}`,rl=n`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-grid{display:grid;gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:
|
|
3096
|
+
`}}ol.styles=[...Ea.styles,al],ol.dependencies={"sgds-button":ra,"sgds-close-button":ft,"sgds-icon":Lt,"sgds-spinner":Ha},e([De({type:Boolean,reflect:!0})],ol.prototype,"multiple",void 0),e([De({type:String,reflect:!0})],ol.prototype,"accept",void 0),e([De({type:Boolean,reflect:!0})],ol.prototype,"hasFeedback",void 0),e([De({type:String,reflect:!0})],ol.prototype,"invalidFeedback",void 0),e([De({type:Boolean,reflect:!0})],ol.prototype,"required",void 0),e([De({type:String,reflect:!0})],ol.prototype,"variant",void 0),e([De({type:String})],ol.prototype,"ariaLabel",void 0),e([De({type:Boolean,reflect:!0})],ol.prototype,"noValidate",void 0),e([Ve()],ol.prototype,"selectedFiles",void 0),e([Ve()],ol.prototype,"exitingFile",void 0),e([Ve()],ol.prototype,"fileMetadata",void 0),e([Ve()],ol.prototype,"_isTouched",void 0),e([ot("disabled",{waitUntilFirstUpdate:!0})],ol.prototype,"_handleDisabledChange",null),e([ot("_isTouched",{waitUntilFirstUpdate:!0})],ol.prototype,"_handleIsTouched",null),lt("sgds-file-upload",ol);var nl=n`.footer{background-color:var(--sgds-bg-fixed-dark);height:auto}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-heading-md)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-md)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}@media (min-width:768px){.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@media (min-width:1024px){.footer-top{padding:var(--sgds-padding-3-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-heading-md)!important;line-height:var(--sgds-line-height-md)!important}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@media (min-width:1280px){.footer-mandatory-links{flex-direction:row}}:host([tone=neutral]) .footer{background-color:var(--sgds-bg-default)}:host([tone=neutral]) slot[name=title]::slotted(*){color:var(--sgds-color-default)!important}:host([tone=neutral]) slot:not([name])::slotted(*),:host([tone=neutral]) slot[name=description]::slotted(*){color:var(--sgds-color-default)}:host([tone=neutral]) .footer-copyrights{color:var(--sgds-color-default)}`,rl=n`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-grid{display:grid;gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-grid{gap:var(--sgds-gap-2-xl)}.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@media (min-width:1600px){.sgds-container-sidebar{max-width:min(var(--sgds-dimension-1600),calc(100% - 96px))}.sgds-col-3-xl-1{grid-column:span 1}.sgds-col-3-xl-2{grid-column:span 2}.sgds-col-3-xl-3{grid-column:span 3}.sgds-col-3-xl-4{grid-column:span 4}.sgds-col-3-xl-5{grid-column:span 5}.sgds-col-3-xl-6{grid-column:span 6}.sgds-col-3-xl-7{grid-column:span 7}.sgds-col-3-xl-8{grid-column:span 8}.sgds-col-3-xl-9{grid-column:span 9}.sgds-col-3-xl-10{grid-column:span 10}.sgds-col-3-xl-11{grid-column:span 11}.sgds-col-3-xl-12{grid-column:span 12}.sgds-col-3-xl-center-2{grid-column:6/span 2}.sgds-col-3-xl-center-4{grid-column:5/span 4}.sgds-col-3-xl-center-6{grid-column:4/span 6}.sgds-col-3-xl-center-8{grid-column:3/span 8}.sgds-col-3-xl-center-10{grid-column:2/span 10}.sgds-col-2-xl-none{display:revert}.sgds-col-3-xl-none{display:none}}`;class ll extends Pe{constructor(){super(...arguments),this.copyrightLiner="Government of Singapore",this.contactHref="#",this.feedbackHref="#",this.faqHref="",this.sitemapHref="",this.privacyHref="#",this.termsOfUseHref="#",this.layout="default",this.tone="fixed-dark",this.hasDefaultSlot=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasItemsSlot=!1,this.hasSlotController=new Hi(this,"[default]","title","description","items")}_handleItemsSlotChange(e){e.target.assignedElements().forEach(e=>{e.tone=this.tone})}_handleToneChange(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="items"]');null==t||t.assignedElements().forEach(e=>{e.tone=this.tone})}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description")),this.hasItemsSlot||(this.hasItemsSlot=this.hasSlotController.test("items"))}get _linkTone(){return"neutral"===this.tone?"neutral":"fixed-light"}render(){return ee`
|
|
3096
3097
|
<footer class="footer">
|
|
3097
3098
|
<section
|
|
3098
3099
|
class="${We({"footer-top":this.hasDefaultSlot||this.hasTitleSlot||this.hasDescriptionSlot||this.hasItemsSlot,"has-content":this.hasDefaultSlot||this.hasItemsSlot,"sgds-container":"default"===this.layout,"sgds-container-sidebar":"sidebar"===this.layout})}"
|
|
@@ -3706,6 +3707,7 @@ const Ol="important",Nl=" !"+Ol;const Ul=Ye(class extends je{constructor(e){if(s
|
|
|
3706
3707
|
aria-expanded=${this.active}
|
|
3707
3708
|
aria-controls=${this._collapseId}
|
|
3708
3709
|
aria-current=${this.active}
|
|
3710
|
+
aria-label=${Ke(this.ariaLabel)}
|
|
3709
3711
|
id=${this._buttonId}
|
|
3710
3712
|
?disabled=${this.disabled}
|
|
3711
3713
|
aria-disabled=${this.disabled?"true":"false"}
|
|
@@ -3723,7 +3725,7 @@ const Ol="important",Nl=" !"+Ol;const Ul=Ye(class extends je{constructor(e){if(s
|
|
|
3723
3725
|
</div>
|
|
3724
3726
|
`,t=ee` <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot> `;return ee`
|
|
3725
3727
|
<div class="sidenav-item" aria-haspopup="${!this.isLink}">${this.isLink?t:e}</div>
|
|
3726
|
-
`}}sd.styles=[...Pe.styles,td],sd.dependencies={"sgds-icon":Lt},e([Be(".sidenav-body")],sd.prototype,"body",void 0),e([Be(".sidenav-btn")],sd.prototype,"header",void 0),e([De({type:Boolean,reflect:!0})],sd.prototype,"active",void 0),e([De({type:Boolean,reflect:!0})],sd.prototype,"disabled",void 0),e([Ve()],sd.prototype,"isLink",void 0),e([ot("active",{waitUntilFirstUpdate:!0})],sd.prototype,"_handleOpenChange",null),e([Le()],sd.prototype,"_items",void 0),it("sidenav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),it("sidenav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var id=n`:host([class^=third-level]) ::slotted(a){padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-default,var(--sgds-link-color-default));display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl);text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}:host(:not([disabled]):not([active])) ::slotted(a:hover){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}:host([disabled]) ::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}:host([disabled]) ::slotted(a:focus),:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus),::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;class ad extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-disabled",`${this.disabled}`)}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`),this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute("tabindex")}_handleSlotChange(){this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute("tabindex","-1"),this._anchor[0].removeAttribute("href"),this._anchor[0].setAttribute("role","link"))}render(){return ee` <slot @slotchange=${this._handleSlotChange}></slot> `}}ad.styles=[...Pe.styles,id],e([De({type:Boolean,reflect:!0})],ad.prototype,"active",void 0),e([De({type:Boolean,reflect:!0})],ad.prototype,"disabled",void 0),e([Le({flatten:!0})],ad.prototype,"_anchor",void 0),e([ot("disabled",{waitUntilFirstUpdate:!0})],ad.prototype,"_handleDisabled",null),lt("sgds-sidenav",ed),lt("sgds-sidenav-item",sd),lt("sgds-sidenav-link",ad);var od=n`.skeleton{--bg:var(--sgds-bg-translucent-subtle);background-color:var(--bg);border-radius:var(--sgds-border-radius-sm);display:flex;flex-direction:column;gap:var(--sgds-gap-xs);max-width:100%}.skeleton.skeleton-paragraph{background-color:transparent}.skeleton.skeleton-paragraph.auto-size-rows>div[class*=skeleton-row]{background-color:var(--sgds-bg-translucent);border-radius:var(--sgds-border-radius-sm);height:-webkit-fill-available}.sheen{--sheen-color:var(--sgds-bg-translucent);animation:sheen 8s ease-in-out infinite;background:linear-gradient(270deg,var(--bg) 0,var(--sheen-color) 33.33%,var(--sheen-color) 66.67%,var(--bg) 100%);background-size:400% 100%}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sheen{animation:none}}`;class nd extends Pe{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="",this.sheen=!1}render(){const e={width:this.width||void 0,height:this.height||void 0,borderRadius:this.borderRadius||void 0};return ee`
|
|
3728
|
+
`}}sd.styles=[...Pe.styles,td],sd.dependencies={"sgds-icon":Lt},e([Be(".sidenav-body")],sd.prototype,"body",void 0),e([Be(".sidenav-btn")],sd.prototype,"header",void 0),e([De({type:Boolean,reflect:!0})],sd.prototype,"active",void 0),e([De({type:Boolean,reflect:!0})],sd.prototype,"disabled",void 0),e([De({type:String})],sd.prototype,"ariaLabel",void 0),e([Ve()],sd.prototype,"isLink",void 0),e([ot("active",{waitUntilFirstUpdate:!0})],sd.prototype,"_handleOpenChange",null),e([Le()],sd.prototype,"_items",void 0),it("sidenav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),it("sidenav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var id=n`:host([class^=third-level]) ::slotted(a){padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-default,var(--sgds-link-color-default));display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl);text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}:host(:not([disabled]):not([active])) ::slotted(a:hover){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}:host([disabled]) ::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}:host([disabled]) ::slotted(a:focus),:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus),::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;class ad extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-disabled",`${this.disabled}`)}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`),this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute("tabindex")}_handleSlotChange(){this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute("tabindex","-1"),this._anchor[0].removeAttribute("href"),this._anchor[0].setAttribute("role","link"))}render(){return ee` <slot @slotchange=${this._handleSlotChange}></slot> `}}ad.styles=[...Pe.styles,id],e([De({type:Boolean,reflect:!0})],ad.prototype,"active",void 0),e([De({type:Boolean,reflect:!0})],ad.prototype,"disabled",void 0),e([Le({flatten:!0})],ad.prototype,"_anchor",void 0),e([ot("disabled",{waitUntilFirstUpdate:!0})],ad.prototype,"_handleDisabled",null),lt("sgds-sidenav",ed),lt("sgds-sidenav-item",sd),lt("sgds-sidenav-link",ad);var od=n`.skeleton{--bg:var(--sgds-bg-translucent-subtle);background-color:var(--bg);border-radius:var(--sgds-border-radius-sm);display:flex;flex-direction:column;gap:var(--sgds-gap-xs);max-width:100%}.skeleton.skeleton-paragraph{background-color:transparent}.skeleton.skeleton-paragraph.auto-size-rows>div[class*=skeleton-row]{background-color:var(--sgds-bg-translucent);border-radius:var(--sgds-border-radius-sm);height:-webkit-fill-available}.sheen{--sheen-color:var(--sgds-bg-translucent);animation:sheen 8s ease-in-out infinite;background:linear-gradient(270deg,var(--bg) 0,var(--sheen-color) 33.33%,var(--sheen-color) 66.67%,var(--bg) 100%);background-size:400% 100%}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sheen{animation:none}}`;class nd extends Pe{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="",this.sheen=!1}render(){const e={width:this.width||void 0,height:this.height||void 0,borderRadius:this.borderRadius||void 0};return ee`
|
|
3727
3729
|
<div
|
|
3728
3730
|
class=${We({skeleton:!0,"skeleton-paragraph":this.rows>0,"auto-size-rows":this.rows>0,sheen:this.sheen&&!this.rows})}
|
|
3729
3731
|
style=${Object.entries(e).filter(([e,t])=>t).map(([e,t])=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t}`).join("; ")}
|