proto-autos-wc 0.1.127 → 0.1.128

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.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Platform v4.40.0 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  var __create = Object.create;
11
11
  var __defProp = Object.defineProperty;
@@ -480,9 +480,6 @@ 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
- }
486
483
  new CSSStyleSheet();
487
484
  return typeof new CSSStyleSheet().replaceSync === "function";
488
485
  } catch (e) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CZCzt3Q9.js');
3
+ var index = require('./index-Cb03IjUu.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-CZCzt3Q9.js');
3
+ var index = require('./index-Cb03IjUu.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.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.40.0 | 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-CZCzt3Q9.js');
3
+ var index = require('./index-Cb03IjUu.js');
4
4
 
5
5
  const KEY = 'proto-autos';
6
6
  const DATA = 'data';
@@ -972,7 +972,386 @@ 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 = () => `\\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`;
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
+ `;
976
1355
 
977
1356
  const ProtoAutos = class {
978
1357
  constructor(hostRef) {
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.40.1",
7
+ "version": "4.40.0",
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.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Platform v4.40.0 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var __create = Object.create;
9
9
  var __defProp = Object.defineProperty;
@@ -478,9 +478,6 @@ 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
- }
484
481
  new CSSStyleSheet();
485
482
  return typeof new CSSStyleSheet().replaceSync === "function";
486
483
  } catch (e) {
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-Djdza2ry.js';
2
- export { s as setNonce } from './index-Djdza2ry.js';
1
+ import { b as bootstrapLazy } from './index-C0nv7HES.js';
2
+ export { s as setNonce } from './index-C0nv7HES.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-Djdza2ry.js';
2
- export { s as setNonce } from './index-Djdza2ry.js';
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';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.40.0 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
 
9
9
  var patchBrowser = () => {