proto-autos-wc 0.1.126 → 0.1.127

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.
@@ -5,7 +5,7 @@ const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: fals
5
5
  const Env = /* proto-autos-wc */ {};
6
6
 
7
7
  /*
8
- Stencil Client Platform v4.40.0 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Platform v4.40.1 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  var __create = Object.create;
11
11
  var __defProp = Object.defineProperty;
@@ -480,6 +480,9 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
480
480
  var promiseResolve = (v) => Promise.resolve(v);
481
481
  var supportsConstructableStylesheets = BUILD.constructableCSS ? /* @__PURE__ */ (() => {
482
482
  try {
483
+ if (!win.document.adoptedStyleSheets) {
484
+ return false;
485
+ }
483
486
  new CSSStyleSheet();
484
487
  return typeof new CSSStyleSheet().replaceSync === "function";
485
488
  } catch (e) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Cb03IjUu.js');
3
+ var index = require('./index-CZCzt3Q9.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  const defineCustomElements = async (win, options) => {
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Cb03IjUu.js');
3
+ var index = require('./index-CZCzt3Q9.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
7
7
  /*
8
- Stencil Client Patch Browser v4.40.0 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
 
11
11
  var patchBrowser = () => {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Cb03IjUu.js');
3
+ var index = require('./index-CZCzt3Q9.js');
4
4
 
5
5
  const KEY = 'proto-autos';
6
6
  const DATA = 'data';
@@ -972,386 +972,7 @@ const ToolBar = _props => {
972
972
  : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
973
973
  };
974
974
 
975
- const shadowCss = () => `
976
- @layer properties;
977
- @layer theme, base, components, utilities;
978
- @layer theme {
979
- :root,
980
- :host {
981
- --font-sans:
982
- ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
983
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
984
- --color-yellow-300: oklch(90.5% 0.182 98.111);
985
- --color-yellow-600: oklch(68.1% 0.162 75.834);
986
- --color-green-200: oklch(92.5% 0.084 155.995);
987
- --color-green-600: oklch(62.7% 0.194 149.214);
988
- --color-blue-200: oklch(88.2% 0.059 254.128);
989
- --color-blue-400: oklch(70.7% 0.165 254.624);
990
- --color-gray-300: oklch(87.2% 0.01 258.338);
991
- --color-gray-600: oklch(44.6% 0.03 256.802);
992
- --color-white: #fff;
993
- --spacing: 0.25rem;
994
- --text-xs: 0.75rem;
995
- --text-xs--line-height: calc(1 / 0.75);
996
- --text-sm: 0.875rem;
997
- --text-sm--line-height: calc(1.25 / 0.875);
998
- --text-lg: 1.125rem;
999
- --text-lg--line-height: calc(1.75 / 1.125);
1000
- --text-xl: 1.25rem;
1001
- --text-xl--line-height: calc(1.75 / 1.25);
1002
- --text-6xl: 3.75rem;
1003
- --text-6xl--line-height: 1;
1004
- --font-weight-thin: 100;
1005
- --font-weight-bold: 700;
1006
- --radius-md: 0.375rem;
1007
- --radius-lg: 0.5rem;
1008
- --animate-spin: spin 1s linear infinite;
1009
- }
1010
- }
1011
- @layer utilities {
1012
- .absolute {
1013
- position: absolute;
1014
- }
1015
- .relative {
1016
- position: relative;
1017
- }
1018
- .top-0 {
1019
- top: calc(var(--spacing) * 0);
1020
- }
1021
- .right-0 {
1022
- right: calc(var(--spacing) * 0);
1023
- }
1024
- .m-6 {
1025
- margin: calc(var(--spacing) * 6);
1026
- }
1027
- .mt-2 {
1028
- margin-top: calc(var(--spacing) * 2);
1029
- }
1030
- .mt-4 {
1031
- margin-top: calc(var(--spacing) * 4);
1032
- }
1033
- .mt-11 {
1034
- margin-top: calc(var(--spacing) * 11);
1035
- }
1036
- .mr-0 {
1037
- margin-right: calc(var(--spacing) * 0);
1038
- }
1039
- .mr-1\.5 {
1040
- margin-right: calc(var(--spacing) * 1.5);
1041
- }
1042
- .mr-2 {
1043
- margin-right: calc(var(--spacing) * 2);
1044
- }
1045
- .mb-1 {
1046
- margin-bottom: calc(var(--spacing) * 1);
1047
- }
1048
- .mb-2 {
1049
- margin-bottom: calc(var(--spacing) * 2);
1050
- }
1051
- .mb-4 {
1052
- margin-bottom: calc(var(--spacing) * 4);
1053
- }
1054
- .mb-11 {
1055
- margin-bottom: calc(var(--spacing) * 11);
1056
- }
1057
- .ml-0 {
1058
- margin-left: calc(var(--spacing) * 0);
1059
- }
1060
- .ml-auto {
1061
- margin-left: auto;
1062
- }
1063
- .flex {
1064
- display: flex;
1065
- }
1066
- .inline-flex {
1067
- display: inline-flex;
1068
- }
1069
- .h-8 {
1070
- height: calc(var(--spacing) * 8);
1071
- }
1072
- .w-8 {
1073
- width: calc(var(--spacing) * 8);
1074
- }
1075
- .animate-spin {
1076
- animation: var(--animate-spin);
1077
- }
1078
- .flex-col {
1079
- flex-direction: column;
1080
- }
1081
- .flex-row {
1082
- flex-direction: row;
1083
- }
1084
- .flex-wrap {
1085
- flex-wrap: wrap;
1086
- }
1087
- .content-center {
1088
- align-content: center;
1089
- }
1090
- .justify-end {
1091
- justify-content: flex-end;
1092
- }
1093
- .self-center {
1094
- align-self: center;
1095
- }
1096
- .rounded-lg {
1097
- border-radius: var(--radius-lg);
1098
- }
1099
- .rounded-md {
1100
- border-radius: var(--radius-md);
1101
- }
1102
- .rounded-none {
1103
- border-radius: 0;
1104
- }
1105
- .rounded-tl-md {
1106
- border-top-left-radius: var(--radius-md);
1107
- }
1108
- .rounded-tl-none {
1109
- border-top-left-radius: 0;
1110
- }
1111
- .rounded-tr-md {
1112
- border-top-right-radius: var(--radius-md);
1113
- }
1114
- .rounded-tr-none {
1115
- border-top-right-radius: 0;
1116
- }
1117
- .rounded-br-md {
1118
- border-bottom-right-radius: var(--radius-md);
1119
- }
1120
- .rounded-br-none {
1121
- border-bottom-right-radius: 0;
1122
- }
1123
- .rounded-bl-md {
1124
- border-bottom-left-radius: var(--radius-md);
1125
- }
1126
- .rounded-bl-none {
1127
- border-bottom-left-radius: 0;
1128
- }
1129
- .border {
1130
- border-style: var(--tw-border-style);
1131
- border-width: 1px;
1132
- }
1133
- .border-r-0 {
1134
- border-right-style: var(--tw-border-style);
1135
- border-right-width: 0px;
1136
- }
1137
- .border-b-0 {
1138
- border-bottom-style: var(--tw-border-style);
1139
- border-bottom-width: 0px;
1140
- }
1141
- .border-l-0 {
1142
- border-left-style: var(--tw-border-style);
1143
- border-left-width: 0px;
1144
- }
1145
- .border-none {
1146
- --tw-border-style: none;
1147
- border-style: none;
1148
- }
1149
- .border-solid {
1150
- --tw-border-style: solid;
1151
- border-style: solid;
1152
- }
1153
- .border-blue-400 {
1154
- border-color: var(--color-blue-400);
1155
- }
1156
- .border-clrs-navy {
1157
- border-color: var(--clrs-navy, #001f3f);
1158
- }
1159
- .border-gray-300 {
1160
- border-color: var(--color-gray-300);
1161
- }
1162
- .border-gray-600 {
1163
- border-color: var(--color-gray-600);
1164
- }
1165
- .border-green-600 {
1166
- border-color: var(--color-green-600);
1167
- }
1168
- .border-yellow-600 {
1169
- border-color: var(--color-yellow-600);
1170
- }
1171
- .bg-blue-200 {
1172
- background-color: var(--color-blue-200);
1173
- }
1174
- .bg-clrs-navy {
1175
- background-color: var(--clrs-navy, #001f3f);
1176
- }
1177
- .bg-clrs-red {
1178
- background-color: var(--clrs-red, #ff4136);
1179
- }
1180
- .bg-clrs-yellow {
1181
- background-color: var(--clrs-yellow, #ffdc00);
1182
- }
1183
- .bg-gray-300 {
1184
- background-color: var(--color-gray-300);
1185
- }
1186
- .bg-green-200 {
1187
- background-color: var(--color-green-200);
1188
- }
1189
- .bg-yellow-300 {
1190
- background-color: var(--color-yellow-300);
1191
- }
1192
- .p-4 {
1193
- padding: calc(var(--spacing) * 4);
1194
- }
1195
- .text-center {
1196
- text-align: center;
1197
- }
1198
- .text-right {
1199
- text-align: right;
1200
- }
1201
- .align-middle {
1202
- vertical-align: middle;
1203
- }
1204
- .align-top {
1205
- vertical-align: top;
1206
- }
1207
- .font-sans {
1208
- font-family: var(--font-sans);
1209
- }
1210
- .text-6xl {
1211
- font-size: var(--text-6xl);
1212
- line-height: var(--tw-leading, var(--text-6xl--line-height));
1213
- }
1214
- .text-lg {
1215
- font-size: var(--text-lg);
1216
- line-height: var(--tw-leading, var(--text-lg--line-height));
1217
- }
1218
- .text-sm {
1219
- font-size: var(--text-sm);
1220
- line-height: var(--tw-leading, var(--text-sm--line-height));
1221
- }
1222
- .text-xl {
1223
- font-size: var(--text-xl);
1224
- line-height: var(--tw-leading, var(--text-xl--line-height));
1225
- }
1226
- .text-xs {
1227
- font-size: var(--text-xs);
1228
- line-height: var(--tw-leading, var(--text-xs--line-height));
1229
- }
1230
- .font-bold {
1231
- --tw-font-weight: var(--font-weight-bold);
1232
- font-weight: var(--font-weight-bold);
1233
- }
1234
- .font-thin {
1235
- --tw-font-weight: var(--font-weight-thin);
1236
- font-weight: var(--font-weight-thin);
1237
- }
1238
- .text-clrs-gray {
1239
- color: var(--clrs-gray, #aaaaaa);
1240
- }
1241
- .text-clrs-navy {
1242
- color: var(--clrs-navy, #001f3f);
1243
- }
1244
- .text-clrs-red {
1245
- color: var(--clrs-red, #ff4136);
1246
- }
1247
- .text-clrs-slate4 {
1248
- color: var(--clrs-slate4, #4e5964);
1249
- }
1250
- .text-clrs-white {
1251
- color: var(--clrs-white, #ffffff);
1252
- }
1253
- .text-white {
1254
- color: var(--color-white);
1255
- }
1256
- .uppercase {
1257
- text-transform: uppercase;
1258
- }
1259
- .italic {
1260
- font-style: italic;
1261
- }
1262
- .opacity-25 {
1263
- opacity: 25%;
1264
- }
1265
- .opacity-75 {
1266
- opacity: 75%;
1267
- }
1268
- .shadow {
1269
- --tw-shadow:
1270
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
1271
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1272
- box-shadow:
1273
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
1274
- var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1275
- }
1276
- .hover\:text-clrs-navy {
1277
- &:hover {
1278
- @media (hover: hover) {
1279
- color: var(--clrs-navy, #001f3f);
1280
- }
1281
- }
1282
- }
1283
- .hover\:text-clrs-red {
1284
- &:hover {
1285
- @media (hover: hover) {
1286
- color: var(--clrs-red, #ff4136);
1287
- }
1288
- }
1289
- }
1290
- .md\:w-auto {
1291
- @media (width >= 48rem) {
1292
- width: auto;
1293
- }
1294
- }
1295
- }
1296
- @layer components {
1297
- .ds1-main {
1298
- margin: calc(var(--spacing) * 6);
1299
- display: flex;
1300
- flex-direction: column;
1301
- font-family: var(--font-sans);
1302
- color: var(--clrs-navy, #001f3f);
1303
- -webkit-font-smoothing: antialiased;
1304
- -moz-osx-font-smoothing: grayscale;
1305
- }
1306
- }
1307
- .ikon {
1308
- height: 96px;
1309
- width: 96px;
1310
- }
1311
- @media (min-width: 500px) {
1312
- .ikon {
1313
- height: 144px;
1314
- width: 144px;
1315
- }
1316
- }
1317
- @media (min-width: 700px) {
1318
- .ikon {
1319
- height: 192px;
1320
- width: 192px;
1321
- }
1322
- }
1323
- @keyframes spin {
1324
- to {
1325
- transform: rotate(360deg);
1326
- }
1327
- }
1328
- @layer properties {
1329
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
1330
- ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
1331
- *,
1332
- ::before,
1333
- ::after,
1334
- ::backdrop {
1335
- --tw-border-style: solid;
1336
- --tw-font-weight: initial;
1337
- --tw-shadow: 0 0 #0000;
1338
- --tw-shadow-color: initial;
1339
- --tw-shadow-alpha: 100%;
1340
- --tw-inset-shadow: 0 0 #0000;
1341
- --tw-inset-shadow-color: initial;
1342
- --tw-inset-shadow-alpha: 100%;
1343
- --tw-ring-color: initial;
1344
- --tw-ring-shadow: 0 0 #0000;
1345
- --tw-inset-ring-color: initial;
1346
- --tw-inset-ring-shadow: 0 0 #0000;
1347
- --tw-ring-inset: initial;
1348
- --tw-ring-offset-width: 0px;
1349
- --tw-ring-offset-color: #fff;
1350
- --tw-ring-offset-shadow: 0 0 #0000;
1351
- }
1352
- }
1353
- }
1354
- `;
975
+ const shadowCss = () => `\\n@layer properties;\\n@layer theme, base, components, utilities;\\n@layer theme {\\n :root,\\n :host {\\n --font-sans:\\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\\n --color-yellow-300: oklch(90.5% 0.182 98.111);\\n --color-yellow-600: oklch(68.1% 0.162 75.834);\\n --color-green-200: oklch(92.5% 0.084 155.995);\\n --color-green-600: oklch(62.7% 0.194 149.214);\\n --color-blue-200: oklch(88.2% 0.059 254.128);\\n --color-blue-400: oklch(70.7% 0.165 254.624);\\n --color-gray-300: oklch(87.2% 0.01 258.338);\\n --color-gray-600: oklch(44.6% 0.03 256.802);\\n --color-white: #fff;\\n --spacing: 0.25rem;\\n --text-xs: 0.75rem;\\n --text-xs--line-height: calc(1 / 0.75);\\n --text-sm: 0.875rem;\\n --text-sm--line-height: calc(1.25 / 0.875);\\n --text-lg: 1.125rem;\\n --text-lg--line-height: calc(1.75 / 1.125);\\n --text-xl: 1.25rem;\\n --text-xl--line-height: calc(1.75 / 1.25);\\n --text-6xl: 3.75rem;\\n --text-6xl--line-height: 1;\\n --font-weight-thin: 100;\\n --font-weight-bold: 700;\\n --radius-md: 0.375rem;\\n --radius-lg: 0.5rem;\\n --animate-spin: spin 1s linear infinite;\\n }\\n}\\n@layer utilities {\\n .absolute {\\n position: absolute;\\n }\\n .relative {\\n position: relative;\\n }\\n .top-0 {\\n top: calc(var(--spacing) * 0);\\n }\\n .right-0 {\\n right: calc(var(--spacing) * 0);\\n }\\n .m-6 {\\n margin: calc(var(--spacing) * 6);\\n }\\n .mt-2 {\\n margin-top: calc(var(--spacing) * 2);\\n }\\n .mt-4 {\\n margin-top: calc(var(--spacing) * 4);\\n }\\n .mt-11 {\\n margin-top: calc(var(--spacing) * 11);\\n }\\n .mr-0 {\\n margin-right: calc(var(--spacing) * 0);\\n }\\n .mr-1\\.5 {\\n margin-right: calc(var(--spacing) * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(var(--spacing) * 2);\\n }\\n .mb-1 {\\n margin-bottom: calc(var(--spacing) * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(var(--spacing) * 2);\\n }\\n .mb-4 {\\n margin-bottom: calc(var(--spacing) * 4);\\n }\\n .mb-11 {\\n margin-bottom: calc(var(--spacing) * 11);\\n }\\n .ml-0 {\\n margin-left: calc(var(--spacing) * 0);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .flex {\\n display: flex;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .h-8 {\\n height: calc(var(--spacing) * 8);\\n }\\n .w-8 {\\n width: calc(var(--spacing) * 8);\\n }\\n .animate-spin {\\n animation: var(--animate-spin);\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .self-center {\\n align-self: center;\\n }\\n .rounded-lg {\\n border-radius: var(--radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-tl-md {\\n border-top-left-radius: var(--radius-md);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-tr-md {\\n border-top-right-radius: var(--radius-md);\\n }\\n .rounded-tr-none {\\n border-top-right-radius: 0;\\n }\\n .rounded-br-md {\\n border-bottom-right-radius: var(--radius-md);\\n }\\n .rounded-br-none {\\n border-bottom-right-radius: 0;\\n }\\n .rounded-bl-md {\\n border-bottom-left-radius: var(--radius-md);\\n }\\n .rounded-bl-none {\\n border-bottom-left-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-r-0 {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 0px;\\n }\\n .border-b-0 {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 0px;\\n }\\n .border-l-0 {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 0px;\\n }\\n .border-none {\\n --tw-border-style: none;\\n border-style: none;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-blue-400 {\\n border-color: var(--color-blue-400);\\n }\\n .border-clrs-navy {\\n border-color: var(--clrs-navy, #001f3f);\\n }\\n .border-gray-300 {\\n border-color: var(--color-gray-300);\\n }\\n .border-gray-600 {\\n border-color: var(--color-gray-600);\\n }\\n .border-green-600 {\\n border-color: var(--color-green-600);\\n }\\n .border-yellow-600 {\\n border-color: var(--color-yellow-600);\\n }\\n .bg-blue-200 {\\n background-color: var(--color-blue-200);\\n }\\n .bg-clrs-navy {\\n background-color: var(--clrs-navy, #001f3f);\\n }\\n .bg-clrs-red {\\n background-color: var(--clrs-red, #ff4136);\\n }\\n .bg-clrs-yellow {\\n background-color: var(--clrs-yellow, #ffdc00);\\n }\\n .bg-gray-300 {\\n background-color: var(--color-gray-300);\\n }\\n .bg-green-200 {\\n background-color: var(--color-green-200);\\n }\\n .bg-yellow-300 {\\n background-color: var(--color-yellow-300);\\n }\\n .p-4 {\\n padding: calc(var(--spacing) * 4);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-right {\\n text-align: right;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .align-top {\\n vertical-align: top;\\n }\\n .font-sans {\\n font-family: var(--font-sans);\\n }\\n .text-6xl {\\n font-size: var(--text-6xl);\\n line-height: var(--tw-leading, var(--text-6xl--line-height));\\n }\\n .text-lg {\\n font-size: var(--text-lg);\\n line-height: var(--tw-leading, var(--text-lg--line-height));\\n }\\n .text-sm {\\n font-size: var(--text-sm);\\n line-height: var(--tw-leading, var(--text-sm--line-height));\\n }\\n .text-xl {\\n font-size: var(--text-xl);\\n line-height: var(--tw-leading, var(--text-xl--line-height));\\n }\\n .text-xs {\\n font-size: var(--text-xs);\\n line-height: var(--tw-leading, var(--text-xs--line-height));\\n }\\n .font-bold {\\n --tw-font-weight: var(--font-weight-bold);\\n font-weight: var(--font-weight-bold);\\n }\\n .font-thin {\\n --tw-font-weight: var(--font-weight-thin);\\n font-weight: var(--font-weight-thin);\\n }\\n .text-clrs-gray {\\n color: var(--clrs-gray, #aaaaaa);\\n }\\n .text-clrs-navy {\\n color: var(--clrs-navy, #001f3f);\\n }\\n .text-clrs-red {\\n color: var(--clrs-red, #ff4136);\\n }\\n .text-clrs-slate4 {\\n color: var(--clrs-slate4, #4e5964);\\n }\\n .text-clrs-white {\\n color: var(--clrs-white, #ffffff);\\n }\\n .text-white {\\n color: var(--color-white);\\n }\\n .uppercase {\\n text-transform: uppercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .opacity-25 {\\n opacity: 25%;\\n }\\n .opacity-75 {\\n opacity: 75%;\\n }\\n .shadow {\\n --tw-shadow:\\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .hover\\:text-clrs-navy {\\n &:hover {\\n @media (hover: hover) {\\n color: var(--clrs-navy, #001f3f);\\n }\\n }\\n }\\n .hover\\:text-clrs-red {\\n &:hover {\\n @media (hover: hover) {\\n color: var(--clrs-red, #ff4136);\\n }\\n }\\n }\\n .md\\:w-auto {\\n @media (width >= 48rem) {\\n width: auto;\\n }\\n }\\n}\\n@layer components {\\n .ds1-main {\\n margin: calc(var(--spacing) * 6);\\n display: flex;\\n flex-direction: column;\\n font-family: var(--font-sans);\\n color: var(--clrs-navy, #001f3f);\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n }\\n}\\n.ikon {\\n height: 96px;\\n width: 96px;\\n}\\n@media (min-width: 500px) {\\n .ikon {\\n height: 144px;\\n width: 144px;\\n }\\n}\\n@media (min-width: 700px) {\\n .ikon {\\n height: 192px;\\n width: 192px;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\\n *,\\n ::before,\\n ::after,\\n ::backdrop {\\n --tw-border-style: solid;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n }\\n }\\n}\\n`;
1355
976
 
1356
977
  const ProtoAutos = class {
1357
978
  constructor(hostRef) {
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.40.0",
7
+ "version": "4.40.1",
8
8
  "typescriptVersion": "5.8.3"
9
9
  },
10
10
  "collections": [],
@@ -3,7 +3,7 @@ const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: fals
3
3
  const Env = /* proto-autos-wc */ {};
4
4
 
5
5
  /*
6
- Stencil Client Platform v4.40.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Platform v4.40.1 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var __create = Object.create;
9
9
  var __defProp = Object.defineProperty;
@@ -478,6 +478,9 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
478
478
  var promiseResolve = (v) => Promise.resolve(v);
479
479
  var supportsConstructableStylesheets = BUILD.constructableCSS ? /* @__PURE__ */ (() => {
480
480
  try {
481
+ if (!win.document.adoptedStyleSheets) {
482
+ return false;
483
+ }
481
484
  new CSSStyleSheet();
482
485
  return typeof new CSSStyleSheet().replaceSync === "function";
483
486
  } catch (e) {
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-C0nv7HES.js';
2
- export { s as setNonce } from './index-C0nv7HES.js';
1
+ import { b as bootstrapLazy } from './index-Djdza2ry.js';
2
+ export { s as setNonce } from './index-Djdza2ry.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-C0nv7HES.js';
2
- export { s as setNonce } from './index-C0nv7HES.js';
1
+ import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-Djdza2ry.js';
2
+ export { s as setNonce } from './index-Djdza2ry.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.40.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
 
9
9
  var patchBrowser = () => {