@shoper/phoenix_design_system 0.11.2 → 0.11.3-1

package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js

@@ -0,0 +1,77 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html } from 'lit';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import classnames from '../../../../external/classnames/index.js';
+import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+import { TEXTAREA_PROPS_TO_SYNC, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
+
+let HTextarea = class HTextarea extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        new ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(TEXTAREA_PROPS_TO_SYNC)]
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(TEXTAREA_CONTROL_CSS_CLASSES.textarea);
+        const cssClasses = classnames({
+            [TEXTAREA_CONTROL_CSS_CLASSES.textareaDisabled]: this.disabled,
+            [TEXTAREA_CONTROL_CSS_CLASSES.textareaError]: this.error,
+            [TEXTAREA_CONTROL_CSS_CLASSES.textareaReadonly]: this.readonly
+        });
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+    render() {
+        super.render();
+        return html ` <h-textarea-control></h-textarea-control>`;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "error", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "value", void 0);
+HTextarea = __decorate([
+    phoenixCustomElement('h-textarea'),
+    __metadata("design:paramtypes", [])
+], HTextarea);
+
+export { HTextarea };
+//# sourceMappingURL=textarea.js.map

package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/textarea/textarea_constants.d.ts

@@ -0,0 +1,17 @@
+export declare const TEXTAREA_CONTROL_CSS_CLASSES: {
+    readonly textarea: "textarea";
+    readonly textareaError: "textarea_error";
+    readonly textareaDisabled: "textarea_disabled";
+    readonly textareaReadonly: "textarea_readonly";
+    readonly textareaControl: "textarea__control";
+    readonly textareaLabel: "textarea__label";
+};
+export declare const TEXTAREA_CONTROL_EVENTS: {
+    readonly input: "input";
+};
+export declare const TEXTAREA_PROPS_TO_SYNC: {
+    readonly placeholder: "placeholder";
+};
+export declare const TEXTAREA_SLOTS: {
+    readonly value: "value";
+};

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_constants.js

@@ -0,0 +1,21 @@
+const baseTextareaControlClass = 'textarea';
+const TEXTAREA_CONTROL_CSS_CLASSES = {
+    textarea: baseTextareaControlClass,
+    textareaError: `${baseTextareaControlClass}_error`,
+    textareaDisabled: `${baseTextareaControlClass}_disabled`,
+    textareaReadonly: `${baseTextareaControlClass}_readonly`,
+    textareaControl: `${baseTextareaControlClass}__control`,
+    textareaLabel: `${baseTextareaControlClass}__label`
+};
+const TEXTAREA_CONTROL_EVENTS = {
+    input: 'input'
+};
+const TEXTAREA_PROPS_TO_SYNC = {
+    placeholder: 'placeholder'
+};
+const TEXTAREA_SLOTS = {
+    value: 'value'
+};
+
+export { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS, TEXTAREA_PROPS_TO_SYNC, TEXTAREA_SLOTS };
+//# sourceMappingURL=textarea_constants.js.map

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_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;"}

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.d.ts

@@ -0,0 +1,16 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HTextareaControl extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    value: string;
+    placeholder: string;
+    constructor();
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    private _handleInputEvent;
+}

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js

@@ -0,0 +1,82 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
+import { TEXTAREA_CONTROL_EVENTS, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
+
+let HTextareaControl = class HTextareaControl extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._handleInputEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(TEXTAREA_CONTROL_EVENTS.input, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(TEXTAREA_CONTROL_CSS_CLASSES.textareaControl);
+    }
+    render() {
+        var _a;
+        super.render();
+        return html `
+            <textarea
+                id="${l(this.controlId)}"
+                name="${l(this.controlName)}"
+                placeholder="${l(this.placeholder)}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                @input="${this._handleInputEvent}"
+            />${(_a = this.value) !== null && _a !== void 0 ? _a : nothing}</textarea>
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "value", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "placeholder", void 0);
+HTextareaControl = __decorate([
+    phoenixCustomElement('h-textarea-control'),
+    __metadata("design:paramtypes", [])
+], HTextareaControl);
+
+export { HTextareaControl };
+//# sourceMappingURL=textarea_control.js.map

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/textarea/textarea_types.d.ts

@@ -0,0 +1,12 @@
+import { HTextarea } from './textarea';
+import { HTextareaControl } from './textarea_control';
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-textarea': HTextarea;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-textarea-control': HTextareaControl;
+    }
+}

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_types.js

@@ -0,0 +1,3 @@
+import './textarea';
+import './textarea_control';
+//# sourceMappingURL=textarea_types.js.map

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/textarea/textarea_types.ts"],"names":[],"mappings":"AAAA,OAA0B,YAAY,CAAC;AACvC,OAAiC,oBAAoB,CAAC"}

package/build/esm/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js

@@ -1,18 +1,20 @@
-import '@phoenixRoot/core/classes/observer/observer';
-import { Subject } from '@phoenixRoot/core/classes/subject/subject';
-export class BehaviorSubject extends Subject {
-    constructor(initialValue) {
-        super(initialValue);
-        this._currentValue = initialValue;
-    }
-    subscribe(observer) {
-        this.observers.add(observer);
-        if (this._currentValue !== undefined)
-            observer.update(this._currentValue);
-    }
-    notify(data) {
-        this._currentValue = data;
-        this.observers.forEach((observer) => observer.update(data));
-    }
+import { Subject } from '../subject/subject.js';
+
+class BehaviorSubject extends Subject {
+    constructor(initialValue) {
+        super(initialValue);
+        this._currentValue = initialValue;
+    }
+    subscribe(observer) {
+        this.observers.add(observer);
+        if (this._currentValue !== undefined)
+            observer.update(this._currentValue);
+    }
+    notify(data) {
+        this._currentValue = data;
+        this.observers.forEach((observer) => observer.update(data));
+    }
 }
-//# sourceMappingURL=behavior_subject.js.map
+
+export { BehaviorSubject };
+//# sourceMappingURL=behavior_subject.js.map

package/build/esm/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js.map

@@ -1 +1 @@
-{"version":3,"file":"behavior_subject.js","sourceRoot":"","sources":["../../../../../../../../src/core/classes/behavior_subject/behavior_subject.ts"],"names":[],"mappings":"AAAA,OAAyB,6CAA6C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAEpE,MAAM,OAAO,eAAmB,SAAQ,OAAU;IAG9C,YAAY,YAAgB;QACxB,KAAK,CAAC,YAAY,CAAC,CAAC;QAEpB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACtC,CAAC;IAEM,SAAS,CAAC,QAAqB;QAClC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE7B,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS;YAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC9E,CAAC;IAEM,MAAM,CAAC,IAAO;QACjB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,CAAC;CACJ"}
+{"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;"}

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

@@ -40,6 +40,10 @@ export { HRadioContent } from './components/form/radio/radio_content';
 export { HRadioControl } from './components/form/radio/radio_control';
 export * from './components/form/radio/radio_types';
 export * from './components/form/radio/radio_constants';
+export { HTextarea } from './components/form/textarea/textarea';
+export { HTextareaControl } from './components/form/textarea/textarea_control';
+export * from './components/form/textarea/textarea_types';
+export * from './components/form/textarea/textarea_constants';
 export * from './components/form/label/label_constants';
 export { HAccordion } from './components/accordion/accordion';
 export { HAccordionGroup } from './components/accordion/accordion_group';

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

@@ -17,7 +17,7 @@ export { HControlContent } from './components/form/control/control_content.js';
 export { HControlElement } from './components/form/control/control_element.js';
 export { HControlLabel } from './components/form/control/control_label.js';
 export { HControlAdditionalContent } from './components/form/control/control_additional_content.js';
-export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES } from './components/form/input/input_constants.js';
+export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC } from './components/form/input/input_constants.js';
 export { HInput } from './components/form/input/input.js';
 export { HInputControl } from './components/form/input/input_control.js';
 export { HInputIcon } from './components/form/input/input_icon.js';
@@ -35,6 +35,9 @@ export { RADIO_CONTROL_CSS_CLASSES, RADIO_CONTROL_EVENTS, RADIO_SLOTS } from './
 export { HRadio } from './components/form/radio/radio.js';
 export { HRadioContent } from './components/form/radio/radio_content.js';
 export { HRadioControl } from './components/form/radio/radio_control.js';
+export { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS, TEXTAREA_PROPS_TO_SYNC, TEXTAREA_SLOTS } from './components/form/textarea/textarea_constants.js';
+export { HTextarea } from './components/form/textarea/textarea.js';
+export { HTextareaControl } from './components/form/textarea/textarea_control.js';
 export { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './components/accordion/accordion_constants.js';
 export { HAccordionContent } from './components/accordion/accordion_content.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';

package/build/esm/packages/phoenix/src/index.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;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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.11.2",
+  "version": "0.11.3-1",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",