@siemens/ix 0.0.0-pr-2212-20251017115125 → 0.0.0-pr-2198-20251023082407

package/hydrate/index.js

@@ -30668,15 +30668,59 @@ class Textarea {
         this.isInfo = false;
         this.isWarning = false;
         this.isInvalidByRequired = false;
-        this.textAreaRef = makeRef();
+        this.textAreaRef = makeRef(() => {
+            this.initResizeObserver();
+        });
         this.touched = false;
+        this.isManuallyResized = false;
+        this.isProgrammaticResize = false;
     }
     updateClassMappings(result) {
         mapValidationResult(this, result);
     }
+    onDimensionPropsChange() {
+        this.isManuallyResized = false;
+        this.manualHeight = undefined;
+        this.manualWidth = undefined;
+        this.isProgrammaticResize = true;
+    }
+    onResizeBehaviorChange() {
+        this.initResizeObserver();
+    }
     componentWillLoad() {
         this.updateFormInternalValue(this.value);
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    initResizeObserver() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        const textarea = this.textAreaRef.current;
+        if (!textarea)
+            return;
+        if (this.resizeBehavior === 'none')
+            return;
+        let isInitialResize = true;
+        this.resizeObserver = new ResizeObserver(() => {
+            const textarea = this.textAreaRef.current;
+            if (!textarea)
+                return;
+            if (isInitialResize) {
+                isInitialResize = false;
+                return;
+            }
+            if (this.isProgrammaticResize) {
+                this.isProgrammaticResize = false;
+                return;
+            }
+            this.isManuallyResized = true;
+            this.manualHeight = textarea.style.height;
+            this.manualWidth = textarea.style.width;
+        });
+        this.resizeObserver.observe(textarea);
+    }
     updateFormInternalValue(value) {
         this.formInternals.setFormValue(value);
         this.value = value;
@@ -30710,16 +30754,21 @@ class Textarea {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2bd17a0b362db1a3b47a40a335e9dad0aacf60b2', class: {
+        return (hAsync(Host, { key: '03eb959f2c582fb1dddef9c4af3775ff27d4c391', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '63f6f38a83f3ac585be94fcbae2f0a1f07a3594a', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'edec746b0b0f15b01a42f827d8ed77d5b2ff3fbb', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'bd53188011be0df0567500f6f4f85757210a5df3', class: "input-wrapper" }, hAsync(TextareaElement, { key: '2b38f2d805863b6f85630f2192a6c1dcd5238e5a', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '66ec862af71b352b89418708782d0a73bd54e49f', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'c75441f683c072a52d5d51481bc87e7ea00c42ff', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'c49e36dd468cc9e4b83887891316436359b750b6', class: "input-wrapper" }, hAsync(TextareaElement, { key: '9c051f207d06a4943540ed2c4f6d8b8be8ab1358', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "textareaHeight": ["onDimensionPropsChange"],
+        "textareaWidth": ["onDimensionPropsChange"],
+        "resizeBehavior": ["onResizeBehaviorChange"]
+    }; }
     static get style() { return textareaCss; }
     static get cmpMeta() { return {
         "$flags$": 329,

package/hydrate/index.mjs

@@ -30666,15 +30666,59 @@ class Textarea {
         this.isInfo = false;
         this.isWarning = false;
         this.isInvalidByRequired = false;
-        this.textAreaRef = makeRef();
+        this.textAreaRef = makeRef(() => {
+            this.initResizeObserver();
+        });
         this.touched = false;
+        this.isManuallyResized = false;
+        this.isProgrammaticResize = false;
     }
     updateClassMappings(result) {
         mapValidationResult(this, result);
     }
+    onDimensionPropsChange() {
+        this.isManuallyResized = false;
+        this.manualHeight = undefined;
+        this.manualWidth = undefined;
+        this.isProgrammaticResize = true;
+    }
+    onResizeBehaviorChange() {
+        this.initResizeObserver();
+    }
     componentWillLoad() {
         this.updateFormInternalValue(this.value);
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    initResizeObserver() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        const textarea = this.textAreaRef.current;
+        if (!textarea)
+            return;
+        if (this.resizeBehavior === 'none')
+            return;
+        let isInitialResize = true;
+        this.resizeObserver = new ResizeObserver(() => {
+            const textarea = this.textAreaRef.current;
+            if (!textarea)
+                return;
+            if (isInitialResize) {
+                isInitialResize = false;
+                return;
+            }
+            if (this.isProgrammaticResize) {
+                this.isProgrammaticResize = false;
+                return;
+            }
+            this.isManuallyResized = true;
+            this.manualHeight = textarea.style.height;
+            this.manualWidth = textarea.style.width;
+        });
+        this.resizeObserver.observe(textarea);
+    }
     updateFormInternalValue(value) {
         this.formInternals.setFormValue(value);
         this.value = value;
@@ -30708,16 +30752,21 @@ class Textarea {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2bd17a0b362db1a3b47a40a335e9dad0aacf60b2', class: {
+        return (hAsync(Host, { key: '03eb959f2c582fb1dddef9c4af3775ff27d4c391', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '63f6f38a83f3ac585be94fcbae2f0a1f07a3594a', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'edec746b0b0f15b01a42f827d8ed77d5b2ff3fbb', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'bd53188011be0df0567500f6f4f85757210a5df3', class: "input-wrapper" }, hAsync(TextareaElement, { key: '2b38f2d805863b6f85630f2192a6c1dcd5238e5a', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '66ec862af71b352b89418708782d0a73bd54e49f', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'c75441f683c072a52d5d51481bc87e7ea00c42ff', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'c49e36dd468cc9e4b83887891316436359b750b6', class: "input-wrapper" }, hAsync(TextareaElement, { key: '9c051f207d06a4943540ed2c4f6d8b8be8ab1358', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "textareaHeight": ["onDimensionPropsChange"],
+        "textareaWidth": ["onDimensionPropsChange"],
+        "resizeBehavior": ["onResizeBehaviorChange"]
+    }; }
     static get style() { return textareaCss; }
     static get cmpMeta() { return {
         "$flags$": 329,

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "0.0.0-pr-2212-20251017115125",
+  "version": "0.0.0-pr-2198-20251023082407",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "type": "module",

package/dist/siemens-ix/p-cd11dfa8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","HookValidationLifecycle","makeRef","mapValidationResult","TextareaElement","onInputBlur","textareaCss","__decorate","undefined","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","Textarea","constructor","hostRef","this","valueChange","validityStateChange","ixBlur","$hostElement$","formInternals","attachInternals","value","required","disabled","readonly","resizeBehavior","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","textAreaRef","touched","updateClassMappings","result","componentWillLoad","updateFormInternalValue","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","_a","class","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","maxLength","slot","textColor","minLength","textareaCols","textareaRows","textareaHeight","textareaWidth","placeholder","emit","onBlur","current","formAssociated","hostElement","prototype","style"],"sources":["0"],"mappings":"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","ignoreList":[]}