proto-autos-wc 0.0.232 → 0.0.233
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/README.md +8 -0
- package/dist/cjs/eswat2-io_3.cjs.entry.js +1 -1
- package/dist/esm/eswat2-io_3.entry.js +1 -1
- package/dist/proto-autos-wc/{p-30fb5cef.entry.js → p-35fee200.entry.js} +1 -1
- package/dist/proto-autos-wc/proto-autos-wc.esm.js +1 -1
- package/package.json +2 -2
- package/readme.md +0 -75
package/README.md
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
# proto-autos-wc
|
|
2
|
+
|
|
3
|
+
[](//npmjs.com/package/proto-autos-wc)
|
|
4
|
+
|
|
5
|
+
a prototype GraphQL app written in Stencil and Tailwind, backed by a GraphQL server (Forza Horizon 5 car list) and deployed via NPM and Vercel...
|
|
6
|
+
|
|
7
|
+
- [wc-autos.vercel.app](https://wc-autos.vercel.app)
|
|
8
|
+
|
|
@@ -900,7 +900,7 @@ const VehicleCard = props => {
|
|
|
900
900
|
: "")), index.h("proto-ikon-loader", { class: "ikon ml-auto self-center", name: make, label: make.toLowerCase() })));
|
|
901
901
|
};
|
|
902
902
|
|
|
903
|
-
const protoAutosCss = ".ikon{height:96px;width:96px}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}.justify-end{justify-content:flex-end}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.bg-clrs-red{background-color:var(--clrs-red,#ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow,#ffdc00)}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-clrs-navy{color:var(--clrs-navy,#001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red,#ff4136)}.
|
|
903
|
+
const protoAutosCss = ".ikon{height:96px;width:96px}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}.justify-end{justify-content:flex-end}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.bg-clrs-red{background-color:var(--clrs-red,#ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow,#ffdc00)}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-clrs-navy{color:var(--clrs-navy,#001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red,#ff4136)}.mb-4{margin-bottom:1rem}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.self-center{align-self:center}.rounded-lg{border-radius:.5rem}.border-blue-400{--tw-border-opacity:1;border-color:rgba(96,165,250,var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgba(191,219,254,var(--tw-bg-opacity))}.p-4{padding:1rem}.text-right{text-align:right}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.mr-0{margin-right:0}.ml-0{margin-left:0}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.text-center{text-align:center}.text-6xl{font-size:3.75rem;line-height:1}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.text-clrs-red{color:var(--clrs-red,#ff4136)}.mb-1{margin-bottom:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mb-2{margin-bottom:.5rem}.flex-col{flex-direction:column}.border-clrs-navy{border-color:var(--clrs-navy,#001f3f)}.border-yellow-600{--tw-border-opacity:1;border-color:rgba(217,119,6,var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.bg-clrs-navy{background-color:var(--clrs-navy,#001f3f)}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.align-middle{vertical-align:middle}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.italic{font-style:italic}.text-clrs-white{color:var(--clrs-white,#fff)}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.flex-row{flex-direction:row}.align-top{vertical-align:top}.text-clrs-slate4{color:var(--clrs-slate4,#4e5964)}@media (min-width:500px){.ikon{height:144px;width:144px}}@media (min-width:700px){.ikon{height:192px;width:192px}}@media (min-width:768px){.md\\:w-auto{width:auto}}";
|
|
904
904
|
|
|
905
905
|
// ------------------------------------------------------ [ layout ]
|
|
906
906
|
const VehicleList = props => {
|
|
@@ -896,7 +896,7 @@ const VehicleCard = props => {
|
|
|
896
896
|
: "")), h("proto-ikon-loader", { class: "ikon ml-auto self-center", name: make, label: make.toLowerCase() })));
|
|
897
897
|
};
|
|
898
898
|
|
|
899
|
-
const protoAutosCss = ".ikon{height:96px;width:96px}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}.justify-end{justify-content:flex-end}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.bg-clrs-red{background-color:var(--clrs-red,#ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow,#ffdc00)}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-clrs-navy{color:var(--clrs-navy,#001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red,#ff4136)}.
|
|
899
|
+
const protoAutosCss = ".ikon{height:96px;width:96px}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}.justify-end{justify-content:flex-end}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.bg-clrs-red{background-color:var(--clrs-red,#ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow,#ffdc00)}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-clrs-navy{color:var(--clrs-navy,#001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red,#ff4136)}.mb-4{margin-bottom:1rem}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.self-center{align-self:center}.rounded-lg{border-radius:.5rem}.border-blue-400{--tw-border-opacity:1;border-color:rgba(96,165,250,var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgba(191,219,254,var(--tw-bg-opacity))}.p-4{padding:1rem}.text-right{text-align:right}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.mr-0{margin-right:0}.ml-0{margin-left:0}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.text-center{text-align:center}.text-6xl{font-size:3.75rem;line-height:1}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.text-clrs-red{color:var(--clrs-red,#ff4136)}.mb-1{margin-bottom:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mb-2{margin-bottom:.5rem}.flex-col{flex-direction:column}.border-clrs-navy{border-color:var(--clrs-navy,#001f3f)}.border-yellow-600{--tw-border-opacity:1;border-color:rgba(217,119,6,var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.bg-clrs-navy{background-color:var(--clrs-navy,#001f3f)}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.align-middle{vertical-align:middle}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.italic{font-style:italic}.text-clrs-white{color:var(--clrs-white,#fff)}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.flex-row{flex-direction:row}.align-top{vertical-align:top}.text-clrs-slate4{color:var(--clrs-slate4,#4e5964)}@media (min-width:500px){.ikon{height:144px;width:144px}}@media (min-width:700px){.ikon{height:192px;width:192px}}@media (min-width:768px){.md\\:w-auto{width:auto}}";
|
|
900
900
|
|
|
901
901
|
// ------------------------------------------------------ [ layout ]
|
|
902
902
|
const VehicleList = props => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as r,r as e,g as t,f as o,a as n}from"./p-f6a546ae.js";import{i,a}from"./p-51685706.js";const l=e=>{const t=e.hex||"currentColor",o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"fingerprint"),r("g",{fill:t},r("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))};let s=class{constructor(r){e(this,r)}render(){return r("a",{class:"absolute top-0 right-0 mt-6 mr-6 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":"eswat2",title:"eswat2"},r(l,{label:"eswat2"}))}};s.style="*,:after,:before{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.text-clrs-gray{color:var(--clrs-gray,#aaa)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy,#001f3f)}";const c="proto-autos",d=r=>{const e=localStorage.getItem(r?`${c}-${r}`:c);return e?JSON.parse(e):void 0},u=(r,e)=>{const t=r?`${c}-${r}`:c,o=JSON.stringify(e);localStorage.setItem(t,o)},b=r=>!("isConnected"in r)||r.isConnected,f=(()=>{let r;return(...e)=>{r&&clearTimeout(r),r=setTimeout((()=>{r=0,(r=>{for(let e of r.keys())r.set(e,r.get(e).filter(b))})(...e)}),2e3)}})();var m=function(){function r(r,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(r,o.key,o)}}return function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e}}();function h(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}var g=function(){function r(){var e=this;h(this,r),this.interceptors=[],this.fetch=function(){for(var r=arguments.length,t=Array(r),o=0;o<r;o++)t[o]=arguments[o];return e.interceptorWrapper.apply(e,[fetch].concat(t))}}return m(r,[{key:"addInterceptors",value:function(r){var e=this,t=[];return Array.isArray(r)?r.map((function(r){return t.push(e.interceptors.length),e.interceptors.push(r)})):r instanceof Object&&(t.push(this.interceptors.length),this.interceptors.push(r)),this.updateInterceptors(),function(){return e.removeInterceptors(t)}}},{key:"removeInterceptors",value:function(r){var e=this;Array.isArray(r)&&(r.map((function(r){return e.interceptors.splice(r,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(r,e){return[e].concat(r)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(r){for(var e=arguments.length,t=Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];var n=Promise.resolve(t);return this.reversedInterceptors.forEach((function(r){var e=r.request,o=r.requestError;(e||o)&&(n=n.then((function(){return e.apply(void 0,t)}),o))})),n=n.then((function(){return r.apply(void 0,t)})),this.reversedInterceptors.forEach((function(r){var e=r.response,t=r.responseError;(e||t)&&(n=n.then(e,t))})),n}}]),r}(),p=function(){function r(e){var t=e.url,o=e.interceptors,n=e.headers,i=e.onStart,a=e.onEnd,l=e.omitEmptyVariables,s=void 0!==l&&l,c=e.requestOptions,d=void 0===c?{}:c;h(this,r);var u=function(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?r:e}(this,(r.__proto__||Object.getPrototypeOf(r)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},n),credentials:"same-origin"},d),u.url=t,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:i,onEnd:a},u.addInterceptors(o),u}return function(r,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}(r,g),m(r,[{key:"query",value:function(r){var e,t=this,o=r.operationName,n=r.query,i=r.variables,a=r.opts,l=void 0===a?{}:a,s=r.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return e=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(i):i,c.body=JSON.stringify({operationName:o,query:n,variables:e}),this.onStart(),this.fetch(this.url,c).then((function(r){return r.ok?r.json():{errors:[{message:r.statusText,stack:r}]}})).then((function(r){var e=r.data,o=r.errors;return new Promise((function(r,n){return t.onEnd(),e?Object.keys(e).every((function(r){return!e[r]}))?n(o):r({data:e,errors:o}):n(o||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(r){this.url=r}},{key:"getEnumTypes",value:function(r){var e=this,t={},o=r.filter((function(r){return!e.EnumMap[r]||(t[r]=e.EnumMap[r],!1)}));if(!o.length)return new Promise((function(r){r({data:t})}));var n="\n query {\n "+o.map((function(r){return r+': __type(name: "'+r+'") {\n ...EnumFragment\n }'})).join("\n")+"\n }\n \n fragment EnumFragment on __Type {\n kind\n description\n enumValues {\n name\n description\n }\n }",i=Object.assign({},this.requestObject);return i.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,i).then((function(r){return r.ok?r.json():{errors:[{message:r.statusText,stack:r}]}})).then((function(r){var o=r.data,n=r.errors;return new Promise((function(r,i){if(e.onEnd(),!o)return i(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(r){return!o[r]}))&&n&&n.length)return i(n);var a=Object.assign(t,o);return Object.keys(o).map((function(r){return e.EnumMap[r]=o[r],r})),r({data:a,errors:n})}))}))}},{key:"onStart",value:function(){this.requestQueueLength++,this.requestQueueLength>1||!this.callbacks.onStart||this.callbacks.onStart(this.requestQueueLength)}},{key:"onEnd",value:function(){this.requestQueueLength--,!this.requestQueueLength&&this.callbacks.onEnd&&this.callbacks.onEnd(this.requestQueueLength)}},{key:"doOmitEmptyVariables",value:function(r){var e=this,t={};return Object.keys(r).map((function(o){var n=r[o];return"string"==typeof n&&0===n.length||null==n||(t[o]=n instanceof Object?e.doOmitEmptyVariables(n):n),o})),t}}]),r}();const v={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:w}=(()=>{const r=((r,e=((r,e)=>r!==e))=>{let t=new Map(Object.entries(null!=r?r:{}));const o={dispose:[],get:[],set:[],reset:[]},n=()=>{t=new Map(Object.entries(null!=r?r:{})),o.reset.forEach((r=>r()))},i=r=>(o.get.forEach((e=>e(r))),t.get(r)),a=(r,n)=>{const i=t.get(r);e(n,i,r)&&(t.set(r,n),o.set.forEach((e=>e(r,n,i))))},l="undefined"==typeof Proxy?{}:new Proxy(r,{get:(r,e)=>i(e),ownKeys:()=>Array.from(t.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(r,e)=>t.has(e),set:(r,e,t)=>(a(e,t),!0)}),s=(r,e)=>(o[r].push(e),()=>{((r,e)=>{const t=r.indexOf(e);t>=0&&(r[t]=r[r.length-1],r.length--)})(o[r],e)});return{state:l,get:i,set:a,on:s,onChange:(e,t)=>{const o=s("set",((r,o)=>{r===e&&t(o)})),n=s("reset",(()=>t(r[e])));return()=>{o(),n()}},use:(...r)=>{const e=r.reduce(((r,e)=>(e.set&&r.push(s("set",e.set)),e.get&&r.push(s("get",e.get)),e.reset&&r.push(s("reset",e.reset)),e.dispose&&r.push(s("dispose",e.dispose)),r)),[]);return()=>e.forEach((r=>r()))},dispose:()=>{o.dispose.forEach((r=>r())),n()},reset:n,forceUpdate:r=>{const e=t.get(r);o.set.forEach((t=>t(r,e,e)))}}})(v,void 0);return r.use((()=>{if("function"!=typeof t)return{};const r=new Map;return{dispose:()=>r.clear(),get:e=>{const o=t();o&&((r,e,t)=>{const o=r.get(e);o?o.includes(t)||o.push(t):r.set(e,[t])})(r,e,o)},set:e=>{const t=r.get(e);t&&r.set(e,t.filter(o)),f(r)},reset:()=>{r.forEach((r=>r.forEach(o))),f(r)}}})()),r})(),y=(r=!1)=>{w.loading=r,w.error=void 0,w.pick=0,w.data=void 0,w.dealer=void 0},x=r=>{if(r){const{pick:e}=w;w.dealer=null!=e?r.list[e]:void 0,w.data=r,w.loading=!1}else w.data=void 0,w.loading=!1},C=r=>{const{data:e}=w;e&&void 0!==r?(w.pick=r,w.dealer=e.list[r]):(w.pick=0,w.dealer=void 0)};var k=new p({url:"https://gt-forza.vercel.app/graphql"});const j=()=>{y(!0),u("pick",0),k.query({operationName:"Uuid",query:"\n query Uuid($count: Int!) {\n uuid(count: $count)\n }\n",variables:{count:1}}).then((r=>{const e=r.data.uuid[0];k.query({operationName:"Solution",query:"\n query Solution($id: String!) {\n solution(id: $id) {\n id\n data {\n dealers {\n dealerId\n name\n vehicles {\n vin\n year\n make\n model\n color\n }\n }\n }\n }\n }\n",variables:{id:e}}).then((r=>{const t=JSON.parse(JSON.stringify(r.data.solution.data.dealers)),o={id:e,list:t};u("data",o),x(o)}))}))},O=()=>{y();const r=d("data"),e=d("pick");r?(x(r),e&&C(e)):j()},S=j,z=r=>{u("pick",r),C(r)},A=(...r)=>r.filter(Boolean).join(" "),M=e=>{const{value:t}=e,{dealerId:o,name:n,vehicles:i}=t||{},a=i?i.length:0;return r("div",{class:A("flex flex-wrap content-center","rounded-lg p-4 mb-4 bg-blue-200","border border-solid border-blue-400")},r("label",{class:"text-xl font-bold"},n?`${n} `:"",r("sup",null,a||"")),r("label",{class:"text-sm text-right ml-auto self-center"},o||""))},$=e=>{const{version:t}=e;return r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ",t)},E=()=>r("div",{class:"flex flex-row mt-2 mb-4 mr-2"},r($,{version:"2.2.19"})),N=(e,t)=>r("h1",{class:A("uppercase text-center text-clrs-red","mr-0 ml-0 mt-11 mb-11","font-thin text-6xl")},t),I=e=>{const t=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return r("svg",{class:A(e.class||"","animate-spin text-clrs-navy"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,o),r("g",null,r("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:t,"stroke-width":"4"}),r("path",{class:"opacity-75",fill:t,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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},q=e=>{const t=e.hex||"currentColor",o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"refresh"),r("g",{fill:t},r("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},T=()=>{const{loading:e,pick:t,data:o}=w||{},{list:n}=o||{list:[]},i=n.length-1;return e?"":r("div",{class:"flex"},r("div",{class:"refresh md:w-auto hover:text-clrs-red",onClick:()=>S()},r(q,null)),r("div",{class:A("inline-flex justify-end ml-auto","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>r("button",{class:A("border-none w-8 h-8 font-bold",0==o?"rounded-tl-md rounded-bl-md rounded-tr-none rounded-br-none":o==i?"rounded-tl-none rounded-bl-none rounded-tr-md rounded-br-md":"rounded-none",t==o?"text-white bg-clrs-red":"text-clrs-navy bg-clrs-yellow"),onClick:()=>z(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},P=/^\#[0-9]*/,U=r=>null!=r.match(P),_=r=>2554===r,B=r=>r>2010,J=e=>{const{vin:t,make:o,model:n,year:i,color:a}=e.value||{};return r("div",{class:A("flex align-middle","rounded-lg p-4 mb-1","border border-solid",_(i)?"bg-clrs-navy border-clrs-navy text-clrs-white":U(n)?"bg-yellow-300 border-yellow-600":B(i)?"bg-green-200 border-green-600":"bg-gray-300 border-gray-600")},r("div",{class:"flex flex-col mr-1.5"},r("label",{class:"text-xs mb-2"},t||""),r("label",{class:"text-lg font-bold"},o||""),r("label",{class:"text-sm italic mb-2"},n||""),r("label",null,i||"",", ",a||""),r("label",null,_(i)?"- exotic... [ Sierra 117 ]":U(n)?"- track only...":"")),r("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},H=e=>{const{list:t}=e,o=t.length;return 0===o?"":r("div",{class:"flex flex-col"},o?t.map((e=>r(J,{value:e}))):"")},D=e=>{const{dealer:t}=e,{vehicles:o}=t||{vehicles:[]},n=o;return t?r("div",{class:"flex flex-col"},r(M,{value:t}),r(H,{list:n})):""};let F=class{constructor(r){e(this,r),this.tag="proto-autos"}componentDidLoad(){O()}render(){const{loading:e,dealer:t}=w;return r("main",{id:"app",class:"ds1-main"},r("eswat2-io",null),r(N,null,"Auto Dealers"),r(T,null),e?r(I,null):r("hr",{class:A("ml-0 mr-0 mt-4 mb-4","border-solid border-gray-300","border-r-0 border-b-0 border-l-0")}),r(D,{dealer:t}),r(E,null))}};F.style=".ikon{height:96px;width:96px}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}.justify-end{justify-content:flex-end}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.bg-clrs-red{background-color:var(--clrs-red,#ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow,#ffdc00)}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-clrs-navy{color:var(--clrs-navy,#001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red,#ff4136)}.mt-2{margin-top:.5rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.flex-row{flex-direction:row}.align-top{vertical-align:top}.text-xs{font-size:.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4,#4e5964)}.mr-0{margin-right:0}.ml-0{margin-left:0}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.text-center{text-align:center}.text-6xl{font-size:3.75rem;line-height:1}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.text-clrs-red{color:var(--clrs-red,#ff4136)}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.self-center{align-self:center}.rounded-lg{border-radius:.5rem}.border-blue-400{--tw-border-opacity:1;border-color:rgba(96,165,250,var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgba(191,219,254,var(--tw-bg-opacity))}.p-4{padding:1rem}.text-right{text-align:right}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.mb-1{margin-bottom:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mb-2{margin-bottom:.5rem}.flex-col{flex-direction:column}.border-clrs-navy{border-color:var(--clrs-navy,#001f3f)}.border-yellow-600{--tw-border-opacity:1;border-color:rgba(217,119,6,var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.bg-clrs-navy{background-color:var(--clrs-navy,#001f3f)}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.align-middle{vertical-align:middle}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-clrs-white{color:var(--clrs-white,#fff)}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.opacity-25{opacity:.25}.opacity-75{opacity:.75}@media (min-width:500px){.ikon{height:144px;width:144px}}@media (min-width:700px){.ikon{height:192px;width:192px}}@media (min-width:768px){.md\\:w-auto{width:auto}}*,:after,:before{--tw-border-opacity:1;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ds1-main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--clrs-navy,#001f3f);display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:1.5rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.border-r-0{border-right-width:0}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border-solid{border-style:solid}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const V=window.hasOwnProperty("protoIkonFallback")?window.protoIkonFallback:"slug-icon";let L=class{constructor(r){e(this,r),this.hex="currentColor",this.name="slug",this.selected=!1,this.size=void 0,this.label=void 0}render(){const{name:e,hex:t,selected:o,size:n,label:l}=this,s=l||e;this.el.style.setProperty("--proto-ikon-size",n?`${n}px`:void 0);const c=(r=>{const e=r.toLowerCase().split(" ").join("-"),t=`${e}-icon`,o=`${e}-ikon`;return i.includes(t)?t:a.includes(o)?o:V})(e);return r("div",{class:"ikonBox"},r(c,{hex:t,selected:o,size:n,label:s}))}get el(){return n(this)}};L.style=".ikonBox{height:var(--proto-ikon-size);margin-right:auto;overflow:clip;width:var(--proto-ikon-size)}";export{s as eswat2_io,F as proto_autos,L as proto_ikon_loader}
|
|
1
|
+
import{h as r,r as e,g as t,f as o,a as n}from"./p-f6a546ae.js";import{i,a}from"./p-51685706.js";const l=e=>{const t=e.hex||"currentColor",o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"fingerprint"),r("g",{fill:t},r("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))};let s=class{constructor(r){e(this,r)}render(){return r("a",{class:"absolute top-0 right-0 mt-6 mr-6 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":"eswat2",title:"eswat2"},r(l,{label:"eswat2"}))}};s.style="*,:after,:before{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.text-clrs-gray{color:var(--clrs-gray,#aaa)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy,#001f3f)}";const c="proto-autos",d=r=>{const e=localStorage.getItem(r?`${c}-${r}`:c);return e?JSON.parse(e):void 0},u=(r,e)=>{const t=r?`${c}-${r}`:c,o=JSON.stringify(e);localStorage.setItem(t,o)},b=r=>!("isConnected"in r)||r.isConnected,f=(()=>{let r;return(...e)=>{r&&clearTimeout(r),r=setTimeout((()=>{r=0,(r=>{for(let e of r.keys())r.set(e,r.get(e).filter(b))})(...e)}),2e3)}})();var m=function(){function r(r,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(r,o.key,o)}}return function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e}}();function h(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}var g=function(){function r(){var e=this;h(this,r),this.interceptors=[],this.fetch=function(){for(var r=arguments.length,t=Array(r),o=0;o<r;o++)t[o]=arguments[o];return e.interceptorWrapper.apply(e,[fetch].concat(t))}}return m(r,[{key:"addInterceptors",value:function(r){var e=this,t=[];return Array.isArray(r)?r.map((function(r){return t.push(e.interceptors.length),e.interceptors.push(r)})):r instanceof Object&&(t.push(this.interceptors.length),this.interceptors.push(r)),this.updateInterceptors(),function(){return e.removeInterceptors(t)}}},{key:"removeInterceptors",value:function(r){var e=this;Array.isArray(r)&&(r.map((function(r){return e.interceptors.splice(r,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(r,e){return[e].concat(r)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(r){for(var e=arguments.length,t=Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];var n=Promise.resolve(t);return this.reversedInterceptors.forEach((function(r){var e=r.request,o=r.requestError;(e||o)&&(n=n.then((function(){return e.apply(void 0,t)}),o))})),n=n.then((function(){return r.apply(void 0,t)})),this.reversedInterceptors.forEach((function(r){var e=r.response,t=r.responseError;(e||t)&&(n=n.then(e,t))})),n}}]),r}(),p=function(){function r(e){var t=e.url,o=e.interceptors,n=e.headers,i=e.onStart,a=e.onEnd,l=e.omitEmptyVariables,s=void 0!==l&&l,c=e.requestOptions,d=void 0===c?{}:c;h(this,r);var u=function(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?r:e}(this,(r.__proto__||Object.getPrototypeOf(r)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},n),credentials:"same-origin"},d),u.url=t,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:i,onEnd:a},u.addInterceptors(o),u}return function(r,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}(r,g),m(r,[{key:"query",value:function(r){var e,t=this,o=r.operationName,n=r.query,i=r.variables,a=r.opts,l=void 0===a?{}:a,s=r.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return e=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(i):i,c.body=JSON.stringify({operationName:o,query:n,variables:e}),this.onStart(),this.fetch(this.url,c).then((function(r){return r.ok?r.json():{errors:[{message:r.statusText,stack:r}]}})).then((function(r){var e=r.data,o=r.errors;return new Promise((function(r,n){return t.onEnd(),e?Object.keys(e).every((function(r){return!e[r]}))?n(o):r({data:e,errors:o}):n(o||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(r){this.url=r}},{key:"getEnumTypes",value:function(r){var e=this,t={},o=r.filter((function(r){return!e.EnumMap[r]||(t[r]=e.EnumMap[r],!1)}));if(!o.length)return new Promise((function(r){r({data:t})}));var n="\n query {\n "+o.map((function(r){return r+': __type(name: "'+r+'") {\n ...EnumFragment\n }'})).join("\n")+"\n }\n \n fragment EnumFragment on __Type {\n kind\n description\n enumValues {\n name\n description\n }\n }",i=Object.assign({},this.requestObject);return i.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,i).then((function(r){return r.ok?r.json():{errors:[{message:r.statusText,stack:r}]}})).then((function(r){var o=r.data,n=r.errors;return new Promise((function(r,i){if(e.onEnd(),!o)return i(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(r){return!o[r]}))&&n&&n.length)return i(n);var a=Object.assign(t,o);return Object.keys(o).map((function(r){return e.EnumMap[r]=o[r],r})),r({data:a,errors:n})}))}))}},{key:"onStart",value:function(){this.requestQueueLength++,this.requestQueueLength>1||!this.callbacks.onStart||this.callbacks.onStart(this.requestQueueLength)}},{key:"onEnd",value:function(){this.requestQueueLength--,!this.requestQueueLength&&this.callbacks.onEnd&&this.callbacks.onEnd(this.requestQueueLength)}},{key:"doOmitEmptyVariables",value:function(r){var e=this,t={};return Object.keys(r).map((function(o){var n=r[o];return"string"==typeof n&&0===n.length||null==n||(t[o]=n instanceof Object?e.doOmitEmptyVariables(n):n),o})),t}}]),r}();const v={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:w}=(()=>{const r=((r,e=((r,e)=>r!==e))=>{let t=new Map(Object.entries(null!=r?r:{}));const o={dispose:[],get:[],set:[],reset:[]},n=()=>{t=new Map(Object.entries(null!=r?r:{})),o.reset.forEach((r=>r()))},i=r=>(o.get.forEach((e=>e(r))),t.get(r)),a=(r,n)=>{const i=t.get(r);e(n,i,r)&&(t.set(r,n),o.set.forEach((e=>e(r,n,i))))},l="undefined"==typeof Proxy?{}:new Proxy(r,{get:(r,e)=>i(e),ownKeys:()=>Array.from(t.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(r,e)=>t.has(e),set:(r,e,t)=>(a(e,t),!0)}),s=(r,e)=>(o[r].push(e),()=>{((r,e)=>{const t=r.indexOf(e);t>=0&&(r[t]=r[r.length-1],r.length--)})(o[r],e)});return{state:l,get:i,set:a,on:s,onChange:(e,t)=>{const o=s("set",((r,o)=>{r===e&&t(o)})),n=s("reset",(()=>t(r[e])));return()=>{o(),n()}},use:(...r)=>{const e=r.reduce(((r,e)=>(e.set&&r.push(s("set",e.set)),e.get&&r.push(s("get",e.get)),e.reset&&r.push(s("reset",e.reset)),e.dispose&&r.push(s("dispose",e.dispose)),r)),[]);return()=>e.forEach((r=>r()))},dispose:()=>{o.dispose.forEach((r=>r())),n()},reset:n,forceUpdate:r=>{const e=t.get(r);o.set.forEach((t=>t(r,e,e)))}}})(v,void 0);return r.use((()=>{if("function"!=typeof t)return{};const r=new Map;return{dispose:()=>r.clear(),get:e=>{const o=t();o&&((r,e,t)=>{const o=r.get(e);o?o.includes(t)||o.push(t):r.set(e,[t])})(r,e,o)},set:e=>{const t=r.get(e);t&&r.set(e,t.filter(o)),f(r)},reset:()=>{r.forEach((r=>r.forEach(o))),f(r)}}})()),r})(),y=(r=!1)=>{w.loading=r,w.error=void 0,w.pick=0,w.data=void 0,w.dealer=void 0},x=r=>{if(r){const{pick:e}=w;w.dealer=null!=e?r.list[e]:void 0,w.data=r,w.loading=!1}else w.data=void 0,w.loading=!1},C=r=>{const{data:e}=w;e&&void 0!==r?(w.pick=r,w.dealer=e.list[r]):(w.pick=0,w.dealer=void 0)};var k=new p({url:"https://gt-forza.vercel.app/graphql"});const j=()=>{y(!0),u("pick",0),k.query({operationName:"Uuid",query:"\n query Uuid($count: Int!) {\n uuid(count: $count)\n }\n",variables:{count:1}}).then((r=>{const e=r.data.uuid[0];k.query({operationName:"Solution",query:"\n query Solution($id: String!) {\n solution(id: $id) {\n id\n data {\n dealers {\n dealerId\n name\n vehicles {\n vin\n year\n make\n model\n color\n }\n }\n }\n }\n }\n",variables:{id:e}}).then((r=>{const t=JSON.parse(JSON.stringify(r.data.solution.data.dealers)),o={id:e,list:t};u("data",o),x(o)}))}))},O=()=>{y();const r=d("data"),e=d("pick");r?(x(r),e&&C(e)):j()},S=j,z=r=>{u("pick",r),C(r)},A=(...r)=>r.filter(Boolean).join(" "),M=e=>{const{value:t}=e,{dealerId:o,name:n,vehicles:i}=t||{},a=i?i.length:0;return r("div",{class:A("flex flex-wrap content-center","rounded-lg p-4 mb-4 bg-blue-200","border border-solid border-blue-400")},r("label",{class:"text-xl font-bold"},n?`${n} `:"",r("sup",null,a||"")),r("label",{class:"text-sm text-right ml-auto self-center"},o||""))},$=e=>{const{version:t}=e;return r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ",t)},E=()=>r("div",{class:"flex flex-row mt-2 mb-4 mr-2"},r($,{version:"2.2.19"})),N=(e,t)=>r("h1",{class:A("uppercase text-center text-clrs-red","mr-0 ml-0 mt-11 mb-11","font-thin text-6xl")},t),I=e=>{const t=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return r("svg",{class:A(e.class||"","animate-spin text-clrs-navy"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,o),r("g",null,r("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:t,"stroke-width":"4"}),r("path",{class:"opacity-75",fill:t,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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},q=e=>{const t=e.hex||"currentColor",o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"refresh"),r("g",{fill:t},r("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},T=()=>{const{loading:e,pick:t,data:o}=w||{},{list:n}=o||{list:[]},i=n.length-1;return e?"":r("div",{class:"flex"},r("div",{class:"refresh md:w-auto hover:text-clrs-red",onClick:()=>S()},r(q,null)),r("div",{class:A("inline-flex justify-end ml-auto","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>r("button",{class:A("border-none w-8 h-8 font-bold",0==o?"rounded-tl-md rounded-bl-md rounded-tr-none rounded-br-none":o==i?"rounded-tl-none rounded-bl-none rounded-tr-md rounded-br-md":"rounded-none",t==o?"text-white bg-clrs-red":"text-clrs-navy bg-clrs-yellow"),onClick:()=>z(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},P=/^\#[0-9]*/,U=r=>null!=r.match(P),_=r=>2554===r,B=r=>r>2010,J=e=>{const{vin:t,make:o,model:n,year:i,color:a}=e.value||{};return r("div",{class:A("flex align-middle","rounded-lg p-4 mb-1","border border-solid",_(i)?"bg-clrs-navy border-clrs-navy text-clrs-white":U(n)?"bg-yellow-300 border-yellow-600":B(i)?"bg-green-200 border-green-600":"bg-gray-300 border-gray-600")},r("div",{class:"flex flex-col mr-1.5"},r("label",{class:"text-xs mb-2"},t||""),r("label",{class:"text-lg font-bold"},o||""),r("label",{class:"text-sm italic mb-2"},n||""),r("label",null,i||"",", ",a||""),r("label",null,_(i)?"- exotic... [ Sierra 117 ]":U(n)?"- track only...":"")),r("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},H=e=>{const{list:t}=e,o=t.length;return 0===o?"":r("div",{class:"flex flex-col"},o?t.map((e=>r(J,{value:e}))):"")},D=e=>{const{dealer:t}=e,{vehicles:o}=t||{vehicles:[]},n=o;return t?r("div",{class:"flex flex-col"},r(M,{value:t}),r(H,{list:n})):""};let F=class{constructor(r){e(this,r),this.tag="proto-autos"}componentDidLoad(){O()}render(){const{loading:e,dealer:t}=w;return r("main",{id:"app",class:"ds1-main"},r("eswat2-io",null),r(N,null,"Auto Dealers"),r(T,null),e?r(I,null):r("hr",{class:A("ml-0 mr-0 mt-4 mb-4","border-solid border-gray-300","border-r-0 border-b-0 border-l-0")}),r(D,{dealer:t}),r(E,null))}};F.style=".ikon{height:96px;width:96px}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}.justify-end{justify-content:flex-end}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.bg-clrs-red{background-color:var(--clrs-red,#ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow,#ffdc00)}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-clrs-navy{color:var(--clrs-navy,#001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red,#ff4136)}.mb-4{margin-bottom:1rem}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.self-center{align-self:center}.rounded-lg{border-radius:.5rem}.border-blue-400{--tw-border-opacity:1;border-color:rgba(96,165,250,var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgba(191,219,254,var(--tw-bg-opacity))}.p-4{padding:1rem}.text-right{text-align:right}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.mr-0{margin-right:0}.ml-0{margin-left:0}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.text-center{text-align:center}.text-6xl{font-size:3.75rem;line-height:1}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.text-clrs-red{color:var(--clrs-red,#ff4136)}.mb-1{margin-bottom:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mb-2{margin-bottom:.5rem}.flex-col{flex-direction:column}.border-clrs-navy{border-color:var(--clrs-navy,#001f3f)}.border-yellow-600{--tw-border-opacity:1;border-color:rgba(217,119,6,var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.bg-clrs-navy{background-color:var(--clrs-navy,#001f3f)}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.align-middle{vertical-align:middle}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.italic{font-style:italic}.text-clrs-white{color:var(--clrs-white,#fff)}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.flex-row{flex-direction:row}.align-top{vertical-align:top}.text-clrs-slate4{color:var(--clrs-slate4,#4e5964)}@media (min-width:500px){.ikon{height:144px;width:144px}}@media (min-width:700px){.ikon{height:192px;width:192px}}@media (min-width:768px){.md\\:w-auto{width:auto}}*,:after,:before{--tw-border-opacity:1;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;border-color:rgba(229,231,235,var(--tw-border-opacity))}.ds1-main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--clrs-navy,#001f3f);display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:1.5rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.border-r-0{border-right-width:0}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border-solid{border-style:solid}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const V=window.hasOwnProperty("protoIkonFallback")?window.protoIkonFallback:"slug-icon";let L=class{constructor(r){e(this,r),this.hex="currentColor",this.name="slug",this.selected=!1,this.size=void 0,this.label=void 0}render(){const{name:e,hex:t,selected:o,size:n,label:l}=this,s=l||e;this.el.style.setProperty("--proto-ikon-size",n?`${n}px`:void 0);const c=(r=>{const e=r.toLowerCase().split(" ").join("-"),t=`${e}-icon`,o=`${e}-ikon`;return i.includes(t)?t:a.includes(o)?o:V})(e);return r("div",{class:"ikonBox"},r(c,{hex:t,selected:o,size:n,label:s}))}get el(){return n(this)}};L.style=".ikonBox{height:var(--proto-ikon-size);margin-right:auto;overflow:clip;width:var(--proto-ikon-size)}";export{s as eswat2_io,F as proto_autos,L as proto_ikon_loader}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-f6a546ae.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-566b83ff",[[0,"acura-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a1cfef6c",[[0,"alfa-romeo-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-29b1b0f0",[[0,"alfa-romeo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e14eb22d",[[0,"alien-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-d6b4433a",[[0,"am-general-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a000806c",[[0,"asterisk-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-2f4af5bd",[[0,"aston-martin-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-95978a17",[[0,"aston-martin-ikon",{hex:[1],name:[1],size:[2]}]]],["p-8f71936e",[[0,"audi-ikon",{hex:[1],name:[1],size:[2]}]]],["p-98b82838",[[0,"barcode-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-d79f7757",[[0,"barcode-scan-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-2d71ec39",[[0,"bash-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-3a559bea",[[0,"beaker-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-a16cfde1",[[0,"bently-ikon",{hex:[1],name:[1],size:[2]}]]],["p-40e53cbc",[[0,"bmw-ikon",{hex:[1],name:[1],size:[2]}]]],["p-5e0be80d",[[0,"bugatti-ikon",{hex:[1],name:[1],size:[2]}]]],["p-0830354f",[[0,"buick-ikon",{hex:[1],name:[1],size:[2]}]]],["p-79dde8ed",[[0,"cadillac-ikon",{hex:[1],name:[1],size:[2]}]]],["p-aaf524a1",[[0,"chart-bar-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-13e0d343",[[0,"chart-bubble-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-7c4ba80a",[[0,"chart-donut-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-dcf8e8e6",[[0,"chart-donuts-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-c41d483d",[[0,"check-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-e2566c2f",[[0,"chevrolet-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a4aa3567",[[0,"chevron-double-left-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-67c52ca7",[[0,"chrysler-ikon",{hex:[1],name:[1],size:[2]}]]],["p-616abe20",[[0,"circular-saw-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-31eccfe3",[[0,"citroen-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f3c2a64c",[[0,"close-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-8c5b432e",[[0,"daewoo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-fd00f6ac",[[0,"dodge-ikon",{hex:[1],name:[1],size:[2]}]]],["p-cc3d625e",[[0,"eagle-ikon",{hex:[1],name:[1],size:[2]}]]],["p-aff20025",[[0,"ferrari-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e13eacc6",[[0,"fiat-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-877cc9b2",[[0,"fiat-ikon",{hex:[1],name:[1],size:[2]}]]],["p-64e8da6b",[[0,"fingerprint-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-748d943a",[[0,"fire-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-7817e433",[[0,"fisker-ikon",{hex:[1],name:[1],size:[2]}]]],["p-3d7384ee",[[0,"flask-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-7e269891",[[0,"ford-ikon",{hex:[1],name:[1],size:[2]}]]],["p-9c8ca047",[[0,"genesis-ikon",{hex:[1],name:[1],size:[2]}]]],["p-4a1c4e47",[[0,"geo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-10113083",[[0,"git-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-6bc8334a",[[0,"gmc-ikon",{hex:[1],name:[1],size:[2]}]]],["p-79c25028",[[0,"honda-ikon",{hex:[1],name:[1],size:[2]}]]],["p-459762ac",[[0,"hummer-ikon",{hex:[1],name:[1],size:[2]}]]],["p-ed3e5055",[[0,"hyundai-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a0055d0d",[[0,"infiniti-ikon",{hex:[1],name:[1],size:[2]}]]],["p-6b716397",[[0,"isuzu-ikon",{hex:[1],name:[1],size:[2]}]]],["p-95832d7d",[[0,"jaguar-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-bc14e0d2",[[0,"jaguar-ikon",{hex:[1],name:[1],size:[2]}]]],["p-6e4a1b65",[[0,"java-script-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-e69234a5",[[0,"jeep-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-c9894d55",[[0,"jeep-ikon",{hex:[1],name:[1],size:[2]}]]],["p-7689e4ae",[[0,"kia-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b654d1e2",[[0,"lamborghini-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-4b524268",[[0,"lamborghini-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2d4f375a",[[0,"land-rover-ikon",{hex:[1],name:[1],size:[2]}]]],["p-83905515",[[0,"lexus-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e953f02b",[[0,"lincoln-ikon",{hex:[1],name:[1],size:[2]}]]],["p-9eb26d22",[[0,"lotus-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-86020ef6",[[0,"lotus-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f2e5a8b8",[[0,"maserati-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2149c094",[[0,"maybach-ikon",{hex:[1],name:[1],size:[2]}]]],["p-378fa1c1",[[0,"mazda-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-cdac14eb",[[0,"mazda-ikon",{hex:[1],name:[1],size:[2]}]]],["p-877520a2",[[0,"mclaren-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-9890bcd3",[[0,"mclaren-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2c181ca1",[[0,"mercedes-benz-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-93a2ac70",[[0,"mercedes-benz-ikon",{hex:[1],name:[1],size:[2]}]]],["p-0040d18b",[[0,"mercury-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b37b9290",[[0,"mini-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-b5895412",[[0,"mini-ikon",{hex:[1],name:[1],size:[2]}]]],["p-33ffc7e6",[[0,"mitsubishi-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e0a2819d",[[0,"nissan-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d912918c",[[0,"oldsmobile-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d676b461",[[0,"one-password-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-c47c3bc8",[[0,"opel-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d5a48c73",[[0,"panoz-ikon",{hex:[1],name:[1],size:[2]}]]],["p-91cc821d",[[0,"paw-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ad3cd492",[[0,"peugeot-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-f7d8d7da",[[0,"peugeot-ikon",{hex:[1],name:[1],size:[2]}]]],["p-ce7ba0e3",[[0,"plymouth-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b535cb79",[[0,"pontiac-ikon",{hex:[1],name:[1],size:[2]}]]],["p-3202e36b",[[0,"porsche-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a00b31d5",[[0,"proto-ikon-raw",{hex:[1],name:[1],selected:[4],size:[2],label:[1]}]]],["p-b94c6073",[[0,"protocol-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-e8d298bf",[[0,"pulse-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-5d3ce26d",[[0,"puzzle-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-5d30de37",[[0,"qr-code-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-93bf43ef",[[0,"radio-2-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-1c57a7db",[[0,"radio-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-e9cd0f81",[[0,"ram-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ed7c5cc1",[[0,"ram-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f4de09cc",[[0,"refresh-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ab8076c9",[[0,"renault-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-a97e01ac",[[0,"renault-ikon",{hex:[1],name:[1],size:[2]}]]],["p-fcadc2b7",[[0,"rolls-royce-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d6e383ef",[[0,"saab-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-df35ad98",[[0,"saab-ikon",{hex:[1],name:[1],size:[2]}]]],["p-9150f182",[[0,"saturn-ikon",{hex:[1],name:[1],size:[2]}]]],["p-654a604e",[[0,"scion-ikon",{hex:[1],name:[1],size:[2]}]]],["p-00e539ac",[[0,"seat-ikon",{hex:[1],name:[1],size:[2]}]]],["p-bf9c5fd3",[[0,"skoda-ikon",{hex:[1],name:[1],size:[2]}]]],["p-065db414",[[0,"slug-icon",{label:[1],name:[1],size:[2]}]]],["p-f58e2677",[[0,"smart-ikon",{hex:[1],name:[1],size:[2]}]]],["p-bd43f711",[[0,"spider-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-209eadd8",[[0,"spyker-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-b8f8a469",[[0,"spyker-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2fce841e",[[0,"subaru-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-5b5f636f",[[0,"subaru-ikon",{hex:[1],name:[1],size:[2]}]]],["p-35fffea8",[[0,"suzuki-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f7fa41d0",[[0,"svg-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ee323969",[[0,"tesla-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b0a160f4",[[0,"toyota-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a5392585",[[0,"vector-curve-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-23d0b210",[[0,"volkswagen-ikon",{hex:[1],name:[1],size:[2]}]]],["p-91cc55ff",[[0,"volvo-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-f8023522",[[0,"volvo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a20327f6",[[0,"webhook-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-
|
|
1
|
+
import{p as e,b as a}from"./p-f6a546ae.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-566b83ff",[[0,"acura-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a1cfef6c",[[0,"alfa-romeo-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-29b1b0f0",[[0,"alfa-romeo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e14eb22d",[[0,"alien-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-d6b4433a",[[0,"am-general-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a000806c",[[0,"asterisk-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-2f4af5bd",[[0,"aston-martin-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-95978a17",[[0,"aston-martin-ikon",{hex:[1],name:[1],size:[2]}]]],["p-8f71936e",[[0,"audi-ikon",{hex:[1],name:[1],size:[2]}]]],["p-98b82838",[[0,"barcode-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-d79f7757",[[0,"barcode-scan-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-2d71ec39",[[0,"bash-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-3a559bea",[[0,"beaker-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-a16cfde1",[[0,"bently-ikon",{hex:[1],name:[1],size:[2]}]]],["p-40e53cbc",[[0,"bmw-ikon",{hex:[1],name:[1],size:[2]}]]],["p-5e0be80d",[[0,"bugatti-ikon",{hex:[1],name:[1],size:[2]}]]],["p-0830354f",[[0,"buick-ikon",{hex:[1],name:[1],size:[2]}]]],["p-79dde8ed",[[0,"cadillac-ikon",{hex:[1],name:[1],size:[2]}]]],["p-aaf524a1",[[0,"chart-bar-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-13e0d343",[[0,"chart-bubble-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-7c4ba80a",[[0,"chart-donut-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-dcf8e8e6",[[0,"chart-donuts-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-c41d483d",[[0,"check-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-e2566c2f",[[0,"chevrolet-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a4aa3567",[[0,"chevron-double-left-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-67c52ca7",[[0,"chrysler-ikon",{hex:[1],name:[1],size:[2]}]]],["p-616abe20",[[0,"circular-saw-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-31eccfe3",[[0,"citroen-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f3c2a64c",[[0,"close-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-8c5b432e",[[0,"daewoo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-fd00f6ac",[[0,"dodge-ikon",{hex:[1],name:[1],size:[2]}]]],["p-cc3d625e",[[0,"eagle-ikon",{hex:[1],name:[1],size:[2]}]]],["p-aff20025",[[0,"ferrari-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e13eacc6",[[0,"fiat-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-877cc9b2",[[0,"fiat-ikon",{hex:[1],name:[1],size:[2]}]]],["p-64e8da6b",[[0,"fingerprint-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-748d943a",[[0,"fire-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-7817e433",[[0,"fisker-ikon",{hex:[1],name:[1],size:[2]}]]],["p-3d7384ee",[[0,"flask-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-7e269891",[[0,"ford-ikon",{hex:[1],name:[1],size:[2]}]]],["p-9c8ca047",[[0,"genesis-ikon",{hex:[1],name:[1],size:[2]}]]],["p-4a1c4e47",[[0,"geo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-10113083",[[0,"git-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-6bc8334a",[[0,"gmc-ikon",{hex:[1],name:[1],size:[2]}]]],["p-79c25028",[[0,"honda-ikon",{hex:[1],name:[1],size:[2]}]]],["p-459762ac",[[0,"hummer-ikon",{hex:[1],name:[1],size:[2]}]]],["p-ed3e5055",[[0,"hyundai-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a0055d0d",[[0,"infiniti-ikon",{hex:[1],name:[1],size:[2]}]]],["p-6b716397",[[0,"isuzu-ikon",{hex:[1],name:[1],size:[2]}]]],["p-95832d7d",[[0,"jaguar-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-bc14e0d2",[[0,"jaguar-ikon",{hex:[1],name:[1],size:[2]}]]],["p-6e4a1b65",[[0,"java-script-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-e69234a5",[[0,"jeep-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-c9894d55",[[0,"jeep-ikon",{hex:[1],name:[1],size:[2]}]]],["p-7689e4ae",[[0,"kia-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b654d1e2",[[0,"lamborghini-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-4b524268",[[0,"lamborghini-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2d4f375a",[[0,"land-rover-ikon",{hex:[1],name:[1],size:[2]}]]],["p-83905515",[[0,"lexus-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e953f02b",[[0,"lincoln-ikon",{hex:[1],name:[1],size:[2]}]]],["p-9eb26d22",[[0,"lotus-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-86020ef6",[[0,"lotus-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f2e5a8b8",[[0,"maserati-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2149c094",[[0,"maybach-ikon",{hex:[1],name:[1],size:[2]}]]],["p-378fa1c1",[[0,"mazda-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-cdac14eb",[[0,"mazda-ikon",{hex:[1],name:[1],size:[2]}]]],["p-877520a2",[[0,"mclaren-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-9890bcd3",[[0,"mclaren-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2c181ca1",[[0,"mercedes-benz-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-93a2ac70",[[0,"mercedes-benz-ikon",{hex:[1],name:[1],size:[2]}]]],["p-0040d18b",[[0,"mercury-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b37b9290",[[0,"mini-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-b5895412",[[0,"mini-ikon",{hex:[1],name:[1],size:[2]}]]],["p-33ffc7e6",[[0,"mitsubishi-ikon",{hex:[1],name:[1],size:[2]}]]],["p-e0a2819d",[[0,"nissan-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d912918c",[[0,"oldsmobile-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d676b461",[[0,"one-password-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-c47c3bc8",[[0,"opel-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d5a48c73",[[0,"panoz-ikon",{hex:[1],name:[1],size:[2]}]]],["p-91cc821d",[[0,"paw-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ad3cd492",[[0,"peugeot-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-f7d8d7da",[[0,"peugeot-ikon",{hex:[1],name:[1],size:[2]}]]],["p-ce7ba0e3",[[0,"plymouth-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b535cb79",[[0,"pontiac-ikon",{hex:[1],name:[1],size:[2]}]]],["p-3202e36b",[[0,"porsche-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a00b31d5",[[0,"proto-ikon-raw",{hex:[1],name:[1],selected:[4],size:[2],label:[1]}]]],["p-b94c6073",[[0,"protocol-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-e8d298bf",[[0,"pulse-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-5d3ce26d",[[0,"puzzle-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-5d30de37",[[0,"qr-code-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-93bf43ef",[[0,"radio-2-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-1c57a7db",[[0,"radio-icon",{selected:[4],hex:[1],label:[1],name:[1],size:[2]}]]],["p-e9cd0f81",[[0,"ram-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ed7c5cc1",[[0,"ram-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f4de09cc",[[0,"refresh-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ab8076c9",[[0,"renault-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-a97e01ac",[[0,"renault-ikon",{hex:[1],name:[1],size:[2]}]]],["p-fcadc2b7",[[0,"rolls-royce-ikon",{hex:[1],name:[1],size:[2]}]]],["p-d6e383ef",[[0,"saab-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-df35ad98",[[0,"saab-ikon",{hex:[1],name:[1],size:[2]}]]],["p-9150f182",[[0,"saturn-ikon",{hex:[1],name:[1],size:[2]}]]],["p-654a604e",[[0,"scion-ikon",{hex:[1],name:[1],size:[2]}]]],["p-00e539ac",[[0,"seat-ikon",{hex:[1],name:[1],size:[2]}]]],["p-bf9c5fd3",[[0,"skoda-ikon",{hex:[1],name:[1],size:[2]}]]],["p-065db414",[[0,"slug-icon",{label:[1],name:[1],size:[2]}]]],["p-f58e2677",[[0,"smart-ikon",{hex:[1],name:[1],size:[2]}]]],["p-bd43f711",[[0,"spider-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-209eadd8",[[0,"spyker-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-b8f8a469",[[0,"spyker-ikon",{hex:[1],name:[1],size:[2]}]]],["p-2fce841e",[[0,"subaru-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-5b5f636f",[[0,"subaru-ikon",{hex:[1],name:[1],size:[2]}]]],["p-35fffea8",[[0,"suzuki-ikon",{hex:[1],name:[1],size:[2]}]]],["p-f7fa41d0",[[0,"svg-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-ee323969",[[0,"tesla-ikon",{hex:[1],name:[1],size:[2]}]]],["p-b0a160f4",[[0,"toyota-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a5392585",[[0,"vector-curve-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-23d0b210",[[0,"volkswagen-ikon",{hex:[1],name:[1],size:[2]}]]],["p-91cc55ff",[[0,"volvo-alt-ikon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-f8023522",[[0,"volvo-ikon",{hex:[1],name:[1],size:[2]}]]],["p-a20327f6",[[0,"webhook-icon",{hex:[1],label:[1],name:[1],size:[2]}]]],["p-35fee200",[[1,"proto-autos",{tag:[1]}],[1,"eswat2-io"],[1,"proto-ikon-loader",{hex:[1],name:[1],selected:[4],size:[2],label:[1]}]]]],e)));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "proto-autos-wc",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Stencil
|
|
3
|
+
"version": "0.0.233",
|
|
4
|
+
"description": "prototype - a simple GraphQL demo rendered in Stencil and Tailwind",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"es2015": "dist/esm/index.mjs",
|
package/readme.md
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Stencil Component Starter
|
|
4
|
-
|
|
5
|
-
This is a starter project for building a standalone Web Component using Stencil.
|
|
6
|
-
|
|
7
|
-
Stencil is also great for building entire apps. For that, use the [stencil-app-starter](https://github.com/ionic-team/stencil-app-starter) instead.
|
|
8
|
-
|
|
9
|
-
# Stencil
|
|
10
|
-
|
|
11
|
-
Stencil is a compiler for building fast web apps using Web Components.
|
|
12
|
-
|
|
13
|
-
Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
|
|
14
|
-
|
|
15
|
-
Stencil components are just Web Components, so they work in any major framework or with no framework at all.
|
|
16
|
-
|
|
17
|
-
## Getting Started
|
|
18
|
-
|
|
19
|
-
To start building a new web component using Stencil, clone this repo to a new directory:
|
|
20
|
-
|
|
21
|
-
```bash
|
|
22
|
-
git clone https://github.com/ionic-team/stencil-component-starter.git my-component
|
|
23
|
-
cd my-component
|
|
24
|
-
git remote rm origin
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
and run:
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
npm install
|
|
31
|
-
npm start
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
To build the component for production, run:
|
|
35
|
-
|
|
36
|
-
```bash
|
|
37
|
-
npm run build
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
To run the unit tests for the components, run:
|
|
41
|
-
|
|
42
|
-
```bash
|
|
43
|
-
npm test
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
## Naming Components
|
|
50
|
-
|
|
51
|
-
When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
|
|
52
|
-
|
|
53
|
-
Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
## Using this component
|
|
57
|
-
|
|
58
|
-
There are three strategies we recommend for using web components built with Stencil.
|
|
59
|
-
|
|
60
|
-
The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
|
|
61
|
-
|
|
62
|
-
### Script tag
|
|
63
|
-
|
|
64
|
-
- Put a script tag similar to this `<script src='https://unpkg.com/my-component@0.0.1/dist/my-component.esm.js'></script>` in the head of your index.html
|
|
65
|
-
- Then you can use the element anywhere in your template, JSX, html etc
|
|
66
|
-
|
|
67
|
-
### Node Modules
|
|
68
|
-
- Run `npm install my-component --save`
|
|
69
|
-
- Put a script tag similar to this `<script src='node_modules/my-component/dist/my-component.esm.js'></script>` in the head of your index.html
|
|
70
|
-
- Then you can use the element anywhere in your template, JSX, html etc
|
|
71
|
-
|
|
72
|
-
### In a stencil-starter app
|
|
73
|
-
- Run `npm install my-component --save`
|
|
74
|
-
- Add an import to the npm packages `import my-component;`
|
|
75
|
-
- Then you can use the element anywhere in your template, JSX, html etc
|