@shoper/phoenix_design_system 0.10.0 → 0.11.0-1

package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var context_provider_controller = require('../../../../core/context/context_provider_controller.js');
+var control_props_sync_controller_constants = require('./control_props_sync_controller_constants.js');
+var subject = require('../../../../core/classes/subject/subject.js');
+
+var _ControlPropsSyncProviderController_host, _ControlPropsSyncProviderController_controlPropsProvider, _ControlPropsSyncProviderController_propsObservable, _ControlPropsSyncProviderController_propsToSync;
+class ControlPropsSyncProviderController {
+    constructor({ host, propsToSync = Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS) }) {
+        _ControlPropsSyncProviderController_host.set(this, void 0);
+        _ControlPropsSyncProviderController_controlPropsProvider.set(this, void 0);
+        _ControlPropsSyncProviderController_propsObservable.set(this, new subject.Subject());
+        _ControlPropsSyncProviderController_propsToSync.set(this, void 0);
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncProviderController_host, host, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f").addController(this);
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncProviderController_controlPropsProvider, new context_provider_controller.ContextProviderController(tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")), "f");
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncProviderController_propsToSync, propsToSync, "f");
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_controlPropsProvider, "f").provide(control_props_sync_controller_constants.FORM_CONTROL_CONTEXTS.baseProps, tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsObservable, "f"));
+    }
+    hostUpdated() {
+        const controlPropsWithValuesToSync = tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsToSync, "f").reduce((acc, propsName) => {
+            return {
+                ...acc,
+                [propsName]: tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")[propsName]
+            };
+        }, {});
+        tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsObservable, "f").notify(controlPropsWithValuesToSync);
+    }
+}
+_ControlPropsSyncProviderController_host = new WeakMap(), _ControlPropsSyncProviderController_controlPropsProvider = new WeakMap(), _ControlPropsSyncProviderController_propsObservable = new WeakMap(), _ControlPropsSyncProviderController_propsToSync = new WeakMap();
+
+exports.ControlPropsSyncProviderController = ControlPropsSyncProviderController;
+//# sourceMappingURL=control_props_sync_provider_controller.js.map

package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/input.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.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 input_constants = require('./input_constants.js');
+var index = require('../../../../external/classnames/index.js');
+var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
+
+exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.withButton = false;
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.error = false;
+        new control_props_sync_provider_controller.ControlPropsSyncProviderController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.input);
+        const cssClasses = index['default']({
+            [input_constants.INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
+            [input_constants.INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
+        }, input_constants.INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInput.prototype, "size", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInput.prototype, "withButton", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInput.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInput.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInput.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInput.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInput.prototype, "error", void 0);
+exports.HInput = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-input'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HInput);
+//# sourceMappingURL=input.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;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;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const baseInputControlClass = 'input';
+const INPUT_CONTROL_SIZES = {
+    large: 'large',
+    small: 'small'
+};
+const INPUT_CONTROL_TYPES = {
+    text: 'text',
+    radio: 'radio',
+    checkbox: 'checkbox',
+    number: 'number',
+    range: 'range',
+    textarea: 'textarea',
+    select: 'select',
+    multiSelect: 'multiSelect',
+    hidden: 'hidden',
+    email: 'email',
+    tel: 'tel',
+    password: 'password'
+};
+const INPUT_CONTROL_CSS_CLASSES = {
+    input: baseInputControlClass,
+    inputIcon: `${baseInputControlClass}__icon`,
+    inputUnit: `${baseInputControlClass}__unit`,
+    inputControl: `${baseInputControlClass}__control`,
+    inputDisabled: `${baseInputControlClass}_disabled`,
+    inputError: `${baseInputControlClass}_error`,
+    [INPUT_CONTROL_SIZES.small]: `${baseInputControlClass}_s`,
+    [INPUT_CONTROL_SIZES.large]: `${baseInputControlClass}_l`
+};
+const INPUT_CONTROL_EVENTS = {
+    change: 'change',
+    input: 'input'
+};
+
+exports.INPUT_CONTROL_CSS_CLASSES = INPUT_CONTROL_CSS_CLASSES;
+exports.INPUT_CONTROL_EVENTS = INPUT_CONTROL_EVENTS;
+exports.INPUT_CONTROL_SIZES = INPUT_CONTROL_SIZES;
+exports.INPUT_CONTROL_TYPES = INPUT_CONTROL_TYPES;
+//# sourceMappingURL=input_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_control.js

@@ -0,0 +1,92 @@
+'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_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var input_constants = require('./input_constants.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
+
+exports.HInputControl = class HInputControl extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.type = input_constants.INPUT_CONTROL_TYPES.text;
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this._handleChangeEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.change, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        this._handleInputEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.input, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    render() {
+        super.render();
+        return lit.html `
+            <input
+                id="${this.id}"
+                name="${this.name}"
+                type="${this.type}"
+                value="${this.value}"
+                class="${input_constants.INPUT_CONTROL_CSS_CLASSES.inputControl}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                @change="${this._handleChangeEvent}"
+                @input="${this._handleInputEvent}"
+            />
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInputControl.prototype, "type", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInputControl.prototype, "id", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInputControl.prototype, "name", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInputControl.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInputControl.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInputControl.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HInputControl.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInputControl.prototype, "value", void 0);
+exports.HInputControl = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-input-control'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HInputControl);
+//# sourceMappingURL=input_control.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/input_icon.js

@@ -0,0 +1,35 @@
+'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_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var input_constants = require('./input_constants.js');
+
+var HInputIcon_1;
+exports.HInputIcon = HInputIcon_1 = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon);
+    }
+    render() {
+        super.render();
+        return lit.html `
+            <svg class='${input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon}'>
+                <use xlink:href='${HInputIcon_1.src}${this.iconName}'
+                </use>
+            </svg>
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInputIcon.prototype, "iconName", void 0);
+exports.HInputIcon = HInputIcon_1 = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-input-icon')
+], exports.HInputIcon);
+//# sourceMappingURL=input_icon.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;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/input/input_unit.js

@@ -0,0 +1,19 @@
+'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 input_constants = require('./input_constants.js');
+
+exports.HInputUnit = class HInputUnit extends phoenix_light_lit_element.PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputUnit);
+    }
+};
+exports.HInputUnit = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-input-unit')
+], exports.HInputUnit);
+//# sourceMappingURL=input_unit.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_unit.js.map

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

package/build/cjs/packages/phoenix/src/components/form/label/label_constants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const LABEL_CSS_CLASSES = {
+    label: 'label'
+};
+
+exports.LABEL_CSS_CLASSES = LABEL_CSS_CLASSES;
+//# sourceMappingURL=label_constants.js.map

package/build/cjs/packages/phoenix/src/{controllers/transition_controller/transition_controller_constants.js.map → components/form/label/label_constants.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

package/build/cjs/packages/phoenix/src/components/form/radio/radio.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.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 index = require('../../../../external/classnames/index.js');
+var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
+var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
+var checkbox_constants = require('../checkbox/checkbox_constants.js');
+var radio_constants = require('./radio_constants.js');
+
+exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
+        this.error = false;
+        new control_props_sync_provider_controller.ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), checkbox_constants.CHECKBOX_PROPS_TO_SYNC.checked]
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(radio_constants.RADIO_CONTROL_CSS_CLASSES.radio);
+        const cssClasses = index['default']({
+            [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,
+            [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly]: this.readonly,
+            [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioError]: this.error
+        });
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HRadio.prototype, "id", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HRadio.prototype, "name", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadio.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadio.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadio.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadio.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadio.prototype, "checked", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadio.prototype, "error", void 0);
+exports.HRadio = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-radio'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HRadio);
+//# sourceMappingURL=radio.js.map

package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,0CAA8C;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;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/radio/radio_constants.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const baseRadioControlClass = 'radio';
+const RADIO_CONTROL_CSS_CLASSES = {
+    radio: baseRadioControlClass,
+    radioError: `${baseRadioControlClass}_error`,
+    radioDisabled: `${baseRadioControlClass}_disabled`,
+    radioReadonly: `${baseRadioControlClass}_readonly`,
+    radioContent: `${baseRadioControlClass}__content`,
+    radioDescription: `${baseRadioControlClass}__description`,
+    radioControl: `${baseRadioControlClass}__control`,
+    radioInput: `${baseRadioControlClass}__input`,
+    radioLabel: `${baseRadioControlClass}__label`
+};
+const RADIO_SLOTS = {
+    label: 'label',
+    description: 'description'
+};
+const RADIO_CONTROL_EVENTS = {
+    change: 'change'
+};
+
+exports.RADIO_CONTROL_CSS_CLASSES = RADIO_CONTROL_CSS_CLASSES;
+exports.RADIO_CONTROL_EVENTS = RADIO_CONTROL_EVENTS;
+exports.RADIO_SLOTS = RADIO_SLOTS;
+//# sourceMappingURL=radio_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/radio/radio_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;"}

package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var lit = require('lit');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
+var label_constants = require('../label/label_constants.js');
+var radio_constants = require('./radio_constants.js');
+
+exports.HRadioContent = class HRadioContent extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(radio_constants.RADIO_CONTROL_CSS_CLASSES.radioContent);
+    }
+    render() {
+        super.render();
+        return lit.html `
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
+
+            ${this.hasSlot(radio_constants.RADIO_SLOTS.description)
+            ? lit.html ` <div class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDescription}">${this.getSlot(radio_constants.RADIO_SLOTS.description)}</div> `
+            : lit.nothing}
+        `;
+    }
+};
+exports.HRadioContent = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-radio-content'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HRadioContent);
+//# sourceMappingURL=radio_content.js.map

package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/radio/radio_control.js

@@ -0,0 +1,92 @@
+'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_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
+var radio_constants = require('./radio_constants.js');
+
+exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
+        this._handleChangeEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(radio_constants.RADIO_CONTROL_EVENTS.change, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(radio_constants.RADIO_CONTROL_CSS_CLASSES.radioControl);
+    }
+    render() {
+        super.render();
+        return lit.html `
+            <input
+                type="radio"
+                class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioInput}"
+                id="${this.id}"
+                name="${this.name}"
+                value="${this.value}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                ?checked="${this.checked}"
+                @change="${this._handleChangeEvent}"
+            />
+
+            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.id}"></label>
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HRadioControl.prototype, "id", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HRadioControl.prototype, "name", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadioControl.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadioControl.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadioControl.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadioControl.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HRadioControl.prototype, "checked", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HRadioControl.prototype, "value", void 0);
+exports.HRadioControl = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-radio-control'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HRadioControl);
+//# sourceMappingURL=radio_control.js.map

package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js.map

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