@shoper/phoenix_design_system 0.10.0 → 0.11.0-1

package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js

@@ -1,118 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var context_provider_controller = require('../../core/context/context_provider_controller.js');
-var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var accordion_constants = require('./accordion_constants.js');
-var observer = require('../../core/observer/observer.js');
-var observable = require('../../core/observer/observable.js');
-
-exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.opened = false;
-        this._isDisabled = false;
-        this._regionId = self.crypto.randomUUID();
-        this._controlsId = self.crypto.randomUUID();
-        this._accordionToggle = () => {
-            this.toggle();
-        };
-        this._accordionGroupPropsSubject = new observable.Subject();
-        this._accordionGroupContext = new context_provider_controller.ContextProviderController(this);
-        this._accordionGroupContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._accordionContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-        this._subscribeObserver();
-        this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-    }
-    _subscribeObserver() {
-        this._accordionProps = this._accordionContextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionProps);
-        this._accordionPropsObserver = new observer.Observer((accordionProps) => {
-            const hasAccordionBeenDisabled = accordionProps.disabled;
-            if (hasAccordionBeenDisabled) {
-                this.disable();
-                return;
-            }
-            const hasAccordionBeenEnabled = accordionProps.disabled === false;
-            if (hasAccordionBeenEnabled) {
-                this.enable();
-                return;
-            }
-        });
-        this._accordionProps.subscribe(this._accordionPropsObserver);
-    }
-    disconnectedCallback() {
-        this._accordionProps.unsubscribe(this._accordionPropsObserver);
-        this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-    }
-    show() {
-        this.opened = true;
-    }
-    hide() {
-        this.opened = false;
-    }
-    toggle() {
-        this.opened = !this.opened;
-    }
-    enable() {
-        if (this._isDisabled) {
-            this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-            this.hide();
-            this._isDisabled = false;
-        }
-    }
-    disable() {
-        if (!this._isDisabled) {
-            this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-            this.show();
-            this._isDisabled = true;
-        }
-    }
-    notify() {
-        this._accordionGroupPropsSubject.notify(this._getProps());
-    }
-    updated(_changedProperties) {
-        if (_changedProperties.has('opened') ||
-            _changedProperties.has('_isDisabled') ||
-            _changedProperties.has('_regionId') ||
-            _changedProperties.has('_controlsId')) {
-            this.notify();
-        }
-    }
-    _getProps() {
-        return {
-            opened: this.opened,
-            disabled: this._isDisabled,
-            regionId: this._regionId,
-            controlsId: this._controlsId
-        };
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, reflect: true }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HAccordionGroup.prototype, "opened", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HAccordionGroup.prototype, "_isDisabled", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HAccordionGroup.prototype, "_regionId", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HAccordionGroup.prototype, "_controlsId", void 0);
-exports.HAccordionGroup = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-accordion-group'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HAccordionGroup);
-//# sourceMappingURL=accordion_group.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var accordion_constants = require('./accordion_constants.js');
-var observer = require('../../core/observer/observer.js');
-var btn_controller = require('../../controllers/btn_controller.js');
-
-exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._emitTogglerClicked = () => {
-            const togglerClickedEvent = new CustomEvent(accordion_constants.ACCORDION_EVENTS.toggle, {
-                bubbles: true
-            });
-            this.dispatchEvent(togglerClickedEvent);
-        };
-        this._btnController = new btn_controller.BtnController(this, this._emitTogglerClicked);
-        this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._accordionGroupProps = this._contextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
-        this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
-        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-        this.addEventListener('click', this._emitTogglerClicked);
-    }
-    _setAttributes({ regionId, opened, controlsId, disabled }) {
-        this.setAttribute('id', regionId);
-        this.setAttribute('aria-expanded', opened ? 'true' : 'false');
-        this.setAttribute('aria-controls', controlsId);
-        this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
-    }
-    disconnectedCallback() {
-        this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
-    }
-};
-exports.HAccordionToggler = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-accordion-toggler'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HAccordionToggler);
-//# sourceMappingURL=accordion_toggler.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/form_controls/control.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var form_controls_constatns = require('./form_controls_constatns.js');
-
-exports.HControl = class HControl extends phoenix_light_lit_element.PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(form_controls_constatns.FORM_CONTROLS_CSS_CLASSES.control);
-    }
-};
-exports.HControl = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-control')
-], exports.HControl);
-//# sourceMappingURL=control.js.map

package/build/cjs/packages/phoenix/src/components/form_controls/control.js.map

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

package/build/cjs/packages/phoenix/src/components/form_controls/control_additional_content.js.map

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

package/build/cjs/packages/phoenix/src/components/form_controls/control_content.js.map

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

package/build/cjs/packages/phoenix/src/components/form_controls/control_element.js.map

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

package/build/cjs/packages/phoenix/src/components/form_controls/control_label.js.map

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

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('lit');
-var transition_controller_constants = require('./transition_controller_constants.js');
-
-class TransitionController {
-    constructor(host, transitionName) {
-        (this.host = host).addController(this);
-        this._transitionName = transitionName;
-    }
-    hostConnected() {
-        this._transitionDuration = parseFloat(getComputedStyle(this.host).transitionDuration) * 1000;
-    }
-    hostDisconnected() { }
-    show(callback) {
-        this.host.hidden = false;
-        this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
-        requestAnimationFrame(() => {
-            this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
-            if (typeof callback === 'function')
-                callback();
-        });
-    }
-    hide(callback) {
-        requestAnimationFrame(() => {
-            if (typeof callback === 'function')
-                callback();
-            this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
-            this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
-            setTimeout(() => {
-                this.host.hidden = true;
-            }, this._transitionDuration);
-        });
-    }
-}
-
-exports.TransitionController = TransitionController;
-//# sourceMappingURL=transition_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller_constants.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const TRANSITION_CSS_CLASSES = {
-    transitionStart: 'transition-start',
-    transitionEnd: 'transition-end'
-};
-
-exports.TRANSITION_CSS_CLASSES = TRANSITION_CSS_CLASSES;
-//# sourceMappingURL=transition_controller_constants.js.map

package/build/cjs/packages/phoenix/src/core/observer/observable.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class Subject {
-    constructor() {
-        this._observers = new Set();
-    }
-    get size() {
-        return this._observers.size;
-    }
-    subscribe(observer) {
-        this._observers.add(observer);
-    }
-    unsubscribe(observer) {
-        this._observers.delete(observer);
-    }
-    notify(data) {
-        this._observers.forEach((observer) => observer.update(data));
-    }
-}
-
-exports.Subject = Subject;
-//# sourceMappingURL=observable.js.map

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

@@ -1,52 +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');
-var phoenix_custom_element = require('./core/decorators/phoenix_custom_element.js');
-
-exports.HelloButton = class HelloButton extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this.greeting = 'Hello';
-        this.planet = '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';
-    }
-};
-exports.HelloButton.moduleName = 'my-element';
-exports.HelloButton.styles = 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([
-    phoenix_custom_element.phoenixCustomElement('hello-button')
-], exports.HelloButton);
-//# sourceMappingURL=hello_button.js.map

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

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

package/build/esm/packages/phoenix/src/components/form_controls/control.js.map

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

package/build/esm/packages/phoenix/src/components/form_controls/control_additional_content.d.ts

@@ -1,6 +0,0 @@
-import type { TControlAdditionalContentType } from "./form_controls_types";
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
-export declare class HControlAdditionalContent extends PhoenixLightLitElement {
-    type: TControlAdditionalContentType;
-    connectedCallback(): void;
-}

package/build/esm/packages/phoenix/src/components/form_controls/control_content.d.ts

@@ -1,6 +0,0 @@
-import type { TControlContentSize } from "./form_controls_types";
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
-export declare class HControlContent extends PhoenixLightLitElement {
-    size: TControlContentSize;
-    connectedCallback(): void;
-}

package/build/esm/packages/phoenix/src/components/form_controls/control_element.js.map

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

package/build/esm/packages/phoenix/src/components/form_controls/control_errors.js

@@ -1,15 +0,0 @@
-import { __decorate } from "tslib";
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element';
-import { FORM_CONTROLS_CSS_CLASSES } from '@phoenixRoot/components/form_controls/form_controls_constatns';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-let HControlErrors = class HControlErrors extends PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(FORM_CONTROLS_CSS_CLASSES.controlErrors);
-    }
-};
-HControlErrors = __decorate([
-    phoenixCustomElement('h-control-errors')
-], HControlErrors);
-export { HControlErrors };
-//# sourceMappingURL=control_errors.js.map

package/build/esm/packages/phoenix/src/components/form_controls/control_errors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"control_errors.js","sourceRoot":"","sources":["../../../../../../../src/components/form_controls/control_errors.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAG3F,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAC/C,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAChE,CAAC;CACJ,CAAA;AANY,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;GAC5B,cAAc,CAM1B;SANY,cAAc"}

package/build/esm/packages/phoenix/src/components/form_controls/control_label.js.map

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

package/build/esm/packages/phoenix/src/components/form_controls/form_controls_types.d.ts

@@ -1,4 +0,0 @@
-import { Any } from 'ts-toolbelt';
-import { CONTROL_ADDITIONAL_CONTENT_TYPES, CONTROL_CONTENT_SIZES } from "./form_controls_constatns";
-export declare type TControlAdditionalContentType = Any.Keys<typeof CONTROL_ADDITIONAL_CONTENT_TYPES>;
-export declare type TControlContentSize = Any.Keys<typeof CONTROL_CONTENT_SIZES>;

package/build/esm/packages/phoenix/src/components/form_controls/form_controls_types.js

@@ -1,3 +0,0 @@
-import 'ts-toolbelt';
-import '@phoenixRoot/components/form_controls/form_controls_constatns';
-//# sourceMappingURL=form_controls_types.js.map

package/build/esm/packages/phoenix/src/components/form_controls/form_controls_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form_controls_types.js","sourceRoot":"","sources":["../../../../../../../src/components/form_controls/form_controls_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAwE,+DAA+D,CAAC"}

package/build/esm/packages/phoenix/src/core/observer/observable.d.ts

@@ -1,9 +0,0 @@
-import { ISubject } from './observer_types';
-import { Observer } from './observer';
-export declare class Subject<T> implements ISubject<T> {
-    private _observers;
-    get size(): number;
-    subscribe(observer: Observer<T>): void;
-    unsubscribe(observer: Observer<T>): void;
-    notify(data: T): void;
-}

package/build/esm/packages/phoenix/src/core/observer/observable.js

@@ -1,20 +0,0 @@
-class Subject {
-    constructor() {
-        this._observers = new Set();
-    }
-    get size() {
-        return this._observers.size;
-    }
-    subscribe(observer) {
-        this._observers.add(observer);
-    }
-    unsubscribe(observer) {
-        this._observers.delete(observer);
-    }
-    notify(data) {
-        this._observers.forEach((observer) => observer.update(data));
-    }
-}
-
-export { Subject };
-//# sourceMappingURL=observable.js.map

package/build/esm/packages/phoenix/src/core/observer/observer_types.js.map

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

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

@@ -1,9 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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