proto-autos-wc 0.0.741 → 0.0.743

package/dist/esm/proto-autos_2.entry.js

@@ -1,5 +1,5 @@
-import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance, a as getElement } from './index-a8512694.js';
-import { i as icons, a as ikons } from './index-c426661f.js';
+import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance, a as getElement } from './index-3538d2fa.js';
+import { i as icons, a as ikons } from './index-bd977942.js';
 
 const KEY = 'proto-autos';
 const DATA = 'data';
@@ -9,16 +9,16 @@ const PICK = 'pick';
 //   get(PICK)
 //
 const bag = {
-  get: (tag) => {
-    const key = tag ? `${KEY}-${tag}` : KEY;
-    const json = localStorage.getItem(key);
-    return json ? JSON.parse(json) : undefined;
-  },
-  store: (tag, value) => {
-    const key = tag ? `${KEY}-${tag}` : KEY;
-    const json = JSON.stringify(value);
-    localStorage.setItem(key, json);
-  },
+    get: (tag) => {
+        const key = tag ? `${KEY}-${tag}` : KEY;
+        const json = localStorage.getItem(key);
+        return json ? JSON.parse(json) : undefined;
+    },
+    store: (tag, value) => {
+        const key = tag ? `${KEY}-${tag}` : KEY;
+        const json = JSON.stringify(value);
+        localStorage.setItem(key, json);
+    },
 };
 
 const appendToMap = (map, propName, value) => {
@@ -670,53 +670,53 @@ var FetchQL = function (_FetchInterceptor) {
 
 // --------------------------------------------------------[ mutable store ]
 const storeDef = {
-  loading: false,
-  error: undefined,
-  data: undefined,
-  pick: 0,
-  dealer: undefined,
+    loading: false,
+    error: undefined,
+    data: undefined,
+    pick: 0,
+    dealer: undefined,
 };
 const { state } = createStore(storeDef);
 // --------------------------------------------------------[ utility ]
 const clearStore = (loading = false) => {
-  state.loading = loading;
-  state.error = undefined;
-  state.pick = 0;
-  state.data = undefined;
-  state.dealer = undefined;
+    state.loading = loading;
+    state.error = undefined;
+    state.pick = 0;
+    state.data = undefined;
+    state.dealer = undefined;
 };
 // --------------------------------------------------------[ processing ]
 const processData = (next) => {
-  if (next) {
-    const { pick } = state;
-    if (pick != undefined) {
-      state.dealer = next.list[pick];
+    if (next) {
+        const { pick } = state;
+        if (pick != undefined) {
+            state.dealer = next.list[pick];
+        }
+        else {
+            state.dealer = undefined;
+        }
+        state.data = next;
+        state.loading = false;
     }
     else {
-      state.dealer = undefined;
+        state.data = undefined;
+        state.loading = false;
     }
-    state.data = next;
-    state.loading = false;
-  }
-  else {
-    state.data = undefined;
-    state.loading = false;
-  }
 };
 const processPick = (next) => {
-  const { data } = state;
-  if (data && next !== undefined) {
-    state.pick = next;
-    state.dealer = data.list[next];
-  }
-  else {
-    state.pick = 0;
-    state.dealer = undefined;
-  }
+    const { data } = state;
+    if (data && next !== undefined) {
+        state.pick = next;
+        state.dealer = data.list[next];
+    }
+    else {
+        state.pick = 0;
+        state.dealer = undefined;
+    }
 };
 // --------------------------------------------------------[ graphQL ]
 var Client = new FetchQL({
-  url: 'https://gt-forza.vercel.app/graphql',
+    url: 'https://gt-forza.vercel.app/graphql',
 });
 const GET_UUID = `
   query Uuid($count: Int!) {
@@ -745,190 +745,190 @@ const GET_DEALERS = `
 `;
 // --------------------------------------------------------[ actions ]
 const initApp = () => {
-  clearStore();
-  // this retrieves the last data we stored in the bag...
-  const data = bag.get(DATA);
-  const pick = bag.get(PICK);
-  if (data) {
-    processData(data);
-    if (pick) {
-      processPick(pick);
+    clearStore();
+    // this retrieves the last data we stored in the bag...
+    const data = bag.get(DATA);
+    const pick = bag.get(PICK);
+    if (data) {
+        processData(data);
+        if (pick) {
+            processPick(pick);
+        }
+    }
+    else {
+        refresh();
     }
-  }
-  else {
-    refresh();
-  }
 };
 const refresh = () => {
-  clearStore(true);
-  bag.store(PICK, 0);
-  const count = 1;
-  // NOTE:  step 1 - fetch a UUID...
-  Client.query({
-    operationName: 'Uuid',
-    query: GET_UUID,
-    variables: { count },
-  }).then(response => {
-    const id = response.data.uuid[0];
-    // NOTE:  step 2 - fetch a solution with this id...
+    clearStore(true);
+    bag.store(PICK, 0);
+    const count = 1;
+    // NOTE:  step 1 - fetch a UUID...
     Client.query({
-      operationName: 'Solution',
-      query: GET_DEALERS,
-      variables: { id },
+        operationName: 'Uuid',
+        query: GET_UUID,
+        variables: { count },
     }).then(response => {
-      const list = JSON.parse(JSON.stringify(response.data.solution.data.dealers));
-      const solution = { id, list };
-      bag.store(DATA, solution);
-      processData(solution);
+        const id = response.data.uuid[0];
+        // NOTE:  step 2 - fetch a solution with this id...
+        Client.query({
+            operationName: 'Solution',
+            query: GET_DEALERS,
+            variables: { id },
+        }).then(response => {
+            const list = JSON.parse(JSON.stringify(response.data.solution.data.dealers));
+            const solution = { id, list };
+            bag.store(DATA, solution);
+            processData(solution);
+        });
     });
-  });
 };
 const updatePick = (pick) => {
-  bag.store(PICK, pick);
-  processPick(pick);
+    bag.store(PICK, pick);
+    processPick(pick);
 };
 const actions = {
-  initApp,
-  refresh,
-  updatePick,
+    initApp,
+    refresh,
+    updatePick,
 };
 
 // WARNING:  generated file...
 const TW_VERSION = '3.3.5';
 
 const tw = (...classes) => {
-  return classes.filter(Boolean).join(' ');
+    return classes.filter(Boolean).join(' ');
 };
 
 const DealerCard = props => {
-  const { value } = props;
-  const { dealerId, name, vehicles } = value || {};
-  const count = vehicles ? vehicles.length : 0;
-  return (h("div", { class: tw('flex flex-wrap content-center', 'mb-4 rounded-lg bg-blue-200 p-4', 'border border-solid border-blue-400') },
-    h("label", { class: "text-xl font-bold" },
-      name ? `${name} ` : '',
-      h("sup", null, count ? count : '')),
-    h("label", { class: "ml-auto self-center text-right text-sm" }, dealerId ? dealerId : '')));
+    const { value } = props;
+    const { dealerId, name, vehicles } = value || {};
+    const count = vehicles ? vehicles.length : 0;
+    return (h("div", { class: tw('flex flex-wrap content-center', 'mb-4 rounded-lg bg-blue-200 p-4', 'border border-solid border-blue-400') },
+        h("label", { class: "text-xl font-bold" },
+            name ? `${name} ` : '',
+            h("sup", null, count ? count : '')),
+        h("label", { class: "ml-auto self-center text-right text-sm" }, dealerId ? dealerId : '')));
 };
 
 const racingRegex = /^\#[0-9]*/;
 const isRacing = (model) => {
-  return model.match(racingRegex) != null;
+    return model.match(racingRegex) != null;
 };
 const isExotic = (year) => {
-  return year === 2554;
+    return year === 2554;
 };
 const isModern = (year) => {
-  return year > 2010;
+    return year > 2010;
 };
 const VehicleCard = props => {
-  const { vin, make, model, year, color } = props.value || {};
-  return (h("div", { class: tw('flex align-middle', 'mb-1 rounded-lg p-4', 'border border-solid', isExotic(year)
-      ? 'border-clrs-navy bg-clrs-navy text-clrs-white'
-      : isRacing(model)
-        ? 'border-yellow-600 bg-yellow-300'
-        : isModern(year)
-          ? 'border-green-600 bg-green-200'
-          : 'border-gray-600 bg-gray-300') },
-    h("div", { class: "mr-1.5 flex flex-col" },
-      h("label", { class: "mb-2 text-xs" }, vin ? vin : ''),
-      h("label", { class: "text-lg font-bold" }, make ? make : ''),
-      h("label", { class: "mb-2 text-sm italic" }, model ? model : ''),
-      h("label", null,
-        year ? year : '',
-        ", ",
-        color ? color : ''),
-      h("label", null, isExotic(year)
-        ? '- exotic... [ Sierra 117 ]'
-        : isRacing(model)
-          ? '- track only...'
-          : '')),
-    h("proto-ikon-loader", { class: "ikon ml-auto self-center", name: make, label: make.toLowerCase() })));
+    const { vin, make, model, year, color } = props.value || {};
+    return (h("div", { class: tw('flex align-middle', 'mb-1 rounded-lg p-4', 'border border-solid', isExotic(year)
+            ? 'border-clrs-navy bg-clrs-navy text-clrs-white'
+            : isRacing(model)
+                ? 'border-yellow-600 bg-yellow-300'
+                : isModern(year)
+                    ? 'border-green-600 bg-green-200'
+                    : 'border-gray-600 bg-gray-300') },
+        h("div", { class: "mr-1.5 flex flex-col" },
+            h("label", { class: "mb-2 text-xs" }, vin ? vin : ''),
+            h("label", { class: "text-lg font-bold" }, make ? make : ''),
+            h("label", { class: "mb-2 text-sm italic" }, model ? model : ''),
+            h("label", null,
+                year ? year : '',
+                ", ",
+                color ? color : ''),
+            h("label", null, isExotic(year)
+                ? '- exotic... [ Sierra 117 ]'
+                : isRacing(model)
+                    ? '- track only...'
+                    : '')),
+        h("proto-ikon-loader", { class: "ikon ml-auto self-center", name: make, label: make.toLowerCase() })));
 };
 
 const VehicleList = props => {
-  const { list } = props;
-  const count = list.length;
-  if (count === 0)
-    return '';
-  return (h("div", { class: "flex flex-col" }, count ? list.map(vehicle => h(VehicleCard, { value: vehicle })) : ''));
+    const { list } = props;
+    const count = list.length;
+    if (count === 0)
+        return '';
+    return (h("div", { class: "flex flex-col" }, count ? list.map(vehicle => h(VehicleCard, { value: vehicle })) : ''));
 };
 
 const DealerView = props => {
-  const { dealer } = props;
-  const { vehicles } = dealer || { vehicles: [] };
-  const list = vehicles;
-  if (!dealer)
-    return '';
-  return (h("div", { class: "flex flex-col" },
-    h(DealerCard, { value: dealer }),
-    h(VehicleList, { list: list })));
+    const { dealer } = props;
+    const { vehicles } = dealer || { vehicles: [] };
+    const list = vehicles;
+    if (!dealer)
+        return '';
+    return (h("div", { class: "flex flex-col" },
+        h(DealerCard, { value: dealer }),
+        h(VehicleList, { list: list })));
 };
 
 const url = 'https://eswat2.dev';
 const who = 'eswat2';
 const Eswat2Io = _props => {
-  return (h("a", { class: "absolute right-0 top-0 mr-6 mt-6 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who },
-    h("proto-ikon-loader", { name: "fingerprint", size: 24, label: "eswat2" })));
+    return (h("a", { class: "absolute right-0 top-0 mr-6 mt-6 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who },
+        h("proto-ikon-loader", { name: "fingerprint", size: 24, label: "eswat2" })));
 };
 
 const Footer = _props => {
-  return (h("div", { class: "mb-4 mr-2 mt-2 flex flex-row" },
-    h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" },
-      "Tailwind ",
-      TW_VERSION)));
+    return (h("div", { class: "mb-4 mr-2 mt-2 flex flex-row" },
+        h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" },
+            "Tailwind ",
+            TW_VERSION)));
 };
 
 const Header = props => {
-  const { label } = props;
-  return (h("h1", { class: tw('text-center uppercase text-clrs-red', 'mb-11 ml-0 mr-0 mt-11', 'text-6xl font-thin') }, label));
+    const { label } = props;
+    return (h("h1", { class: tw('text-center uppercase text-clrs-red', 'mb-11 ml-0 mr-0 mt-11', 'text-6xl font-thin') }, label));
 };
 
 const Spinner = props => {
-  const hex = props.hex || 'currentColor';
-  const klass = props.class || '';
-  const label = props.label || 'loading...';
-  const size = props.size || 24;
-  return (h("svg", { class: tw(klass, 'animate-spin'), width: size, height: size, fill: "none", viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
-    h("title", null, label),
-    h("g", null,
-      h("circle", { class: "opacity-25", cx: "12", cy: "12", r: "10", stroke: hex, "stroke-width": "4" }),
-      h("path", { class: "opacity-75", fill: hex, d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })),
-    h("path", { d: "M0 0h24v24H0z", fill: "none" })));
+    const hex = props.hex || 'currentColor';
+    const klass = props.class || '';
+    const label = props.label || 'loading...';
+    const size = props.size || 24;
+    return (h("svg", { class: tw(klass, 'animate-spin'), width: size, height: size, fill: "none", viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
+        h("title", null, label),
+        h("g", null,
+            h("circle", { class: "opacity-25", cx: "12", cy: "12", r: "10", stroke: hex, "stroke-width": "4" }),
+            h("path", { class: "opacity-75", fill: hex, d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })),
+        h("path", { d: "M0 0h24v24H0z", fill: "none" })));
 };
 
 const ToolBar = _props => {
-  const { loading, pick, data } = state || {};
-  const { list } = data || { list: [] };
-  const max = list.length - 1;
-  if (loading)
-    return '';
-  return (h("div", { class: "flex" },
-    h("div", { class: "refresh hover:text-clrs-red md:w-auto", onClick: () => actions.refresh() },
-      h("proto-ikon-loader", { name: "refresh", size: 24 })),
-    h("div", { class: tw('ml-auto inline-flex justify-end', 'border border-solid border-gray-600', 'rounded-md') }, list.map((dealer, indx) => (h("button", { class: tw('h-8 w-8 border-none font-bold', indx == 0
-        ? 'rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none'
-        : indx == max
-          ? 'rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md'
-          : 'rounded-none', pick == indx
-        ? 'bg-clrs-red text-white'
-        : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
+    const { loading, pick, data } = state || {};
+    const { list } = data || { list: [] };
+    const max = list.length - 1;
+    if (loading)
+        return '';
+    return (h("div", { class: "flex" },
+        h("div", { class: "refresh hover:text-clrs-red md:w-auto", onClick: () => actions.refresh() },
+            h("proto-ikon-loader", { name: "refresh", size: 24 })),
+        h("div", { class: tw('ml-auto inline-flex justify-end', 'border border-solid border-gray-600', 'rounded-md') }, list.map((dealer, indx) => (h("button", { class: tw('h-8 w-8 border-none font-bold', indx == 0
+                ? 'rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none'
+                : indx == max
+                    ? 'rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md'
+                    : 'rounded-none', pick == indx
+                ? 'bg-clrs-red text-white'
+                : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
 };
 
 const protoAutosCss = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{margin:1.5rem;display:flex;flex-direction:column;font-family:ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    'Helvetica Neue',\n    Arial,\n    'Noto Sans',\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.absolute{position:absolute}.right-0{right:0px}.top-0{top:0px}.mb-1{margin-bottom:0.25rem}.mb-11{margin-bottom:2.75rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-1{margin-right:0.25rem}.mr-1\\.5{margin-right:0.375rem}.mr-2{margin-right:0.5rem}.mr-6{margin-right:1.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-bl-md{border-bottom-left-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-md{border-bottom-right-radius:0.375rem}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-md{border-top-left-radius:0.375rem}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-md{border-top-right-radius:0.375rem}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.border-clrs-navy{border-color:var(--clrs-navy, #001f3f)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow, #ffdc00)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.p-4{padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-25{opacity:0.25}.opacity-75{opacity:0.75}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ikon{height:96px;width:96px}@media (min-width: 500px){.ikon{height:144px;width:144px}}@media (min-width: 700px){.ikon{height:192px;width:192px}}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red, #ff4136)}@media (min-width: 768px){.md\\:w-auto{width:auto}}";
 
 const ProtoAutos = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.tag = 'proto-autos';
-  }
-  componentDidLoad() {
-    actions.initApp();
-  }
-  render() {
-    const { loading, dealer } = state;
-    return (h("main", { id: "app", class: "ds1-main" }, h(Eswat2Io, null), h(Header, { label: "Auto Dealers" }), h(ToolBar, null), loading ? (h(Spinner, null)) : (h("hr", { class: tw('mb-4 ml-0 mr-0 mt-4', 'border-solid border-gray-300', 'border-b-0 border-l-0 border-r-0') })), h(DealerView, { dealer: dealer }), h(Footer, null)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tag = 'proto-autos';
+    }
+    componentDidLoad() {
+        actions.initApp();
+    }
+    render() {
+        const { loading, dealer } = state;
+        return (h("main", { id: "app", class: "ds1-main" }, h(Eswat2Io, null), h(Header, { label: "Auto Dealers" }), h(ToolBar, null), loading ? (h(Spinner, null)) : (h("hr", { class: tw('mb-4 ml-0 mr-0 mt-4', 'border-solid border-gray-300', 'border-b-0 border-l-0 border-r-0') })), h(DealerView, { dealer: dealer }), h(Footer, null)));
+    }
 };
 ProtoAutos.style = protoAutosCss;
 
@@ -936,32 +936,32 @@ const protoIkonLoaderCss = ".ikonBox{width:var(--proto-ikon-size);height:var(--p
 
 const global = 'protoIkonFallback';
 const fallback = Object.prototype.hasOwnProperty.call(window, global)
-  ? window[global]
-  : 'slug-icon';
+    ? window[global]
+    : 'slug-icon';
 const getIcon = (label) => {
-  const name = label.toLowerCase().split(' ').join('-');
-  const icon = `${name}-icon`;
-  const ikon = `${name}-ikon`;
-  return icons.includes(icon) ? icon : ikons.includes(ikon) ? ikon : fallback;
+    const name = label.toLowerCase().split(' ').join('-');
+    const icon = `${name}-icon`;
+    const ikon = `${name}-ikon`;
+    return icons.includes(icon) ? icon : ikons.includes(ikon) ? ikon : fallback;
 };
 const ProtoIkonLoader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hex = 'currentColor';
-    this.name = 'slug';
-    this.selected = false;
-    this.size = undefined;
-    this.label = undefined;
-  }
-  render() {
-    const { name, hex, selected, size, label } = this;
-    const title = label ? label : name;
-    // NOTE:  we are explicitly setting undefined if no size is provided...
-    this.el.style.setProperty('--proto-ikon-size', size ? `${size}px` : undefined);
-    const Tag = getIcon(name);
-    return (h("div", { class: "ikonBox" }, h(Tag, { hex: hex, selected: selected, size: size, label: title })));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hex = 'currentColor';
+        this.name = 'slug';
+        this.selected = false;
+        this.size = undefined;
+        this.label = undefined;
+    }
+    render() {
+        const { name, hex, selected, size, label } = this;
+        const title = label ? label : name;
+        // NOTE:  we are explicitly setting undefined if no size is provided...
+        this.el.style.setProperty('--proto-ikon-size', size ? `${size}px` : undefined);
+        const Tag = getIcon(name);
+        return (h("div", { class: "ikonBox" }, h(Tag, { hex: hex, selected: selected, size: size, label: title })));
+    }
+    get el() { return getElement(this); }
 };
 ProtoIkonLoader.style = protoIkonLoaderCss;
 

package/dist/esm/proto-ikon-raw.entry.js

@@ -1,34 +1,34 @@
-import { r as registerInstance, h, a as getElement } from './index-a8512694.js';
-import { i as icons, a as ikons } from './index-c426661f.js';
+import { r as registerInstance, h, a as getElement } from './index-3538d2fa.js';
+import { i as icons, a as ikons } from './index-bd977942.js';
 
 const protoIkonRawCss = "";
 
 const global = 'protoIkonFallback';
 const fallback = Object.prototype.hasOwnProperty.call(window, global)
-  ? window[global]
-  : 'slug-icon';
+    ? window[global]
+    : 'slug-icon';
 const getIcon = (label) => {
-  const name = label.toLowerCase().split(' ').join('-');
-  const icon = `${name}-icon`;
-  const ikon = `${name}-ikon`;
-  return icons.includes(icon) ? icon : ikons.includes(ikon) ? ikon : fallback;
+    const name = label.toLowerCase().split(' ').join('-');
+    const icon = `${name}-icon`;
+    const ikon = `${name}-ikon`;
+    return icons.includes(icon) ? icon : ikons.includes(ikon) ? ikon : fallback;
 };
 const ProtoIkonRaw = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hex = 'currentColor';
-    this.name = 'slug';
-    this.selected = false;
-    this.size = undefined;
-    this.label = undefined;
-  }
-  render() {
-    const { name, hex, selected, size, label } = this;
-    const title = label ? label : name;
-    const Tag = getIcon(name);
-    return h(Tag, { hex: hex, selected: selected, size: size, label: title });
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hex = 'currentColor';
+        this.name = 'slug';
+        this.selected = false;
+        this.size = undefined;
+        this.label = undefined;
+    }
+    render() {
+        const { name, hex, selected, size, label } = this;
+        const title = label ? label : name;
+        const Tag = getIcon(name);
+        return h(Tag, { hex: hex, selected: selected, size: size, label: title });
+    }
+    get el() { return getElement(this); }
 };
 ProtoIkonRaw.style = protoIkonRawCss;
 

package/dist/esm/protocol-icon.entry.js

@@ -1,20 +1,20 @@
-import { r as registerInstance, h } from './index-a8512694.js';
+import { r as registerInstance, h } from './index-3538d2fa.js';
 
 const protocolIconCss = "";
 
 const ProtocolIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hex = undefined;
-    this.label = undefined;
-    this.name = 'protocol';
-    this.size = undefined;
-  }
-  render() {
-    const { hex, label, name, size } = this;
-    const title = label ? label : name;
-    return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, title), h("g", { fill: hex }, h("path", { d: "M18 20H14L18 4H22M16 4H12L8 20H12M2 16.5A2.5 2.5 0 0 0 4.5 19A2.5 2.5 0\n      0 0 7 16.5A2.5 2.5 0 0 0 4.5 14A2.5 2.5 0 0 0 2 16.5M2 9.5A2.5 2.5 0 0 0\n      4.5 12A2.5 2.5 0 0 0 7 9.5A2.5 2.5 0 0 0 4.5 7A2.5 2.5 0 0 0 2 9.5Z" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hex = undefined;
+        this.label = undefined;
+        this.name = 'protocol';
+        this.size = undefined;
+    }
+    render() {
+        const { hex, label, name, size } = this;
+        const title = label ? label : name;
+        return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, title), h("g", { fill: hex }, h("path", { d: "M18 20H14L18 4H22M16 4H12L8 20H12M2 16.5A2.5 2.5 0 0 0 4.5 19A2.5 2.5 0\n      0 0 7 16.5A2.5 2.5 0 0 0 4.5 14A2.5 2.5 0 0 0 2 16.5M2 9.5A2.5 2.5 0 0 0\n      4.5 12A2.5 2.5 0 0 0 7 9.5A2.5 2.5 0 0 0 4.5 7A2.5 2.5 0 0 0 2 9.5Z" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
+    }
 };
 ProtocolIcon.style = protocolIconCss;
 

package/dist/esm/pulse-icon.entry.js

@@ -1,20 +1,20 @@
-import { r as registerInstance, h } from './index-a8512694.js';
+import { r as registerInstance, h } from './index-3538d2fa.js';
 
 const pulseIconCss = "";
 
 const PulseIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hex = undefined;
-    this.label = undefined;
-    this.name = 'pulse';
-    this.size = undefined;
-  }
-  render() {
-    const { hex, label, name, size } = this;
-    const title = label ? label : name;
-    return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, title), h("g", { fill: hex }, h("path", { d: "M3 13H5.79L10.1 4.79L11.28 13.75L14.5 9.66L17.83 13H21V15H17L14.67\n      12.67L9.92 18.73L8.94 11.31L7 15H3V13Z" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hex = undefined;
+        this.label = undefined;
+        this.name = 'pulse';
+        this.size = undefined;
+    }
+    render() {
+        const { hex, label, name, size } = this;
+        const title = label ? label : name;
+        return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, title), h("g", { fill: hex }, h("path", { d: "M3 13H5.79L10.1 4.79L11.28 13.75L14.5 9.66L17.83 13H21V15H17L14.67\n      12.67L9.92 18.73L8.94 11.31L7 15H3V13Z" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
+    }
 };
 PulseIcon.style = pulseIconCss;