@shoper/phoenix_design_system 0.0.1 → 0.1.0

package/build/esm/external/tslib/tslib.es6.js

@@ -22,7 +22,20 @@ function __decorate(decorators, target, key, desc) {
 
 function __metadata(metadataKey, metadataValue) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 }
 
-export { __decorate, __metadata };
+export { __classPrivateFieldGet, __classPrivateFieldSet, __decorate, __metadata };
 //# sourceMappingURL=tslib.es6.js.map

package/build/esm/external/tslib/tslib.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/context/context_consumer_controller.d.ts

@@ -0,0 +1,8 @@
+import { ReactiveController } from 'lit';
+import { TWebComponentsContextControllerHost } from "./context_controller_types";
+export declare class ContextConsumerController<TKey extends string, TValue> implements ReactiveController {
+    #private;
+    constructor(host: TWebComponentsContextControllerHost);
+    consume(key: TKey): TValue;
+    hostConnected(): void;
+}

package/build/esm/packages/phoenix/src/context/context_consumer_controller.js

@@ -0,0 +1,28 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { WEB_COMPONENT_CONTEXT_EVENTS } from './context_consumer_messages_names.js';
+
+var _ContextConsumerController_host;
+class ContextConsumerController {
+    constructor(host) {
+        _ContextConsumerController_host.set(this, void 0);
+        __classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
+        __classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
+    }
+    consume(key) {
+        const consumeEvent = new CustomEvent(WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
+            bubbles: true,
+            cancelable: true,
+            detail: { key }
+        });
+        __classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
+        return consumeEvent.detail[key];
+    }
+    // Added to fix typescript error
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    hostConnected() { }
+}
+_ContextConsumerController_host = new WeakMap();
+
+export { ContextConsumerController };
+//# sourceMappingURL=context_consumer_controller.js.map

package/build/esm/packages/phoenix/src/context/context_consumer_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,yCAA6C;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/context/context_consumer_messages_names.d.ts

@@ -0,0 +1,3 @@
+export declare const WEB_COMPONENT_CONTEXT_EVENTS: {
+    readonly valueRequested: "value-requested";
+};

package/build/esm/packages/phoenix/src/context/context_consumer_messages_names.js

@@ -0,0 +1,6 @@
+const WEB_COMPONENT_CONTEXT_EVENTS = {
+    valueRequested: 'value-requested'
+};
+
+export { WEB_COMPONENT_CONTEXT_EVENTS };
+//# sourceMappingURL=context_consumer_messages_names.js.map

package/build/esm/packages/phoenix/src/context/context_consumer_messages_names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/context/context_controller_types.d.ts

@@ -0,0 +1,5 @@
+import { ReactiveControllerHost } from 'lit';
+export declare type TWebComponentsContextControllerHost = ReactiveControllerHost & Element;
+export declare type TConsumerEventDetails<TKey, TValue> = {
+    [key: string]: TValue | TKey;
+};

package/build/esm/packages/phoenix/src/context/context_controller_types.js

@@ -0,0 +1,2 @@
+import 'lit';
+//# sourceMappingURL=context_controller_types.js.map

package/build/esm/packages/phoenix/src/context/context_controller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context_controller_types.js","sourceRoot":"","sources":["../../../../../../src/context/context_controller_types.ts"],"names":[],"mappings":"AAAA,OAAuC,KAAK,CAAC"}

package/build/esm/packages/phoenix/src/context/context_provider_controller.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveController } from 'lit';
+import { TWebComponentsContextControllerHost } from "./context_controller_types";
+export declare class ContextProviderController<TKey extends string, TValue> implements ReactiveController {
+    #private;
+    constructor(host: TWebComponentsContextControllerHost);
+    provide(key: TKey, value: TValue): void;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/build/esm/packages/phoenix/src/context/context_provider_controller.js

@@ -0,0 +1,35 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { WEB_COMPONENT_CONTEXT_EVENTS } from './context_consumer_messages_names.js';
+import { ValuesContainer } from '../../../star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js';
+
+var _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
+class ContextProviderController {
+    constructor(host) {
+        _ContextProviderController_host.set(this, void 0);
+        _ContextProviderController_contextValues.set(this, new ValuesContainer());
+        _ContextProviderController_handleRequestedValue.set(this, (event) => {
+            const customEvent = event;
+            const valueKey = customEvent.detail.key;
+            if (!__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").has(valueKey))
+                return;
+            customEvent.detail[valueKey] = __classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").get(valueKey);
+            event.stopPropagation();
+        });
+        __classPrivateFieldSet(this, _ContextProviderController_host, host, "f");
+        __classPrivateFieldGet(this, _ContextProviderController_host, "f").addController(this);
+    }
+    provide(key, value) {
+        __classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").add(key, value);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _ContextProviderController_host, "f").addEventListener(WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, __classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));
+    }
+    hostDisconnected() {
+        __classPrivateFieldGet(this, _ContextProviderController_host, "f").removeEventListener(WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, __classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));
+    }
+}
+_ContextProviderController_host = new WeakMap(), _ContextProviderController_contextValues = new WeakMap(), _ContextProviderController_handleRequestedValue = new WeakMap();
+
+export { ContextProviderController };
+//# sourceMappingURL=context_provider_controller.js.map

package/build/esm/packages/phoenix/src/context/context_provider_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,yCAA6C;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/{storefront → phoenix}/src/hello_button.js

@@ -5,18 +5,8 @@ import { state, customElement } from 'lit/decorators';
 let HelloButton = class HelloButton extends LitElement {
     constructor() {
         super(...arguments);
-        Object.defineProperty(this, "greeting", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'Hello'
-        });
-        Object.defineProperty(this, "planet", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'World'
-        });
+        this.greeting = 'Hello';
+        this.planet = 'World';
     }
     render() {
         super.render();
@@ -32,17 +22,8 @@ let HelloButton = class HelloButton extends LitElement {
         this.planet = this.planet === 'World' ? 'Mars' : 'World';
     }
 };
-Object.defineProperty(HelloButton, "moduleName", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: 'my-element'
-});
-Object.defineProperty(HelloButton, "styles", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: css `
+HelloButton.moduleName = 'my-element';
+HelloButton.styles = css `
         :host {
             display: inline-block;
             padding: 10px;
@@ -51,8 +32,7 @@ Object.defineProperty(HelloButton, "styles", {
         .planet {
             color: var(--planet-color, blue);
         }
-    `
-});
+    `;
 __decorate([
     state(),
     __metadata("design:type", Object)

package/build/esm/packages/{storefront → phoenix}/src/hello_button.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,sCAA0C;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,sCAA0C;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -0,0 +1,3 @@
+export { HelloButton } from './hello_button';
+export { ContextProviderController } from "./context/context_provider_controller";
+export { ContextConsumerController } from "./context/context_consumer_controller";

package/build/esm/packages/phoenix/src/index.js

@@ -0,0 +1,4 @@
+export { HelloButton } from './hello_button.js';
+export { ContextProviderController } from './context/context_provider_controller.js';
+export { ContextConsumerController } from './context/context_consumer_controller.js';
+//# sourceMappingURL=index.js.map

package/build/esm/packages/{storefront → phoenix}/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/star_core/build/esm/external/tslib/tslib.es6.js

@@ -0,0 +1,30 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+export { __classPrivateFieldGet, __classPrivateFieldSet };
+//# sourceMappingURL=tslib.es6.js.map

package/build/{cjs → esm/packages/star_core/build/esm}/external/tslib/tslib.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js

@@ -0,0 +1,62 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
+import { ValuesContainerError } from './values_container_error.js';
+
+var _ValuesContainer_valuesContainer, _ValuesContainer_settings;
+class ValuesContainer {
+    constructor(settings = {}) {
+        _ValuesContainer_valuesContainer.set(this, {});
+        _ValuesContainer_settings.set(this, {
+            silentMode: true,
+            allowOverwrite: false
+        });
+        __classPrivateFieldSet(this, _ValuesContainer_settings, {
+            ...__classPrivateFieldGet(this, _ValuesContainer_settings, "f"),
+            ...settings
+        }, "f");
+    }
+    add(key, value) {
+        if (this.has(key) && !__classPrivateFieldGet(this, _ValuesContainer_settings, "f").allowOverwrite)
+            this._handleError(new ValuesContainerError(`value under key [${key}] already exists`));
+        __classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f")[key] = value;
+    }
+    update(key, value) {
+        if (!this.has(key))
+            this._handleError(new ValuesContainerError(`value under key [${key}] doesn't exist`));
+        __classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f")[key] = value;
+    }
+    remove(key) {
+        if (!this.has(key))
+            this._handleError(new ValuesContainerError(`${key} doesn't exist, cannot be removed`));
+        delete __classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f")[key];
+    }
+    has(key) {
+        return this.get(key) !== undefined;
+    }
+    get(key) {
+        return __classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f")[key];
+    }
+    keys() {
+        return Object.keys(__classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f"));
+    }
+    values() {
+        return Object.values(__classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f"));
+    }
+    entries() {
+        return Object.entries(__classPrivateFieldGet(this, _ValuesContainer_valuesContainer, "f"));
+    }
+    clear() {
+        __classPrivateFieldSet(this, _ValuesContainer_valuesContainer, {}, "f");
+    }
+    size() {
+        return this.keys().length;
+    }
+    _handleError(error) {
+        if (__classPrivateFieldGet(this, _ValuesContainer_settings, "f").silentMode)
+            return;
+        throw error;
+    }
+}
+_ValuesContainer_valuesContainer = new WeakMap(), _ValuesContainer_settings = new WeakMap();
+
+export { ValuesContainer };
+//# sourceMappingURL=values_container.js.map

package/build/{cjs/packages/storefront/src/hello_button.js.map → esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,sCAA0C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js

@@ -0,0 +1,7 @@
+import { AppError } from '../../core/errors/app_error.js';
+
+class ValuesContainerError extends AppError {
+}
+
+export { ValuesContainerError };
+//# sourceMappingURL=values_container_error.js.map

package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js

@@ -0,0 +1,16 @@
+import { __classPrivateFieldSet } from '../../../../../external/tslib/tslib.es6.js';
+
+var _AppError_message, _AppError_options;
+class AppError extends Error {
+    constructor(message, options = {}) {
+        super(message);
+        _AppError_message.set(this, void 0);
+        _AppError_options.set(this, void 0);
+        __classPrivateFieldSet(this, _AppError_message, message, "f");
+        __classPrivateFieldSet(this, _AppError_options, options, "f");
+    }
+}
+_AppError_message = new WeakMap(), _AppError_options = new WeakMap();
+
+export { AppError };
+//# sourceMappingURL=app_error.js.map

package/build/{cjs/packages/storefront/src/index.js.map → esm/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,15 +2,14 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
   "source": "src/index.ts",
-  "main": "build/cjs/packages/storefront/src/index.js",
-  "module": "build/esm/packages/storefront/src/index.js",
-  "jsnext:main": "build/esm/packages/storefront/src/index.js",
-  "types": "build/esm/packages/storefront/src/index.d.ts",
+  "module": "build/esm/packages/phoenix/src/index.js",
+  "jsnext:main": "build/esm/packages/phoenix/src/index.js",
+  "types": "build/esm/packages/phoenix/src/index.d.ts",
   "files": [
     "build"
   ],
@@ -20,10 +19,15 @@
   },
   "scripts": {
     "storybook": "start-storybook --no-open --port 6007",
-    "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js"
+    "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
+    "watch": "rollup --config rollup.config.js --watch",
+    "tests:unit": "jest --no-cache --max-workers=50% -c .config/jest/jest.config.js",
+    "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
   },
   "devDependencies": {
-    "@storybook/web-components": "6.5.6",
+    "@shoper/jest_config": "^0.0.0",
+    "@shoper/tsconfig": "^0.0.0",
+    "@storybook/web-components": "6.5.7",
     "lit": "2.2.5"
   },
   "browserslist": [

package/build/cjs/external/tslib/tslib.es6.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-exports.__decorate = __decorate;
-exports.__metadata = __metadata;
-//# sourceMappingURL=tslib.es6.js.map

package/build/cjs/packages/storefront/src/hello_button.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-
-exports.HelloButton = class HelloButton extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "greeting", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'Hello'
-        });
-        Object.defineProperty(this, "planet", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'World'
-        });
-    }
-    render() {
-        super.render();
-        return lit.html `
-            <span @click="${this.togglePlanet}"
-                >${this.greeting}
-                <span class="planet">${this.planet}</span>
-                <slot></slot>
-            </span>
-        `;
-    }
-    togglePlanet() {
-        this.planet = this.planet === 'World' ? 'Mars' : 'World';
-    }
-};
-Object.defineProperty(exports.HelloButton, "moduleName", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: 'my-element'
-});
-Object.defineProperty(exports.HelloButton, "styles", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: lit.css `
-        :host {
-            display: inline-block;
-            padding: 10px;
-            background: lightgray;
-        }
-        .planet {
-            color: var(--planet-color, blue);
-        }
-    `
-});
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HelloButton.prototype, "greeting", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HelloButton.prototype, "planet", void 0);
-exports.HelloButton = tslib_es6.__decorate([
-    decorators.customElement('hello-button')
-], exports.HelloButton);
-//# sourceMappingURL=hello_button.js.map

package/build/cjs/packages/storefront/src/index.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var hello_button = require('./hello_button.js');
-
-
-
-Object.defineProperty(exports, 'HelloButton', {
-	enumerable: true,
-	get: function () {
-		return hello_button.HelloButton;
-	}
-});
-//# sourceMappingURL=index.js.map

package/build/esm/packages/storefront/src/index.d.ts

@@ -1 +0,0 @@
-export { HelloButton } from './hello_button';

package/build/esm/packages/storefront/src/index.js

@@ -1,2 +0,0 @@
-export { HelloButton } from './hello_button.js';
-//# sourceMappingURL=index.js.map