proto-autos-wc 0.0.978 → 0.0.980
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/dist/cjs/{index-e9f7876a.js → index-2b82ea2a.js} +19 -19
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/proto-autos-wc.cjs.js +2 -2
- package/dist/cjs/proto-autos.cjs.entry.js +3 -3
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/proto-autos/proto-autos.css +426 -475
- package/dist/collection/tokens.css +381 -0
- package/dist/collection/utils/tw-version.js +1 -1
- package/dist/esm/{index-843da774.js → index-da6a2a37.js} +19 -19
- package/dist/esm/loader.js +2 -2
- package/dist/esm/proto-autos-wc.js +3 -3
- package/dist/esm/proto-autos.entry.js +3 -3
- package/dist/loader/cdn.js +1 -0
- package/dist/loader/index.cjs.js +1 -0
- package/dist/loader/index.d.ts +24 -0
- package/dist/loader/index.es2017.js +1 -0
- package/dist/loader/index.js +2 -0
- package/dist/loader/package.json +11 -0
- package/dist/proto-autos-wc/{p-6ffb2af1.js → p-b9d09fb7.js} +2 -2
- package/dist/proto-autos-wc/p-cbdaff0e.entry.js +1 -0
- package/dist/proto-autos-wc/proto-autos-wc.esm.js +1 -1
- package/dist/proto-autos-wc/tokens.css +381 -0
- package/dist/types/utils/tw-version.d.ts +1 -1
- package/package.json +8 -7
- package/dist/proto-autos-wc/p-adf54c85.entry.js +0 -1
|
@@ -24,7 +24,7 @@ const NAMESPACE = 'proto-autos-wc';
|
|
|
24
24
|
const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
|
-
Stencil Client Platform v4.
|
|
27
|
+
Stencil Client Platform v4.25.0 | MIT Licensed | https://stenciljs.com
|
|
28
28
|
*/
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __export = (target, all) => {
|
|
@@ -79,12 +79,17 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
79
79
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
80
80
|
/* webpackMode: "lazy" */
|
|
81
81
|
`./${bundleId}.entry.js${""}`
|
|
82
|
-
)); }).then(
|
|
83
|
-
{
|
|
84
|
-
|
|
82
|
+
)); }).then(
|
|
83
|
+
(importedModule) => {
|
|
84
|
+
{
|
|
85
|
+
cmpModules.set(bundleId, importedModule);
|
|
86
|
+
}
|
|
87
|
+
return importedModule[exportName];
|
|
88
|
+
},
|
|
89
|
+
(e) => {
|
|
90
|
+
consoleError(e, hostRef.$hostElement$);
|
|
85
91
|
}
|
|
86
|
-
|
|
87
|
-
}, consoleError);
|
|
92
|
+
);
|
|
88
93
|
};
|
|
89
94
|
|
|
90
95
|
// src/client/client-style.ts
|
|
@@ -874,7 +879,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
874
879
|
addHydratedFlag(elm);
|
|
875
880
|
}
|
|
876
881
|
{
|
|
877
|
-
safeCall(instance, "componentDidLoad");
|
|
882
|
+
safeCall(instance, "componentDidLoad", void 0, elm);
|
|
878
883
|
}
|
|
879
884
|
endPostUpdate();
|
|
880
885
|
{
|
|
@@ -913,12 +918,12 @@ var appDidLoad = (who) => {
|
|
|
913
918
|
}
|
|
914
919
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
915
920
|
};
|
|
916
|
-
var safeCall = (instance, method, arg) => {
|
|
921
|
+
var safeCall = (instance, method, arg, elm) => {
|
|
917
922
|
if (instance && instance[method]) {
|
|
918
923
|
try {
|
|
919
924
|
return instance[method](arg);
|
|
920
925
|
} catch (e) {
|
|
921
|
-
consoleError(e);
|
|
926
|
+
consoleError(e, elm);
|
|
922
927
|
}
|
|
923
928
|
}
|
|
924
929
|
return void 0;
|
|
@@ -1079,9 +1084,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1079
1084
|
let Cstr;
|
|
1080
1085
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
1081
1086
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
const CstrImport = loadModule(cmpMeta);
|
|
1087
|
+
{
|
|
1088
|
+
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
1085
1089
|
if (CstrImport && "then" in CstrImport) {
|
|
1086
1090
|
const endLoad = uniqueTime();
|
|
1087
1091
|
Cstr = await CstrImport;
|
|
@@ -1103,16 +1107,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1103
1107
|
try {
|
|
1104
1108
|
new Cstr(hostRef);
|
|
1105
1109
|
} catch (e) {
|
|
1106
|
-
consoleError(e);
|
|
1110
|
+
consoleError(e, elm);
|
|
1107
1111
|
}
|
|
1108
1112
|
{
|
|
1109
1113
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
1110
1114
|
}
|
|
1111
1115
|
endNewInstance();
|
|
1112
|
-
} else {
|
|
1113
|
-
Cstr = elm.constructor;
|
|
1114
|
-
const cmpTag = elm.localName;
|
|
1115
|
-
customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
|
|
1116
1116
|
}
|
|
1117
1117
|
if (Cstr && Cstr.style) {
|
|
1118
1118
|
let style;
|
|
@@ -1135,7 +1135,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1135
1135
|
schedule();
|
|
1136
1136
|
}
|
|
1137
1137
|
};
|
|
1138
|
-
var fireConnectedCallback = (instance) => {
|
|
1138
|
+
var fireConnectedCallback = (instance, elm) => {
|
|
1139
1139
|
};
|
|
1140
1140
|
|
|
1141
1141
|
// src/runtime/connected-callback.ts
|
|
@@ -1175,7 +1175,7 @@ var connectedCallback = (elm) => {
|
|
|
1175
1175
|
endConnected();
|
|
1176
1176
|
}
|
|
1177
1177
|
};
|
|
1178
|
-
var disconnectInstance = (instance) => {
|
|
1178
|
+
var disconnectInstance = (instance, elm) => {
|
|
1179
1179
|
};
|
|
1180
1180
|
var disconnectedCallback = async (elm) => {
|
|
1181
1181
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2b82ea2a.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2b82ea2a.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
|
-
Stencil Client Patch Browser v4.
|
|
9
|
+
Stencil Client Patch Browser v4.25.0 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
var patchBrowser = () => {
|
|
12
12
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-autos-wc.cjs.js', document.baseURI).href));
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2b82ea2a.js');
|
|
6
6
|
|
|
7
7
|
const KEY = 'proto-autos';
|
|
8
8
|
const DATA = 'data';
|
|
@@ -797,7 +797,7 @@ const actions = {
|
|
|
797
797
|
};
|
|
798
798
|
|
|
799
799
|
// WARNING: generated file...
|
|
800
|
-
const TW_VERSION = '
|
|
800
|
+
const TW_VERSION = '4.0.0';
|
|
801
801
|
|
|
802
802
|
const tw = (...classes) => {
|
|
803
803
|
return classes.filter(Boolean).join(' ');
|
|
@@ -918,7 +918,7 @@ const ToolBar = _props => {
|
|
|
918
918
|
: 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
|
|
919
919
|
};
|
|
920
920
|
|
|
921
|
-
const protoAutosCss = "
|
|
921
|
+
const protoAutosCss = "/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .m-6 {\n margin: calc(var(--spacing) * 6);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-1\\.5 {\n margin-right: calc(var(--spacing) * 1.5);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .content-center {\n align-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .self-center {\n align-self: center;\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-tl-md {\n border-top-left-radius: var(--radius-md);\n }\n .rounded-tl-none {\n border-top-left-radius: 0;\n }\n .rounded-tr-md {\n border-top-right-radius: var(--radius-md);\n }\n .rounded-tr-none {\n border-top-right-radius: 0;\n }\n .rounded-br-md {\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-br-none {\n border-bottom-right-radius: 0;\n }\n .rounded-bl-md {\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-bl-none {\n border-bottom-left-radius: 0;\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-clrs-navy {\n border-color: var(--clrs-navy, #001f3f);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-green-600 {\n border-color: var(--color-green-600);\n }\n .border-yellow-600 {\n border-color: var(--color-yellow-600);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-yellow {\n background-color: var(--clrs-yellow, #ffdc00);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-green-200 {\n background-color: var(--color-green-200);\n }\n .bg-yellow-300 {\n background-color: var(--color-yellow-300);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-25 {\n opacity: 25%;\n }\n .opacity-75 {\n opacity: 75%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .hover\\:text-clrs-red {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-red, #ff4136);\n }\n }\n }\n .md\\:w-auto {\n @media (width >= 48rem) {\n width: auto;\n }\n }\n}\n@layer components {\n .ds1-main {\n margin: calc(var(--spacing) * 6);\n display: flex;\n flex-direction: column;\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n.ikon {\n height: 96px;\n width: 96px;\n}\n@media (min-width: 500px) {\n .ikon {\n height: 144px;\n width: 144px;\n }\n}\n@media (min-width: 700px) {\n .ikon {\n height: 192px;\n width: 192px;\n }\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: '*';\n inherits: false;\n}\n@property --tw-brightness {\n syntax: '*';\n inherits: false;\n}\n@property --tw-contrast {\n syntax: '*';\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: '*';\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: '*';\n inherits: false;\n}\n@property --tw-invert {\n syntax: '*';\n inherits: false;\n}\n@property --tw-opacity {\n syntax: '*';\n inherits: false;\n}\n@property --tw-saturate {\n syntax: '*';\n inherits: false;\n}\n@property --tw-sepia {\n syntax: '*';\n inherits: false;\n}\n";
|
|
922
922
|
const ProtoAutosStyle0 = protoAutosCss;
|
|
923
923
|
|
|
924
924
|
const ProtoAutos = class {
|