@crowdfarming/oliva-ds 1.91.0-rc.1 → 1.92.0-rc.1

package/fesm2022/crowdfarming-oliva-ds.mjs

@@ -451,10 +451,6 @@ const designIcons = {
     'selectionall-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13 5C13 4.73478 13.1054 4.48043 13.2929 4.29289C13.4804 4.10536 13.7348 4 14 4H18C18.2652 4 18.5196 4.10536 18.7071 4.29289C18.8946 4.48043 19 4.73478 19 5C19 5.26522 18.8946 5.51957 18.7071 5.70711C18.5196 5.89464 18.2652 6 18 6H14C13.7348 6 13.4804 5.89464 13.2929 5.70711C13.1054 5.51957 13 5.26522 13 5ZM18 26H14C13.7348 26 13.4804 26.1054 13.2929 26.2929C13.1054 26.4804 13 26.7348 13 27C13 27.2652 13.1054 27.5196 13.2929 27.7071C13.4804 27.8946 13.7348 28 14 28H18C18.2652 28 18.5196 27.8946 18.7071 27.7071C18.8946 27.5196 19 27.2652 19 27C19 26.7348 18.8946 26.4804 18.7071 26.2929C18.5196 26.1054 18.2652 26 18 26ZM26 4H23C22.7348 4 22.4804 4.10536 22.2929 4.29289C22.1054 4.48043 22 4.73478 22 5C22 5.26522 22.1054 5.51957 22.2929 5.70711C22.4804 5.89464 22.7348 6 23 6H26V9C26 9.26522 26.1054 9.51957 26.2929 9.70711C26.4804 9.89464 26.7348 10 27 10C27.2652 10 27.5196 9.89464 27.7071 9.70711C27.8946 9.51957 28 9.26522 28 9V6C28 5.46957 27.7893 4.96086 27.4142 4.58579C27.0391 4.21071 26.5304 4 26 4ZM27 13C26.7348 13 26.4804 13.1054 26.2929 13.2929C26.1054 13.4804 26 13.7348 26 14V18C26 18.2652 26.1054 18.5196 26.2929 18.7071C26.4804 18.8946 26.7348 19 27 19C27.2652 19 27.5196 18.8946 27.7071 18.7071C27.8946 18.5196 28 18.2652 28 18V14C28 13.7348 27.8946 13.4804 27.7071 13.2929C27.5196 13.1054 27.2652 13 27 13ZM27 22C26.7348 22 26.4804 22.1054 26.2929 22.2929C26.1054 22.4804 26 22.7348 26 23V26H23C22.7348 26 22.4804 26.1054 22.2929 26.2929C22.1054 26.4804 22 26.7348 22 27C22 27.2652 22.1054 27.5196 22.2929 27.7071C22.4804 27.8946 22.7348 28 23 28H26C26.5304 28 27.0391 27.7893 27.4142 27.4142C27.7893 27.0391 28 26.5304 28 26V23C28 22.7348 27.8946 22.4804 27.7071 22.2929C27.5196 22.1054 27.2652 22 27 22ZM5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V14C6 13.7348 5.89464 13.4804 5.70711 13.2929C5.51957 13.1054 5.26522 13 5 13C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19ZM9 26H6V23C6 22.7348 5.89464 22.4804 5.70711 22.2929C5.51957 22.1054 5.26522 22 5 22C4.73478 22 4.48043 22.1054 4.29289 22.2929C4.10536 22.4804 4 22.7348 4 23V26C4 26.5304 4.21071 27.0391 4.58579 27.4142C4.96086 27.7893 5.46957 28 6 28H9C9.26522 28 9.51957 27.8946 9.70711 27.7071C9.89464 27.5196 10 27.2652 10 27C10 26.7348 9.89464 26.4804 9.70711 26.2929C9.51957 26.1054 9.26522 26 9 26ZM5 10C5.26522 10 5.51957 9.89464 5.70711 9.70711C5.89464 9.51957 6 9.26522 6 9V6H9C9.26522 6 9.51957 5.89464 9.70711 5.70711C9.89464 5.51957 10 5.26522 10 5C10 4.73478 9.89464 4.48043 9.70711 4.29289C9.51957 4.10536 9.26522 4 9 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10ZM22 23H10C9.73478 23 9.48043 22.8946 9.29289 22.7071C9.10536 22.5196 9 22.2652 9 22V10C9 9.73478 9.10536 9.48043 9.29289 9.29289C9.48043 9.10536 9.73478 9 10 9H22C22.2652 9 22.5196 9.10536 22.7071 9.29289C22.8946 9.48043 23 9.73478 23 10V22C23 22.2652 22.8946 22.5196 22.7071 22.7071C22.5196 22.8946 22.2652 23 22 23ZM21 11H11V21H21V11Z" fill="#1A1C1C"/>
 </svg>
-`,
-    'selectionall-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13 5C13 4.73478 13.1054 4.48043 13.2929 4.29289C13.4804 4.10536 13.7348 4 14 4H18C18.2652 4 18.5196 4.10536 18.7071 4.29289C18.8946 4.48043 19 4.73478 19 5C19 5.26522 18.8946 5.51957 18.7071 5.70711C18.5196 5.89464 18.2652 6 18 6H14C13.7348 6 13.4804 5.89464 13.2929 5.70711C13.1054 5.51957 13 5.26522 13 5ZM18 26H14C13.7348 26 13.4804 26.1054 13.2929 26.2929C13.1054 26.4804 13 26.7348 13 27C13 27.2652 13.1054 27.5196 13.2929 27.7071C13.4804 27.8946 13.7348 28 14 28H18C18.2652 28 18.5196 27.8946 18.7071 27.7071C18.8946 27.5196 19 27.2652 19 27C19 26.7348 18.8946 26.4804 18.7071 26.2929C18.5196 26.1054 18.2652 26 18 26ZM26 4H23C22.7348 4 22.4804 4.10536 22.2929 4.29289C22.1054 4.48043 22 4.73478 22 5C22 5.26522 22.1054 5.51957 22.2929 5.70711C22.4804 5.89464 22.7348 6 23 6H26V9C26 9.26522 26.1054 9.51957 26.2929 9.70711C26.4804 9.89464 26.7348 10 27 10C27.2652 10 27.5196 9.89464 27.7071 9.70711C27.8946 9.51957 28 9.26522 28 9V6C28 5.46957 27.7893 4.96086 27.4142 4.58579C27.0391 4.21071 26.5304 4 26 4ZM27 13C26.7348 13 26.4804 13.1054 26.2929 13.2929C26.1054 13.4804 26 13.7348 26 14V18C26 18.2652 26.1054 18.5196 26.2929 18.7071C26.4804 18.8946 26.7348 19 27 19C27.2652 19 27.5196 18.8946 27.7071 18.7071C27.8946 18.5196 28 18.2652 28 18V14C28 13.7348 27.8946 13.4804 27.7071 13.2929C27.5196 13.1054 27.2652 13 27 13ZM27 22C26.7348 22 26.4804 22.1054 26.2929 22.2929C26.1054 22.4804 26 22.7348 26 23V26H23C22.7348 26 22.4804 26.1054 22.2929 26.2929C22.1054 26.4804 22 26.7348 22 27C22 27.2652 22.1054 27.5196 22.2929 27.7071C22.4804 27.8946 22.7348 28 23 28H26C26.5304 28 27.0391 27.7893 27.4142 27.4142C27.7893 27.0391 28 26.5304 28 26V23C28 22.7348 27.8946 22.4804 27.7071 22.2929C27.5196 22.1054 27.2652 22 27 22ZM5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V14C6 13.7348 5.89464 13.4804 5.70711 13.2929C5.51957 13.1054 5.26522 13 5 13C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19ZM9 26H6V23C6 22.7348 5.89464 22.4804 5.70711 22.2929C5.51957 22.1054 5.26522 22 5 22C4.73478 22 4.48043 22.1054 4.29289 22.2929C4.10536 22.4804 4 22.7348 4 23V26C4 26.5304 4.21071 27.0391 4.58579 27.4142C4.96086 27.7893 5.46957 28 6 28H9C9.26522 28 9.51957 27.8946 9.70711 27.7071C9.89464 27.5196 10 27.2652 10 27C10 26.7348 9.89464 26.4804 9.70711 26.2929C9.51957 26.1054 9.26522 26 9 26ZM5 10C5.26522 10 5.51957 9.89464 5.70711 9.70711C5.89464 9.51957 6 9.26522 6 9V6H9C9.26522 6 9.51957 5.89464 9.70711 5.70711C9.89464 5.51957 10 5.26522 10 5C10 4.73478 9.89464 4.48043 9.70711 4.29289C9.51957 4.10536 9.26522 4 9 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10ZM23 22V10C23 9.73478 22.8946 9.48043 22.7071 9.29289C22.5196 9.10536 22.2652 9 22 9H10C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10V22C9 22.2652 9.10536 22.5196 9.29289 22.7071C9.48043 22.8946 9.73478 23 10 23H22C22.2652 23 22.5196 22.8946 22.7071 22.7071C22.8946 22.5196 23 22.2652 23 22Z" fill="#1A1C1C"/>
-</svg>
 `,
     'scissors-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M19.7162 14.1412C19.6419 14.0328 19.5897 13.9107 19.5626 13.7821C19.5355 13.6534 19.5341 13.5207 19.5583 13.3914C19.5826 13.2622 19.6321 13.139 19.704 13.029C19.7759 12.9189 19.8689 12.8241 19.9775 12.75L28.435 6.96249C28.654 6.82696 28.9169 6.7812 29.1689 6.83473C29.4209 6.88827 29.6425 7.03697 29.7875 7.24985C29.9326 7.46274 29.9899 7.72338 29.9475 7.97747C29.9051 8.23155 29.7663 8.45948 29.56 8.61374L21.1012 14.4012C20.9355 14.5155 20.7388 14.5766 20.5375 14.5762C20.3756 14.5756 20.2163 14.5357 20.0732 14.4599C19.9302 14.3842 19.8077 14.2748 19.7162 14.1412ZM29.825 24.7775C29.6751 24.9963 29.4445 25.1466 29.1838 25.1953C28.9231 25.2441 28.6538 25.1873 28.435 25.0375L17 17.2125L11.6862 20.8475C12.0916 21.8771 12.1035 23.0199 11.7196 24.0577C11.3356 25.0955 10.5828 25.9554 9.60487 26.4732C8.62696 26.991 7.49256 27.1303 6.41842 26.8646C5.34427 26.5988 4.4057 25.9466 3.78203 25.0326C3.15836 24.1186 2.89332 23.0068 3.03755 21.9097C3.18178 20.8126 3.72517 19.8072 4.56389 19.0854C5.40262 18.3636 6.47787 17.9762 7.5842 17.9971C8.69053 18.018 9.75037 18.4458 10.5612 19.1987L15.2287 16L10.555 12.8012C9.74686 13.5503 8.69116 13.9755 7.58946 13.9956C6.48776 14.0157 5.41726 13.6293 4.58237 12.9102C3.74749 12.191 3.20673 11.1896 3.06335 10.0971C2.91996 9.00459 3.18401 7.89754 3.80506 6.98735C4.42611 6.07717 5.36065 5.42762 6.43023 5.16275C7.4998 4.89788 8.62946 5.03624 9.6035 5.55142C10.5775 6.0666 11.3277 6.92249 11.7107 7.95566C12.0937 8.98883 12.0828 10.1269 11.68 11.1525L29.555 23.3862C29.6643 23.4597 29.758 23.554 29.8308 23.6637C29.9035 23.7735 29.9539 23.8965 29.979 24.0258C30.0041 24.155 30.0034 24.288 29.9769 24.417C29.9505 24.546 29.8989 24.6685 29.825 24.7775ZM9.99997 22.5C10.0001 21.9216 9.79966 21.3611 9.43282 20.9139C9.06598 20.4667 8.55544 20.1605 7.98818 20.0476C7.42092 19.9346 6.83205 20.0219 6.3219 20.2944C5.81175 20.567 5.41188 21.008 5.19044 21.5423C4.96901 22.0767 4.93969 22.6712 5.10749 23.2248C5.27529 23.7783 5.62983 24.2565 6.1107 24.5779C6.59156 24.8993 7.169 25.0441 7.74462 24.9875C8.32024 24.9309 8.85842 24.6764 9.26747 24.2675C9.50047 24.036 9.68519 23.7606 9.81093 23.4572C9.93667 23.1538 10.0009 22.8284 9.99997 22.5ZM9.26747 11.2662C9.61718 10.9166 9.85535 10.4712 9.95188 9.98621C10.0484 9.50124 9.99894 8.99853 9.80974 8.54168C9.62054 8.08482 9.30011 7.69432 8.88897 7.41959C8.47783 7.14485 7.99445 6.99821 7.49997 6.99821C7.00548 6.99821 6.5221 7.14485 6.11097 7.41959C5.69983 7.69432 5.3794 8.08482 5.1902 8.54168C5.001 8.99853 4.95154 9.50124 5.04806 9.98621C5.14459 10.4712 5.38276 10.9166 5.73247 11.2662C5.96333 11.5006 6.23849 11.6866 6.54192 11.8137C6.84536 11.9407 7.17102 12.0061 7.49997 12.0061C7.82892 12.0061 8.15458 11.9407 8.45801 11.8137C8.76145 11.6866 9.0366 11.5006 9.26747 11.2662Z" fill="#1A1C1C"/>
@@ -483,6 +479,10 @@ const designIcons = {
     'splitvertical-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M27 19C27 19.2652 26.8946 19.5196 26.7071 19.7071C26.5196 19.8946 26.2652 20 26 20H17V24H20C20.1979 23.9998 20.3914 24.0584 20.556 24.1683C20.7206 24.2781 20.8489 24.4344 20.9246 24.6172C21.0004 24.8 21.0202 25.0012 20.9815 25.1953C20.9429 25.3894 20.8475 25.5676 20.7075 25.7075L16.7075 29.7075C16.6146 29.8005 16.5043 29.8742 16.3829 29.9246C16.2615 29.9749 16.1314 30.0008 16 30.0008C15.8686 30.0008 15.7385 29.9749 15.6171 29.9246C15.4957 29.8742 15.3854 29.8005 15.2925 29.7075L11.2925 25.7075C11.1525 25.5676 11.0571 25.3894 11.0185 25.1953C10.9798 25.0012 10.9996 24.8 11.0754 24.6172C11.1511 24.4344 11.2794 24.2781 11.444 24.1683C11.6086 24.0584 11.8021 23.9998 12 24H15V20H6C5.73478 20 5.48043 19.8946 5.29289 19.7071C5.10536 19.5196 5 19.2652 5 19C5 18.7348 5.10536 18.4804 5.29289 18.2929C5.48043 18.1053 5.73478 18 6 18H26C26.2652 18 26.5196 18.1053 26.7071 18.2929C26.8946 18.4804 27 18.7348 27 19ZM6 14H26C26.2652 14 26.5196 13.8946 26.7071 13.7071C26.8946 13.5196 27 13.2652 27 13C27 12.7348 26.8946 12.4804 26.7071 12.2929C26.5196 12.1054 26.2652 12 26 12H17V7.99999H20C20.1979 8.00015 20.3914 7.94158 20.556 7.83171C20.7206 7.72184 20.8489 7.56561 20.9246 7.38278C21.0004 7.19996 21.0202 6.99877 20.9815 6.80469C20.9429 6.6106 20.8475 6.43235 20.7075 6.29249L16.7075 2.29249C16.6146 2.19952 16.5043 2.12576 16.3829 2.07543C16.2615 2.02511 16.1314 1.99921 16 1.99921C15.8686 1.99921 15.7385 2.02511 15.6171 2.07543C15.4957 2.12576 15.3854 2.19952 15.2925 2.29249L11.2925 6.29249C11.1525 6.43235 11.0571 6.6106 11.0185 6.80469C10.9798 6.99877 10.9996 7.19996 11.0754 7.38278C11.1511 7.56561 11.2794 7.72184 11.444 7.83171C11.6086 7.94158 11.8021 8.00015 12 7.99999H15V12H6C5.73478 12 5.48043 12.1054 5.29289 12.2929C5.10536 12.4804 5 12.7348 5 13C5 13.2652 5.10536 13.5196 5.29289 13.7071C5.48043 13.8946 5.73478 14 6 14Z" fill="#1A1C1C"/>
 </svg>
+`,
+    'square-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 6V26C28 26.5304 27.7893 27.0391 27.4142 27.4142C27.0391 27.7893 26.5304 28 26 28H6C5.46957 28 4.96086 27.7893 4.58579 27.4142C4.21071 27.0391 4 26.5304 4 26V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H26C26.5304 4 27.0391 4.21071 27.4142 4.58579C27.7893 4.96086 28 5.46957 28 6Z" fill="#1A1C1C"/>
+</svg>
 `
 };
 
@@ -4537,6 +4537,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 args: ['click']
             }] } });
 
+class InputChatComponent {
+    state = input('default');
+    loaderType = input(undefined);
+    placeholder = input('Placeholder text');
+    value = input('');
+    helperText = input('');
+    helperVariant = input('default');
+    showHelperText = input(false);
+    valueChange = output();
+    sendClicked = output();
+    stopClicked = output();
+    isDisabled = computed(() => this.state() === 'disabled');
+    isProgress = computed(() => this.loaderType() === 'normal-loader');
+    isStop = computed(() => this.loaderType() === 'ia-loader');
+    _internalValue = signal('');
+    _textareaRef = viewChild('textareaRef');
+    // Sync controlled value input → internal signal (e.g. parent clears the field after send)
+    _syncValue = effect(() => {
+        this._internalValue.set(this.value());
+    });
+    static MAX_HEIGHT = 180;
+    // Auto-resize textarea to fit content; activates scroll once max-height is exceeded
+    _resizeEffect = effect(() => {
+        this._internalValue(); // subscribe
+        const el = this._textareaRef()?.nativeElement;
+        if (!el)
+            return;
+        el.style.height = 'auto';
+        const scrollHeight = el.scrollHeight;
+        el.style.height = `${scrollHeight}px`;
+        el.classList.toggle('is-scrollable', scrollHeight > InputChatComponent.MAX_HEIGHT);
+    });
+    isFilled = computed(() => this._internalValue().trim().length > 0);
+    fieldClasses = computed(() => {
+        const classes = ['c-input-chat__field'];
+        if (this.isDisabled())
+            classes.push('c-input-chat__field--disabled');
+        return classes.join(' ');
+    });
+    actionIcon = computed(() => this.isStop() ? 'square-fill' : 'paperplanetilt-regular');
+    actionVariant = computed(() => this.isStop() ? 'secondary' : 'primary');
+    actionDisabled = computed(() => this.isDisabled() ||
+        (!this.isFilled() && !this.isProgress() && !this.isStop()));
+    onInput(event) {
+        const target = event.target;
+        this._internalValue.set(target.value);
+        this.valueChange.emit(target.value);
+    }
+    onActionClick() {
+        if (this.isStop()) {
+            this.stopClicked.emit();
+        }
+        else if (this.isFilled() && !this.isDisabled()) {
+            this.sendClicked.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: InputChatComponent, isStandalone: true, selector: "lib-input-chat", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, loaderType: { classPropertyName: "loaderType", publicName: "loaderType", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, helperVariant: { classPropertyName: "helperVariant", publicName: "helperVariant", isSignal: true, isRequired: false, transformFunction: null }, showHelperText: { classPropertyName: "showHelperText", publicName: "showHelperText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", sendClicked: "sendClicked", stopClicked: "stopClicked" }, viewQueries: [{ propertyName: "_textareaRef", first: true, predicate: ["textareaRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"c-input-chat\">\n  <div [class]=\"fieldClasses()\">\n    <textarea\n      #textareaRef\n      rows=\"1\"\n      class=\"c-input-chat__textarea\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"value()\"\n      [disabled]=\"isDisabled()\"\n      (input)=\"onInput($event)\"\n    ></textarea>\n    <div class=\"c-input-chat__action\">\n      <lib-button-icon\n        [iconName]=\"actionIcon()\"\n        [variant]=\"actionVariant()\"\n        [disabled]=\"actionDisabled()\"\n        [loading]=\"isProgress()\"\n        size=\"lg\"\n        (clicked)=\"onActionClick()\"\n      />\n    </div>\n  </div>\n  @if (showHelperText() && helperText()) {\n  <lib-helper-text\n    [text]=\"helperText()\"\n    [variant]=\"helperVariant()\"\n    [disabled]=\"isDisabled()\"\n  />\n  }\n</div>\n", styles: [":host{display:block}.c-input-chat{display:flex;flex-direction:column;gap:var(--space-component-gap-sm);width:100%}.c-input-chat__field{display:flex;align-items:flex-end;gap:var(--space-component-gap-md);padding:var(--space-component-padding-md) var(--space-component-padding-lg);border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.c-input-chat__field:hover:not(.c-input-chat__field--disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-input-chat__field:focus-within:not(.c-input-chat__field--disabled){border-width:2px;border-color:var(--color-textfield-border-active);background-color:var(--color-textfield-background-hover);padding:calc(var(--space-component-padding-md) - 1px) calc(var(--space-component-padding-lg) - 1px)}.c-input-chat__field--disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);cursor:not-allowed}.c-input-chat__textarea{flex:1;min-height:48px;max-height:180px;padding:0;resize:none;border:none;outline:none;background:transparent;box-sizing:border-box;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);overflow-y:hidden}.c-input-chat__textarea.is-scrollable{overflow-y:auto}.c-input-chat__textarea::placeholder{color:var(--color-textfield-content-placeholder)}.c-input-chat__textarea:disabled{color:var(--color-textfield-content-disabled);cursor:not-allowed}.c-input-chat__action{display:flex;align-items:center;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled", "isLoading"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-input-chat', imports: [ButtonIconComponent, HelperTextComponent], template: "<div class=\"c-input-chat\">\n  <div [class]=\"fieldClasses()\">\n    <textarea\n      #textareaRef\n      rows=\"1\"\n      class=\"c-input-chat__textarea\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"value()\"\n      [disabled]=\"isDisabled()\"\n      (input)=\"onInput($event)\"\n    ></textarea>\n    <div class=\"c-input-chat__action\">\n      <lib-button-icon\n        [iconName]=\"actionIcon()\"\n        [variant]=\"actionVariant()\"\n        [disabled]=\"actionDisabled()\"\n        [loading]=\"isProgress()\"\n        size=\"lg\"\n        (clicked)=\"onActionClick()\"\n      />\n    </div>\n  </div>\n  @if (showHelperText() && helperText()) {\n  <lib-helper-text\n    [text]=\"helperText()\"\n    [variant]=\"helperVariant()\"\n    [disabled]=\"isDisabled()\"\n  />\n  }\n</div>\n", styles: [":host{display:block}.c-input-chat{display:flex;flex-direction:column;gap:var(--space-component-gap-sm);width:100%}.c-input-chat__field{display:flex;align-items:flex-end;gap:var(--space-component-gap-md);padding:var(--space-component-padding-md) var(--space-component-padding-lg);border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.c-input-chat__field:hover:not(.c-input-chat__field--disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-input-chat__field:focus-within:not(.c-input-chat__field--disabled){border-width:2px;border-color:var(--color-textfield-border-active);background-color:var(--color-textfield-background-hover);padding:calc(var(--space-component-padding-md) - 1px) calc(var(--space-component-padding-lg) - 1px)}.c-input-chat__field--disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);cursor:not-allowed}.c-input-chat__textarea{flex:1;min-height:48px;max-height:180px;padding:0;resize:none;border:none;outline:none;background:transparent;box-sizing:border-box;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);overflow-y:hidden}.c-input-chat__textarea.is-scrollable{overflow-y:auto}.c-input-chat__textarea::placeholder{color:var(--color-textfield-content-placeholder)}.c-input-chat__textarea:disabled{color:var(--color-textfield-content-disabled);cursor:not-allowed}.c-input-chat__action{display:flex;align-items:center;flex-shrink:0}\n"] }]
+        }] });
+
 class InputDateComponent {
     label = '';
     placeholder = '';
@@ -8141,5 +8205,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AlertComponent, ArrowsComponent, AvatarComponent, BadgeComponent, BasicSidebarMenuComponent, BreadcrumbComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, DropdownActionComponent, DropdownActionTriggerDirective, DropdownSelectComponent, DropdownSelectTriggerDirective, HelperTextComponent, IconComponent, InputCounterComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkActionComponent, LinkComponent, MenuChildItemComponent, MenuItemComponent, MenuItemSectionComponent, ModalComponent, ModalService, OverlayComponent, OverlayTriggerDirective, PaginationComponent, PasswordInputComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SidebarComponent, SidebarProgrammaticComponent, SidebarProgrammaticExamplesComponent, SidebarService, SidebarWithFooterComponent, SocialLoginComponent, SpinnerComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent, TooltipDirective, TooltipPosition };
+export { AccordionComponent, AlertComponent, ArrowsComponent, AvatarComponent, BadgeComponent, BasicSidebarMenuComponent, BreadcrumbComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, DropdownActionComponent, DropdownActionTriggerDirective, DropdownSelectComponent, DropdownSelectTriggerDirective, HelperTextComponent, IconComponent, InputChatComponent, InputCounterComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkActionComponent, LinkComponent, MenuChildItemComponent, MenuItemComponent, MenuItemSectionComponent, ModalComponent, ModalService, OverlayComponent, OverlayTriggerDirective, PaginationComponent, PasswordInputComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SidebarComponent, SidebarProgrammaticComponent, SidebarProgrammaticExamplesComponent, SidebarService, SidebarWithFooterComponent, SocialLoginComponent, SpinnerComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent, TooltipDirective, TooltipPosition };
 //# sourceMappingURL=crowdfarming-oliva-ds.mjs.map