@shoper/phoenix_design_system 0.7.1 → 0.7.2

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js

@@ -0,0 +1,93 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { DEFAULT_THROTTLE_WAIT_TIME, DEFAULT_SCROLL_THROTTLE_WAIT_TIME, OVERFLOW_SCROLL, OVERFLOW_AUTO, NON_STATIC_POSITIONS } from './relative_position_controller_constants.js';
+import { PositionCalculator } from './relative_position_calculator.js';
+import lodash from '../../../../../external/lodash/lodash.js';
+
+var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
+class RelativePositionController {
+    constructor({ host, container, direction, relativeElement, elementToPosition }) {
+        _RelativePositionController_host.set(this, void 0);
+        _RelativePositionController_container.set(this, void 0);
+        _RelativePositionController_nearestNonStaticElementFromElementToPosition.set(this, void 0);
+        _RelativePositionController_direction.set(this, void 0);
+        _RelativePositionController_nearestScrollableElement.set(this, void 0);
+        _RelativePositionController_relativeElement.set(this, void 0);
+        _RelativePositionController_elementToPosition.set(this, void 0);
+        _RelativePositionController_throttledReposition.set(this, lodash.throttle(() => {
+            this.position();
+        }, DEFAULT_THROTTLE_WAIT_TIME));
+        _RelativePositionController_throttledRepositionForScroll.set(this, lodash.throttle(() => {
+            this.position();
+        }, DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
+        __classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_direction, direction, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_relativeElement, relativeElement, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
+        __classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _RelativePositionController_host, "f").addEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        if (!__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f"))
+            return;
+        if (!__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f")) {
+            __classPrivateFieldSet(this, _RelativePositionController_nearestScrollableElement, this._findNearestScrollableElement(__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f")), "f");
+        }
+        __classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").addEventListener('scroll', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    hostDisconnected() {
+        __classPrivateFieldGet(this, _RelativePositionController_host, "f").removeEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        if (__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f"))
+            __classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").removeEventListener('scroll', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    position() {
+        if (!__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f") || !__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
+            return;
+        __classPrivateFieldSet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, this._findContainer(__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
+        if (!__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
+            __classPrivateFieldSet(this, _RelativePositionController_container, __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"), "f");
+        const position = new PositionCalculator({
+            direction: __classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
+            relativeElementRect: __classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect(),
+            positionElementRect: __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect(),
+            nearestNonStaticElementFromElementToPositionRect: __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
+            container: __classPrivateFieldGet(this, _RelativePositionController_container, "f")
+        }).calculatePosition();
+        this._setElementPosition(position);
+    }
+    _findNearestScrollableElement(element) {
+        const overflowArray = ['overflow', 'overflowY', 'overflowX'];
+        return this._findParentBasedOnStyle(element, overflowArray, (overflowArray) => overflowArray.includes(OVERFLOW_SCROLL) || overflowArray.includes(OVERFLOW_AUTO));
+    }
+    _findContainer(element) {
+        return this._findParentBasedOnStyle(element, ['position'], ([position]) => NON_STATIC_POSITIONS.includes(position));
+    }
+    _findParentBasedOnStyle(element, styles, callback) {
+        const parent = element.parentElement;
+        if (!parent)
+            return document.body;
+        const parentStyles = styles.reduce((styles, currentStyle) => {
+            return [...styles, window.getComputedStyle(parent)[currentStyle]];
+        }, []);
+        if (callback(parentStyles) || parent === document.body)
+            return parent;
+        return this._findParentBasedOnStyle(parent, styles, callback);
+    }
+    _setElementPosition(position) {
+        if (!__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
+            return;
+        const { style: elementStyle } = __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f");
+        if (elementStyle.position !== 'absolute')
+            elementStyle.position = 'absolute';
+        if (elementStyle.top !== '0')
+            elementStyle.top = '0';
+        if (elementStyle.left !== '0')
+            elementStyle.left = '0';
+        __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.transform = `translate3d(${position.left}px, ${position.top}px, 0)`;
+    }
+}
+_RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
+
+export { RelativePositionController };
+//# sourceMappingURL=relative_position_controller.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA,mBAAmB,0CAA8C;AACjE;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;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/controllers/relative_position_controller/relative_position_controller_constants.d.ts

@@ -0,0 +1,26 @@
+export declare const DIRECTIONS: {
+    readonly bottomLeft: "bottom-left";
+    readonly bottomRight: "bottom-right";
+    readonly bottomCenter: "bottom-center";
+    readonly topLeft: "top-left";
+    readonly topRight: "top-right";
+    readonly topCenter: "top-center";
+    readonly rightTop: "right-top";
+    readonly rightCenter: "right-center";
+    readonly rightBottom: "right-bottom";
+    readonly leftTop: "left-top";
+    readonly leftCenter: "left-center";
+    readonly leftBottom: "left-bottom";
+};
+export declare const CALCULATOR_DIRECTIONS: {
+    readonly bottom: "bottom";
+    readonly top: "top";
+    readonly left: "left";
+    readonly right: "right";
+    readonly center: "center";
+};
+export declare const NON_STATIC_POSITIONS: string[];
+export declare const OVERFLOW_SCROLL = "scroll";
+export declare const OVERFLOW_AUTO = "auto";
+export declare const DEFAULT_THROTTLE_WAIT_TIME = 300;
+export declare const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js

@@ -0,0 +1,29 @@
+const DIRECTIONS = {
+    bottomLeft: 'bottom-left',
+    bottomRight: 'bottom-right',
+    bottomCenter: 'bottom-center',
+    topLeft: 'top-left',
+    topRight: 'top-right',
+    topCenter: 'top-center',
+    rightTop: 'right-top',
+    rightCenter: 'right-center',
+    rightBottom: 'right-bottom',
+    leftTop: 'left-top',
+    leftCenter: 'left-center',
+    leftBottom: 'left-bottom'
+};
+const CALCULATOR_DIRECTIONS = {
+    bottom: 'bottom',
+    top: 'top',
+    left: 'left',
+    right: 'right',
+    center: 'center'
+};
+const NON_STATIC_POSITIONS = ['relative', 'absolute', 'fixed', 'sticky'];
+const OVERFLOW_SCROLL = 'scroll';
+const OVERFLOW_AUTO = 'auto';
+const DEFAULT_THROTTLE_WAIT_TIME = 300;
+const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
+
+export { CALCULATOR_DIRECTIONS, DEFAULT_SCROLL_THROTTLE_WAIT_TIME, DEFAULT_THROTTLE_WAIT_TIME, DIRECTIONS, NON_STATIC_POSITIONS, OVERFLOW_AUTO, OVERFLOW_SCROLL };
+//# sourceMappingURL=relative_position_controller_constants.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map

@@ -0,0 +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;"}

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts

@@ -0,0 +1,27 @@
+import { CALCULATOR_DIRECTIONS, DIRECTIONS } from "./relative_position_controller_constants";
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { Any } from 'ts-toolbelt';
+export declare type TDirection = Any.Keys<typeof DIRECTIONS>;
+export declare type TSideDirection = Any.Keys<Pick<typeof CALCULATOR_DIRECTIONS, 'left' | 'right' | 'top' | 'bottom'>>;
+export declare type TAlignmentDirection = Any.Keys<typeof CALCULATOR_DIRECTIONS>;
+export declare type TRelativePositionControllerConstructorOptions = {
+    host: ReactiveControllerHost & HTMLElement;
+    direction: TDirection;
+    container?: HTMLElement;
+    relativeElement: HTMLElement;
+    elementToPosition: HTMLElement;
+};
+export interface IRelativePositionController extends ReactiveController {
+    position(): void;
+}
+export declare type TRelativePositionControllerPositionData = {
+    left: number;
+    top: number;
+};
+export declare type TRelativePositionCalculatorConstructorOptions = {
+    direction: TDirection;
+    relativeElementRect: DOMRect;
+    positionElementRect: DOMRect;
+    nearestNonStaticElementFromElementToPositionRect: DOMRect;
+    container?: HTMLElement;
+};

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js

@@ -0,0 +1,4 @@
+import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
+import 'lit';
+import 'ts-toolbelt';
+//# sourceMappingURL=relative_position_controller_types.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative_position_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_controller_types.ts"],"names":[],"mappings":"AAAA,OAAkD,8FAA8F,CAAC;AACjJ,OAA2D,KAAK,CAAC;AAEjE,OAAoB,aAAa,CAAC"}

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller.d.ts

@@ -0,0 +1,8 @@
+import { IToggleElementAriaController, TToggleElementAriaControllerProps } from './toggle_element_aria_controller_types';
+export declare class ToggleElementAriaController implements IToggleElementAriaController {
+    #private;
+    private _initialAriaExpandedValue;
+    constructor({ host, initialAriaExpandedValue }: TToggleElementAriaControllerProps);
+    hostConnected(): void;
+    toggleAriaExpandedAttribute(): void;
+}

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller.js

@@ -0,0 +1,21 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
+
+var _ToggleElementAriaController_host;
+class ToggleElementAriaController {
+    constructor({ host, initialAriaExpandedValue }) {
+        _ToggleElementAriaController_host.set(this, void 0);
+        this._initialAriaExpandedValue = initialAriaExpandedValue;
+        __classPrivateFieldSet(this, _ToggleElementAriaController_host, host, "f");
+        __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").addController(this);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").setAttribute('aria-expanded', this._initialAriaExpandedValue ? 'true' : 'false');
+    }
+    toggleAriaExpandedAttribute() {
+        __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").setAttribute('aria-expanded', __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").getAttribute('aria-expanded') === 'true' ? 'false' : 'true');
+    }
+}
+_ToggleElementAriaController_host = new WeakMap();
+
+export { ToggleElementAriaController };
+//# sourceMappingURL=toggle_element_aria_controller.js.map

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller_types.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveController } from 'lit';
+import { TWebComponentsContextControllerHost } from "../../core/context/context_controller_types";
+export interface IToggleElementAriaController extends ReactiveController {
+    toggleAriaExpandedAttribute: (newAriaExpandedValue: boolean) => void;
+}
+export declare type TToggleElementAriaControllerProps = {
+    host: TWebComponentsContextControllerHost;
+    initialAriaExpandedValue: boolean;
+};

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller_types.js

@@ -0,0 +1,3 @@
+import 'lit';
+import '@phoenixRoot/core/context/context_controller_types';
+//# sourceMappingURL=toggle_element_aria_controller_types.js.map

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle_element_aria_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/toggle_element_aria_controller/toggle_element_aria_controller_types.ts"],"names":[],"mappings":"AAAA,OAAmC,KAAK,CAAC;AACzC,OAAoD,oDAAoD,CAAC"}

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

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

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

@@ -0,0 +1,29 @@
+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,
+            composed: 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/core/context/context_consumer_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;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/core/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/core/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/core/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/core/context/context_controller_types.d.ts

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

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

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

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

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

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

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

package/build/esm/packages/phoenix/src/core/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/core/context/context_provider_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;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/core/decorators/phoenix_custom_element.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Allow for custom element classes with private constructors
+ */
+import { ClassDescriptor, IPhoenixWebComponentClass } from "../../global_types";
+declare type CustomElementClass = Omit<typeof HTMLElement, 'new'> & IPhoenixWebComponentClass;
+/**
+ * Class decorator factory that defines the decorated class as a custom element.
+ *
+ * ```js
+ * @phoenixCustomElement('my-element')
+ * class MyElement extends LitElement {
+ *   render() {
+ *     return html``;
+ *   }
+ * }
+ * ```
+ * @category Decorator
+ * @param tagName The tag name of the custom element to define.
+ */
+export declare const phoenixCustomElement: (tagName: string) => (classOrDescriptor: CustomElementClass | ClassDescriptor) => any;
+export {};

package/build/esm/packages/phoenix/src/core/decorators/phoenix_custom_element.js

@@ -0,0 +1,54 @@
+/**
+ * Allow for custom element classes with private constructors
+ */
+const legacyCustomElement = (tagName, clazz) => {
+    // Cast as any because TS doesn't recognize the return type as being a
+    // subtype of the decorated class when clazz is typed as
+    // `Constructor<HTMLElement>` for some reason.
+    // `Constructor<HTMLElement>` is helpful to make sure the decorator is
+    // applied to elements however.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    defineComponent(tagName, clazz);
+    clazz.__componentName__ = tagName;
+    return clazz;
+};
+const standardCustomElement = (tagName, descriptor) => {
+    const { kind, elements } = descriptor;
+    return {
+        kind,
+        elements,
+        // This callback is called once the class is otherwise fully defined
+        finisher(clazz) {
+            clazz.__componentName__ = tagName;
+            defineComponent(tagName, clazz);
+        }
+    };
+};
+/**
+ * Class decorator factory that defines the decorated class as a custom element.
+ *
+ * ```js
+ * @phoenixCustomElement('my-element')
+ * class MyElement extends LitElement {
+ *   render() {
+ *     return html``;
+ *   }
+ * }
+ * ```
+ * @category Decorator
+ * @param tagName The tag name of the custom element to define.
+ */
+const phoenixCustomElement = (tagName) => (classOrDescriptor) => typeof classOrDescriptor === 'function'
+    ? legacyCustomElement(tagName, classOrDescriptor)
+    : standardCustomElement(tagName, classOrDescriptor);
+const defineComponent = (tagName, componentClass) => {
+    const isCustomElementAlreadyDefined = customElements.get(tagName);
+    if (!isCustomElementAlreadyDefined)
+        window.customElements.define(tagName, componentClass);
+    if (isCustomElementAlreadyDefined && window.__debug_mode__) {
+        console.warn(`Custom element ${tagName} is already defined.`);
+    }
+};
+
+export { phoenixCustomElement };
+//# sourceMappingURL=phoenix_custom_element.js.map

package/build/esm/packages/phoenix/src/core/decorators/phoenix_custom_element.js.map

@@ -0,0 +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;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/core/phoenix_light_lit_element.d.ts

@@ -0,0 +1,8 @@
+import { LitElement, TemplateResult, nothing, PropertyValues } from 'lit';
+export declare class PhoenixLightLitElement extends LitElement {
+    _slots: Record<string, TemplateResult[]>;
+    firstUpdated(props: PropertyValues): void;
+    private _assignSlots;
+    getSlot(name: string): TemplateResult[] | typeof nothing;
+    createRenderRoot(): PhoenixLightLitElement;
+}

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.js

@@ -0,0 +1,44 @@
+import { __decorate, __metadata } from '../../../../external/tslib/tslib.es6.js';
+import { LitElement, html, nothing } from 'lit';
+import { DEFAULT_SLOT_NAME } from './phoenix_light_lit_elements_constants.js';
+import { state } from 'lit/decorators';
+
+class PhoenixLightLitElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._slots = {};
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this._slots = this._assignSlots();
+        this.requestUpdate();
+    }
+    _assignSlots() {
+        return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
+            var _a;
+            const slotName = $el.slot || DEFAULT_SLOT_NAME;
+            acc[slotName] = acc[slotName] || [];
+            acc[slotName].push(html `${$el}`);
+            (_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
+            $el.removeAttribute('slot');
+            return acc;
+        }, this._slots);
+    }
+    getSlot(name) {
+        try {
+            return this._slots[name];
+        }
+        catch (_a) { }
+        return nothing;
+    }
+    createRenderRoot() {
+        return this;
+    }
+}
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], PhoenixLightLitElement.prototype, "_slots", void 0);
+
+export { PhoenixLightLitElement };
+//# sourceMappingURL=phoenix_light_lit_element.js.map

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,yCAA6C;AACpF;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/core/phoenix_light_lit_elements_constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_SLOT_NAME = "default";

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js

@@ -0,0 +1,4 @@
+const DEFAULT_SLOT_NAME = 'default';
+
+export { DEFAULT_SLOT_NAME };
+//# sourceMappingURL=phoenix_light_lit_elements_constants.js.map

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js.map

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

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

@@ -0,0 +1,25 @@
+export declare type Constructor<T> = {
+    new (...args: any[]): T;
+};
+export interface ClassDescriptor {
+    kind: 'class';
+    elements: ClassElement[];
+    finisher?: <T>(clazz: Constructor<T>) => void | Constructor<T>;
+}
+export interface ClassElement {
+    kind: 'field' | 'method';
+    key: PropertyKey;
+    placement: 'static' | 'prototype' | 'own';
+    initializer?: Function;
+    extras?: ClassElement[];
+    finisher?: <T>(clazz: Constructor<T>) => void | Constructor<T>;
+    descriptor?: PropertyDescriptor;
+}
+export interface IPhoenixWebComponentClass {
+    __componentName__?: string;
+}
+declare global {
+    interface Window {
+        __debug_mode__?: boolean;
+    }
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=global_types.js.map

package/build/esm/packages/phoenix/src/global_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global_types.js","sourceRoot":"","sources":["../../../../../src/global_types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class HelloButton extends LitElement {
+    static moduleName: string;
+    static styles: import("lit").CSSResult;
+    greeting: string;
+    planet: string;
+    render(): import("lit-html").TemplateResult<1>;
+    togglePlanet(): void;
+}

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

@@ -0,0 +1,50 @@
+import { __decorate, __metadata } from '../../../external/tslib/tslib.es6.js';
+import { LitElement, html, css } from 'lit';
+import { state } from 'lit/decorators';
+import { phoenixCustomElement } from './core/decorators/phoenix_custom_element.js';
+
+let HelloButton = class HelloButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.greeting = 'Hello';
+        this.planet = 'World';
+    }
+    render() {
+        super.render();
+        return html `
+            <span @click="${this.togglePlanet}"
+                >${this.greeting}
+                <span class="planet">${this.planet}</span>
+                <slot></slot>
+            </span>
+        `;
+    }
+    togglePlanet() {
+        this.planet = this.planet === 'World' ? 'Mars' : 'World';
+    }
+};
+HelloButton.moduleName = 'my-element';
+HelloButton.styles = css `
+        :host {
+            display: inline-block;
+            padding: 10px;
+            background: lightgray;
+        }
+        .planet {
+            color: var(--planet-color, blue);
+        }
+    `;
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HelloButton.prototype, "greeting", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HelloButton.prototype, "planet", void 0);
+HelloButton = __decorate([
+    phoenixCustomElement('hello-button')
+], HelloButton);
+
+export { HelloButton };
+//# sourceMappingURL=hello_button.js.map

package/build/esm/packages/phoenix/src/hello_button.js.map

@@ -0,0 +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;"}