valtech-components 4.0.1034 → 4.0.1036
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/molecules/chat-composer/chat-composer.component.mjs +10 -4
- package/esm2022/lib/components/molecules/message-bubble/message-bubble.component.mjs +3 -3
- package/esm2022/lib/components/molecules/number-picker/number-picker.component.mjs +3 -3
- package/esm2022/lib/components/organisms/chat-window/chat-window.component.mjs +15 -12
- package/esm2022/lib/components/organisms/thread-panel/thread-panel.component.mjs +1 -1
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +29 -20
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/chat-window/chat-window.component.d.ts +3 -1
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -70,7 +70,7 @@ import fixWebmDuration from 'fix-webm-duration';
|
|
|
70
70
|
* Current version of valtech-components.
|
|
71
71
|
* This is automatically updated during the publish process.
|
|
72
72
|
*/
|
|
73
|
-
const VERSION = '4.0.
|
|
73
|
+
const VERSION = '4.0.1036';
|
|
74
74
|
|
|
75
75
|
function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
|
|
76
76
|
if (rule == null)
|
|
@@ -29836,7 +29836,7 @@ class NumberPickerComponent {
|
|
|
29836
29836
|
<p class="number-picker__hint">{{ props.hint }}</p>
|
|
29837
29837
|
}
|
|
29838
29838
|
</div>
|
|
29839
|
-
`, isInline: true, styles: [":host{display:block}.number-picker{--number-picker-color: var(--ion-color-primary);--number-picker-radius: 28px;--number-picker-surface: rgba(255, 255, 255, .9);--number-picker-border: rgba(var(--ion-color-primary-rgb), .12);--number-picker-shadow: 0 16px 38px rgba(35, 35, 35, .08);border:1px solid var(--number-picker-border);border-radius:var(--number-picker-radius);background:var(--number-picker-surface);color:var(--ion-color-dark, #232323);box-shadow:var(--number-picker-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.number-picker--disabled{opacity:.55;pointer-events:none}.number-picker__label{display:block;margin:0 0 10px;color:var(--ion-color-dark, #232323);font-size:1.0625rem;font-weight:800}.number-picker--wheel,.number-picker--field{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.number-picker__wheel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}.number-picker__button{width:48px;height:48px;border:1px solid rgba(var(--ion-color-primary-rgb),.16);border-radius:999px;background:#ffffffd6;color:var(--ion-color-dark, #232323);font:inherit;font-size:1.7rem;font-weight:800;line-height:
|
|
29839
|
+
`, isInline: true, styles: [":host{display:block}.number-picker{--number-picker-color: var(--ion-color-primary);--number-picker-radius: 28px;--number-picker-surface: rgba(255, 255, 255, .9);--number-picker-border: rgba(var(--ion-color-primary-rgb), .12);--number-picker-shadow: 0 16px 38px rgba(35, 35, 35, .08);border:1px solid var(--number-picker-border);border-radius:var(--number-picker-radius);background:var(--number-picker-surface);color:var(--ion-color-dark, #232323);box-shadow:var(--number-picker-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.number-picker--disabled{opacity:.55;pointer-events:none}.number-picker__label{display:block;margin:0 0 10px;color:var(--ion-color-dark, #232323);font-size:1.0625rem;font-weight:800}.number-picker--wheel,.number-picker--field{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.number-picker__wheel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}.number-picker__button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(var(--ion-color-primary-rgb),.16);border-radius:999px;background:#ffffffd6;color:var(--ion-color-dark, #232323);font:inherit;font-size:1.7rem;font-weight:800;line-height:0;box-shadow:0 8px 18px #2323230f}.number-picker__button:disabled{opacity:.38}.number-picker__wheel-values{display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;justify-items:center;gap:8px}.number-picker__wheel-values span{color:var(--ion-color-dark-shade, #1e2023);font-size:1.5rem;font-weight:800;opacity:.32}.number-picker__wheel-values strong{width:96px;height:82px;display:grid;place-items:center;border-radius:22px;background:var(--number-picker-color);color:var(--ion-color-primary-contrast, #fff);font-size:3rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 14px 26px rgba(var(--ion-color-primary-rgb),.18)}.number-picker__field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:76px;border:1.5px solid rgba(35,35,35,.12);border-radius:999px;background:#ffffffc2;overflow:hidden}.number-picker__field:focus-within{border-color:var(--number-picker-color)}.number-picker__field input{width:100%;min-width:0;border:0;outline:0;padding:0 8px 0 24px;background:transparent;color:var(--ion-color-dark, #232323);font:inherit;font-size:2.35rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.number-picker__field input::-webkit-outer-spin-button,.number-picker__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-picker__unit{padding-right:10px;color:var(--ion-color-dark-shade, #1e2023);font-size:1rem;font-weight:800;opacity:.62}.number-picker__actions{display:flex;align-items:center;gap:6px;padding-right:10px}.number-picker__actions .number-picker__button{width:42px;height:42px;font-size:1.45rem}.number-picker__hint{margin:10px 4px 0;color:var(--ion-color-dark-shade, #1e2023);font-size:.8125rem;font-weight:650;line-height:1.35;opacity:.68}.number-picker--compact{padding:10px 12px;--number-picker-radius: 20px}.number-picker--compact .number-picker__label{font-size:.875rem}.number-picker--compact .number-picker__field{min-height:52px;border-width:1px}.number-picker--compact .number-picker__field input{padding-left:14px;font-size:1.25rem}.number-picker--compact .number-picker__actions .number-picker__button{width:34px;height:34px;font-size:1.25rem}@media (max-width: 420px){.number-picker__wheel{grid-template-columns:44px minmax(0,1fr) 44px}.number-picker__button{width:44px;height:44px}.number-picker__wheel-values{grid-template-columns:1fr 84px 1fr}.number-picker__wheel-values strong{width:84px;height:76px;font-size:2.65rem}.number-picker__wheel-values span{font-size:1.25rem}.number-picker__field{min-height:70px}.number-picker__field input{padding-left:18px;font-size:2rem}.number-picker__actions .number-picker__button{width:38px;height:38px}}:host-context(.ion-palette-dark) .number-picker,:host-context(html.ion-palette-dark) .number-picker,:host-context(body.dark) .number-picker,:host-context([data-theme=dark]) .number-picker{--number-picker-surface: rgba(28, 30, 28, .78);--number-picker-border: rgba(255, 255, 255, .13);--number-picker-shadow: 0 18px 44px rgba(0, 0, 0, .26);color:#fffffff0}:host-context(.ion-palette-dark) .number-picker__label,:host-context(html.ion-palette-dark) .number-picker__label,:host-context(body.dark) .number-picker__label,:host-context([data-theme=dark]) .number-picker__label,:host-context(.ion-palette-dark) .number-picker__button,:host-context(html.ion-palette-dark) .number-picker__button,:host-context(body.dark) .number-picker__button,:host-context([data-theme=dark]) .number-picker__button,:host-context(.ion-palette-dark) .number-picker__field input,:host-context(html.ion-palette-dark) .number-picker__field input,:host-context(body.dark) .number-picker__field input,:host-context([data-theme=dark]) .number-picker__field input{color:#fffffff0}:host-context(.ion-palette-dark) .number-picker__button,:host-context(html.ion-palette-dark) .number-picker__button,:host-context(body.dark) .number-picker__button,:host-context([data-theme=dark]) .number-picker__button,:host-context(.ion-palette-dark) .number-picker__field,:host-context(html.ion-palette-dark) .number-picker__field,:host-context(body.dark) .number-picker__field,:host-context([data-theme=dark]) .number-picker__field{background:#ffffff14;border-color:#ffffff24}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
29840
29840
|
}
|
|
29841
29841
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberPickerComponent, decorators: [{
|
|
29842
29842
|
type: Component,
|
|
@@ -29927,7 +29927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
29927
29927
|
<p class="number-picker__hint">{{ props.hint }}</p>
|
|
29928
29928
|
}
|
|
29929
29929
|
</div>
|
|
29930
|
-
`, styles: [":host{display:block}.number-picker{--number-picker-color: var(--ion-color-primary);--number-picker-radius: 28px;--number-picker-surface: rgba(255, 255, 255, .9);--number-picker-border: rgba(var(--ion-color-primary-rgb), .12);--number-picker-shadow: 0 16px 38px rgba(35, 35, 35, .08);border:1px solid var(--number-picker-border);border-radius:var(--number-picker-radius);background:var(--number-picker-surface);color:var(--ion-color-dark, #232323);box-shadow:var(--number-picker-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.number-picker--disabled{opacity:.55;pointer-events:none}.number-picker__label{display:block;margin:0 0 10px;color:var(--ion-color-dark, #232323);font-size:1.0625rem;font-weight:800}.number-picker--wheel,.number-picker--field{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.number-picker__wheel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}.number-picker__button{width:48px;height:48px;border:1px solid rgba(var(--ion-color-primary-rgb),.16);border-radius:999px;background:#ffffffd6;color:var(--ion-color-dark, #232323);font:inherit;font-size:1.7rem;font-weight:800;line-height:
|
|
29930
|
+
`, styles: [":host{display:block}.number-picker{--number-picker-color: var(--ion-color-primary);--number-picker-radius: 28px;--number-picker-surface: rgba(255, 255, 255, .9);--number-picker-border: rgba(var(--ion-color-primary-rgb), .12);--number-picker-shadow: 0 16px 38px rgba(35, 35, 35, .08);border:1px solid var(--number-picker-border);border-radius:var(--number-picker-radius);background:var(--number-picker-surface);color:var(--ion-color-dark, #232323);box-shadow:var(--number-picker-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.number-picker--disabled{opacity:.55;pointer-events:none}.number-picker__label{display:block;margin:0 0 10px;color:var(--ion-color-dark, #232323);font-size:1.0625rem;font-weight:800}.number-picker--wheel,.number-picker--field{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.number-picker__wheel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}.number-picker__button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(var(--ion-color-primary-rgb),.16);border-radius:999px;background:#ffffffd6;color:var(--ion-color-dark, #232323);font:inherit;font-size:1.7rem;font-weight:800;line-height:0;box-shadow:0 8px 18px #2323230f}.number-picker__button:disabled{opacity:.38}.number-picker__wheel-values{display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;justify-items:center;gap:8px}.number-picker__wheel-values span{color:var(--ion-color-dark-shade, #1e2023);font-size:1.5rem;font-weight:800;opacity:.32}.number-picker__wheel-values strong{width:96px;height:82px;display:grid;place-items:center;border-radius:22px;background:var(--number-picker-color);color:var(--ion-color-primary-contrast, #fff);font-size:3rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 14px 26px rgba(var(--ion-color-primary-rgb),.18)}.number-picker__field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:76px;border:1.5px solid rgba(35,35,35,.12);border-radius:999px;background:#ffffffc2;overflow:hidden}.number-picker__field:focus-within{border-color:var(--number-picker-color)}.number-picker__field input{width:100%;min-width:0;border:0;outline:0;padding:0 8px 0 24px;background:transparent;color:var(--ion-color-dark, #232323);font:inherit;font-size:2.35rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.number-picker__field input::-webkit-outer-spin-button,.number-picker__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-picker__unit{padding-right:10px;color:var(--ion-color-dark-shade, #1e2023);font-size:1rem;font-weight:800;opacity:.62}.number-picker__actions{display:flex;align-items:center;gap:6px;padding-right:10px}.number-picker__actions .number-picker__button{width:42px;height:42px;font-size:1.45rem}.number-picker__hint{margin:10px 4px 0;color:var(--ion-color-dark-shade, #1e2023);font-size:.8125rem;font-weight:650;line-height:1.35;opacity:.68}.number-picker--compact{padding:10px 12px;--number-picker-radius: 20px}.number-picker--compact .number-picker__label{font-size:.875rem}.number-picker--compact .number-picker__field{min-height:52px;border-width:1px}.number-picker--compact .number-picker__field input{padding-left:14px;font-size:1.25rem}.number-picker--compact .number-picker__actions .number-picker__button{width:34px;height:34px;font-size:1.25rem}@media (max-width: 420px){.number-picker__wheel{grid-template-columns:44px minmax(0,1fr) 44px}.number-picker__button{width:44px;height:44px}.number-picker__wheel-values{grid-template-columns:1fr 84px 1fr}.number-picker__wheel-values strong{width:84px;height:76px;font-size:2.65rem}.number-picker__wheel-values span{font-size:1.25rem}.number-picker__field{min-height:70px}.number-picker__field input{padding-left:18px;font-size:2rem}.number-picker__actions .number-picker__button{width:38px;height:38px}}:host-context(.ion-palette-dark) .number-picker,:host-context(html.ion-palette-dark) .number-picker,:host-context(body.dark) .number-picker,:host-context([data-theme=dark]) .number-picker{--number-picker-surface: rgba(28, 30, 28, .78);--number-picker-border: rgba(255, 255, 255, .13);--number-picker-shadow: 0 18px 44px rgba(0, 0, 0, .26);color:#fffffff0}:host-context(.ion-palette-dark) .number-picker__label,:host-context(html.ion-palette-dark) .number-picker__label,:host-context(body.dark) .number-picker__label,:host-context([data-theme=dark]) .number-picker__label,:host-context(.ion-palette-dark) .number-picker__button,:host-context(html.ion-palette-dark) .number-picker__button,:host-context(body.dark) .number-picker__button,:host-context([data-theme=dark]) .number-picker__button,:host-context(.ion-palette-dark) .number-picker__field input,:host-context(html.ion-palette-dark) .number-picker__field input,:host-context(body.dark) .number-picker__field input,:host-context([data-theme=dark]) .number-picker__field input{color:#fffffff0}:host-context(.ion-palette-dark) .number-picker__button,:host-context(html.ion-palette-dark) .number-picker__button,:host-context(body.dark) .number-picker__button,:host-context([data-theme=dark]) .number-picker__button,:host-context(.ion-palette-dark) .number-picker__field,:host-context(html.ion-palette-dark) .number-picker__field,:host-context(body.dark) .number-picker__field,:host-context([data-theme=dark]) .number-picker__field{background:#ffffff14;border-color:#ffffff24}\n"] }]
|
|
29931
29931
|
}], propDecorators: { props: [{
|
|
29932
29932
|
type: Input,
|
|
29933
29933
|
args: [{ required: true }]
|
|
@@ -93272,7 +93272,7 @@ class MessageBubbleComponent {
|
|
|
93272
93272
|
}
|
|
93273
93273
|
</div>
|
|
93274
93274
|
</div>
|
|
93275
|
-
`, isInline: true, styles: [":host{display:block}.row{display:flex;align-items:flex-end;gap:8px;margin:
|
|
93275
|
+
`, isInline: true, styles: [":host{display:block}.row{display:flex;align-items:flex-end;gap:8px;margin:0}.row.mine{flex-direction:row-reverse}.row.tail{margin-bottom:8px}.avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--ion-color-primary);color:#fff;font-size:.6875rem;font-weight:700}.avatar.hidden{visibility:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.bubble-wrap{position:relative;max-width:min(86%,680px);display:flex;flex-direction:column}.row.mine .bubble-wrap{align-items:flex-end}.bubble{position:relative;padding:9px 12px;border-radius:18px;background:var(--val-message-background, transparent);border:1px solid var(--val-message-border, transparent);color:var(--ion-text-color, #000);font-size:.95rem;line-height:1.45;cursor:pointer;outline:none;word-break:break-word}.row:not(.mine).tail .bubble{border-bottom-left-radius:18px}.mine .bubble{background:var(--val-message-mine-background, var(--ion-color-dark, #111));border-color:var(--val-message-mine-border, var(--val-message-mine-background, var(--ion-color-dark, #111)));color:var(--val-message-mine-color, #fff)}.mine.tail .bubble{border-bottom-right-radius:18px}.bubble.deleted{background:transparent;border-style:dashed;cursor:default}.name{display:block;font-size:.75rem;font-weight:700;color:var(--ion-color-primary);margin-bottom:2px}.reply-preview{display:flex;flex-direction:column;gap:1px;padding:4px 8px;margin-bottom:4px;border-left:3px solid currentColor;border-radius:6px;background:var(--ion-color-step-100, rgba(127, 127, 127, .12));font-size:.8125rem;opacity:.85}.reply-name{font-weight:700}.reply-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.body{white-space:pre-wrap}.deleted-text{font-style:italic;opacity:.6}.attachments{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.att-image{max-width:100%;border-radius:10px;display:block;cursor:pointer}.audios{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.att-audio{width:240px;max-width:100%;height:40px}.files{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.file-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:var(--ion-color-step-100, rgba(127, 127, 127, .12));color:inherit;text-decoration:none;font-size:.8125rem}.meta{display:inline-flex;align-items:center;gap:4px;float:right;margin:2px 0 -2px 8px;font-size:.6875rem;opacity:var(--val-message-meta-opacity, 0)}.edited{font-style:italic}.status{font-size:.875rem}.status.read{color:var(--ion-color-secondary, #4fc3f7);opacity:1}.status.failed{color:var(--ion-color-danger, #eb445a);opacity:1}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.reaction{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));font-size:.75rem;cursor:pointer;color:var(--ion-text-color, #000)}.reaction.active{border-color:var(--ion-color-primary);background:var(--ion-color-primary-tint, var(--ion-color-primary));color:var(--ion-color-primary-contrast, #fff)}.reaction .count{opacity:.75}.actions{position:absolute;top:-14px;display:flex;gap:2px;padding:2px;border-radius:999px;background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));box-shadow:0 2px 8px #0000001f;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:2}.row.mine .actions{right:0}.row:not(.mine) .actions{left:0}.bubble-wrap:hover .actions,.actions.open{opacity:1;pointer-events:auto}.act{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--ion-color-dark, #92949c);cursor:pointer;font-size:1rem}.act:hover{background:var(--ion-color-step-100, rgba(127, 127, 127, .12));color:var(--ion-text-color, #000)}.act.danger:hover{color:var(--ion-color-danger, #eb445a)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
93276
93276
|
}
|
|
93277
93277
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageBubbleComponent, decorators: [{
|
|
93278
93278
|
type: Component,
|
|
@@ -93395,7 +93395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
93395
93395
|
}
|
|
93396
93396
|
</div>
|
|
93397
93397
|
</div>
|
|
93398
|
-
`, styles: [":host{display:block}.row{display:flex;align-items:flex-end;gap:8px;margin:
|
|
93398
|
+
`, styles: [":host{display:block}.row{display:flex;align-items:flex-end;gap:8px;margin:0}.row.mine{flex-direction:row-reverse}.row.tail{margin-bottom:8px}.avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--ion-color-primary);color:#fff;font-size:.6875rem;font-weight:700}.avatar.hidden{visibility:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.bubble-wrap{position:relative;max-width:min(86%,680px);display:flex;flex-direction:column}.row.mine .bubble-wrap{align-items:flex-end}.bubble{position:relative;padding:9px 12px;border-radius:18px;background:var(--val-message-background, transparent);border:1px solid var(--val-message-border, transparent);color:var(--ion-text-color, #000);font-size:.95rem;line-height:1.45;cursor:pointer;outline:none;word-break:break-word}.row:not(.mine).tail .bubble{border-bottom-left-radius:18px}.mine .bubble{background:var(--val-message-mine-background, var(--ion-color-dark, #111));border-color:var(--val-message-mine-border, var(--val-message-mine-background, var(--ion-color-dark, #111)));color:var(--val-message-mine-color, #fff)}.mine.tail .bubble{border-bottom-right-radius:18px}.bubble.deleted{background:transparent;border-style:dashed;cursor:default}.name{display:block;font-size:.75rem;font-weight:700;color:var(--ion-color-primary);margin-bottom:2px}.reply-preview{display:flex;flex-direction:column;gap:1px;padding:4px 8px;margin-bottom:4px;border-left:3px solid currentColor;border-radius:6px;background:var(--ion-color-step-100, rgba(127, 127, 127, .12));font-size:.8125rem;opacity:.85}.reply-name{font-weight:700}.reply-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.body{white-space:pre-wrap}.deleted-text{font-style:italic;opacity:.6}.attachments{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.att-image{max-width:100%;border-radius:10px;display:block;cursor:pointer}.audios{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.att-audio{width:240px;max-width:100%;height:40px}.files{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.file-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:var(--ion-color-step-100, rgba(127, 127, 127, .12));color:inherit;text-decoration:none;font-size:.8125rem}.meta{display:inline-flex;align-items:center;gap:4px;float:right;margin:2px 0 -2px 8px;font-size:.6875rem;opacity:var(--val-message-meta-opacity, 0)}.edited{font-style:italic}.status{font-size:.875rem}.status.read{color:var(--ion-color-secondary, #4fc3f7);opacity:1}.status.failed{color:var(--ion-color-danger, #eb445a);opacity:1}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.reaction{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));font-size:.75rem;cursor:pointer;color:var(--ion-text-color, #000)}.reaction.active{border-color:var(--ion-color-primary);background:var(--ion-color-primary-tint, var(--ion-color-primary));color:var(--ion-color-primary-contrast, #fff)}.reaction .count{opacity:.75}.actions{position:absolute;top:-14px;display:flex;gap:2px;padding:2px;border-radius:999px;background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));box-shadow:0 2px 8px #0000001f;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:2}.row.mine .actions{right:0}.row:not(.mine) .actions{left:0}.bubble-wrap:hover .actions,.actions.open{opacity:1;pointer-events:auto}.act{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--ion-color-dark, #92949c);cursor:pointer;font-size:1rem}.act:hover{background:var(--ion-color-step-100, rgba(127, 127, 127, .12));color:var(--ion-text-color, #000)}.act.danger:hover{color:var(--ion-color-danger, #eb445a)}\n"] }]
|
|
93399
93399
|
}], ctorParameters: () => [] });
|
|
93400
93400
|
|
|
93401
93401
|
addIcons({ sendOutline });
|
|
@@ -93570,6 +93570,7 @@ const CHAT_COMPOSER_I18N = {
|
|
|
93570
93570
|
replyingTo: 'Respondiendo a',
|
|
93571
93571
|
cancel: 'Cancelar',
|
|
93572
93572
|
remove: 'Quitar',
|
|
93573
|
+
pastedSnippet: 'texto-pegado',
|
|
93573
93574
|
},
|
|
93574
93575
|
en: {
|
|
93575
93576
|
placeholder: 'Write a message',
|
|
@@ -93582,6 +93583,7 @@ const CHAT_COMPOSER_I18N = {
|
|
|
93582
93583
|
replyingTo: 'Replying to',
|
|
93583
93584
|
cancel: 'Cancel',
|
|
93584
93585
|
remove: 'Remove',
|
|
93586
|
+
pastedSnippet: 'pasted-text',
|
|
93585
93587
|
},
|
|
93586
93588
|
};
|
|
93587
93589
|
/**
|
|
@@ -93675,7 +93677,11 @@ class ChatComposerComponent {
|
|
|
93675
93677
|
}
|
|
93676
93678
|
// Texto plano insertado en el caret (evita pegar HTML con estilos).
|
|
93677
93679
|
const text = data.getData('text/plain');
|
|
93678
|
-
if (text) {
|
|
93680
|
+
if (text && text.length > this.maxLength()) {
|
|
93681
|
+
const name = `${this.i18n.t('pastedSnippet', 'ChatComposer')}-${new Date().toISOString().replace(/[:.]/g, '-')}.txt`;
|
|
93682
|
+
this.addPending(new File([text], name, { type: 'text/plain' }));
|
|
93683
|
+
}
|
|
93684
|
+
else if (text) {
|
|
93679
93685
|
document.execCommand('insertText', false, text);
|
|
93680
93686
|
}
|
|
93681
93687
|
this.syncBody();
|
|
@@ -94078,7 +94084,7 @@ class ChatComposerComponent {
|
|
|
94078
94084
|
</div>
|
|
94079
94085
|
}
|
|
94080
94086
|
</div>
|
|
94081
|
-
`, isInline: true, styles: [":host{display:block}.composer{display:flex;flex-direction:column;gap:6px;padding:
|
|
94087
|
+
`, isInline: true, styles: [":host{display:block}.composer{display:flex;flex-direction:column;gap:6px;padding:var(--val-chat-composer-padding, 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) );background:var(--val-chat-composer-background, var(--ion-background-color, #fff))}.reply-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-left:3px solid var(--ion-color-primary);border-radius:8px;background:var(--ion-color-step-100, rgba(127, 127, 127, .1))}.reply-content{display:flex;flex-direction:column;flex:1;min-width:0;font-size:.8125rem}.reply-name{font-weight:700;color:var(--ion-color-primary)}.reply-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ion-color-dark, #92949c)}.pending-row{display:flex;gap:8px;flex-wrap:wrap;padding:2px 4px}.thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-color-step-100, rgba(127, 127, 127, .1));cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;color:var(--ion-color-dark, #92949c);font-size:1.5rem}.thumb-name{font-size:.5625rem;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ion-text-color, #000)}.thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem}.shell{display:flex;flex-direction:column;gap:6px;background:var(--val-chat-input-background, var(--ion-color-light, #f4f5f8));border:1px solid var(--val-chat-input-border, var(--ion-border-color, rgba(0, 0, 0, .08)));border-radius:var(--val-chat-input-radius, 24px);padding:10px 12px}.editable{min-height:32px;max-height:180px;overflow-y:auto;outline:none;font-size:.95rem;line-height:1.4;color:var(--ion-text-color, #000);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.editable.is-empty:before{content:attr(data-placeholder);color:var(--ion-color-dark, #92949c);pointer-events:none}.actions{display:flex;align-items:center;gap:4px}.actions-spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--ion-color-dark, #92949c);cursor:pointer;font-size:1.15rem}.icon-btn:hover{color:var(--ion-color-primary)}.icon-btn.dictate.active{color:var(--ion-color-primary);animation:dictate-pulse 1.2s ease-in-out infinite}@keyframes dictate-pulse{0%,to{opacity:1}50%{opacity:.4}}.send-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;background:var(--val-chat-send-background, var(--ion-color-dark, #111));color:var(--val-chat-send-color, #fff);cursor:pointer;font-size:1.125rem;transition:transform .1s ease}.send-btn:active{transform:scale(.92)}.icon-btn.danger{color:var(--ion-color-danger, #eb445a)}.audio-chip{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;border-radius:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-color-step-100, rgba(127, 127, 127, .1))}.audio-chip audio{flex:1;height:36px;min-width:0}.thumb-remove.inline{position:static;flex-shrink:0;background:var(--ion-color-medium, #92949c)}.rec-bar{display:flex;align-items:center;gap:10px;background:var(--ion-color-light, #f4f5f8);border:1px solid var(--ion-border-color, rgba(0, 0, 0, .08));border-radius:20px;padding:4px 8px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--ion-color-danger, #eb445a);animation:rec-pulse 1.2s ease-in-out infinite}.rec-time{font-variant-numeric:tabular-nums;font-size:.9375rem;color:var(--ion-text-color, #000)}.rec-spacer{flex:1}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
94082
94088
|
}
|
|
94083
94089
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatComposerComponent, decorators: [{
|
|
94084
94090
|
type: Component,
|
|
@@ -94199,7 +94205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
94199
94205
|
</div>
|
|
94200
94206
|
}
|
|
94201
94207
|
</div>
|
|
94202
|
-
`, styles: [":host{display:block}.composer{display:flex;flex-direction:column;gap:6px;padding:
|
|
94208
|
+
`, styles: [":host{display:block}.composer{display:flex;flex-direction:column;gap:6px;padding:var(--val-chat-composer-padding, 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) );background:var(--val-chat-composer-background, var(--ion-background-color, #fff))}.reply-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-left:3px solid var(--ion-color-primary);border-radius:8px;background:var(--ion-color-step-100, rgba(127, 127, 127, .1))}.reply-content{display:flex;flex-direction:column;flex:1;min-width:0;font-size:.8125rem}.reply-name{font-weight:700;color:var(--ion-color-primary)}.reply-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ion-color-dark, #92949c)}.pending-row{display:flex;gap:8px;flex-wrap:wrap;padding:2px 4px}.thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-color-step-100, rgba(127, 127, 127, .1));cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;color:var(--ion-color-dark, #92949c);font-size:1.5rem}.thumb-name{font-size:.5625rem;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ion-text-color, #000)}.thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem}.shell{display:flex;flex-direction:column;gap:6px;background:var(--val-chat-input-background, var(--ion-color-light, #f4f5f8));border:1px solid var(--val-chat-input-border, var(--ion-border-color, rgba(0, 0, 0, .08)));border-radius:var(--val-chat-input-radius, 24px);padding:10px 12px}.editable{min-height:32px;max-height:180px;overflow-y:auto;outline:none;font-size:.95rem;line-height:1.4;color:var(--ion-text-color, #000);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.editable.is-empty:before{content:attr(data-placeholder);color:var(--ion-color-dark, #92949c);pointer-events:none}.actions{display:flex;align-items:center;gap:4px}.actions-spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--ion-color-dark, #92949c);cursor:pointer;font-size:1.15rem}.icon-btn:hover{color:var(--ion-color-primary)}.icon-btn.dictate.active{color:var(--ion-color-primary);animation:dictate-pulse 1.2s ease-in-out infinite}@keyframes dictate-pulse{0%,to{opacity:1}50%{opacity:.4}}.send-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;background:var(--val-chat-send-background, var(--ion-color-dark, #111));color:var(--val-chat-send-color, #fff);cursor:pointer;font-size:1.125rem;transition:transform .1s ease}.send-btn:active{transform:scale(.92)}.icon-btn.danger{color:var(--ion-color-danger, #eb445a)}.audio-chip{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;border-radius:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-color-step-100, rgba(127, 127, 127, .1))}.audio-chip audio{flex:1;height:36px;min-width:0}.thumb-remove.inline{position:static;flex-shrink:0;background:var(--ion-color-medium, #92949c)}.rec-bar{display:flex;align-items:center;gap:10px;background:var(--ion-color-light, #f4f5f8);border:1px solid var(--ion-border-color, rgba(0, 0, 0, .08));border-radius:20px;padding:4px 8px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--ion-color-danger, #eb445a);animation:rec-pulse 1.2s ease-in-out infinite}.rec-time{font-variant-numeric:tabular-nums;font-size:.9375rem;color:var(--ion-text-color, #000)}.rec-spacer{flex:1}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}\n"] }]
|
|
94203
94209
|
}], ctorParameters: () => [] });
|
|
94204
94210
|
|
|
94205
94211
|
/**
|
|
@@ -94421,6 +94427,8 @@ class ChatWindowComponent {
|
|
|
94421
94427
|
this.showDictation = input(true);
|
|
94422
94428
|
/** Botón de mensaje de voz (grabar clip de audio). */
|
|
94423
94429
|
this.showVoiceMessage = input(false);
|
|
94430
|
+
/** Muestra avatares en mensajes ajenos. Desactivable para chats 1:1 o agentes. */
|
|
94431
|
+
this.showAvatars = input(true);
|
|
94424
94432
|
this.sendMessage = output();
|
|
94425
94433
|
this.loadMore = output();
|
|
94426
94434
|
this.reactionClick = output();
|
|
@@ -94465,7 +94473,7 @@ class ChatWindowComponent {
|
|
|
94465
94473
|
id: m.msgId,
|
|
94466
94474
|
msg: m,
|
|
94467
94475
|
showName: firstInGroup && !m.isMine,
|
|
94468
|
-
showAvatar: lastInGroup && !m.isMine,
|
|
94476
|
+
showAvatar: this.showAvatars() && lastInGroup && !m.isMine,
|
|
94469
94477
|
tail: lastInGroup,
|
|
94470
94478
|
});
|
|
94471
94479
|
}
|
|
@@ -94474,15 +94482,16 @@ class ChatWindowComponent {
|
|
|
94474
94482
|
this.i18n.registerDefaults('ChatWindow', CHAT_WINDOW_I18N);
|
|
94475
94483
|
// Auto-scroll al fondo cuando llegan mensajes y el usuario ya estaba abajo
|
|
94476
94484
|
// (o el último mensaje es propio). Si está leyendo arriba, marca "nuevos".
|
|
94477
|
-
let
|
|
94485
|
+
let prevSignature = '';
|
|
94478
94486
|
effect(() => {
|
|
94479
|
-
const
|
|
94480
|
-
const
|
|
94481
|
-
|
|
94487
|
+
const messages = this.messages();
|
|
94488
|
+
const last = messages[messages.length - 1];
|
|
94489
|
+
const signature = `${messages.length}:${last?.msgId ?? ''}:${last?.body?.length ?? 0}`;
|
|
94490
|
+
if (signature === prevSignature)
|
|
94482
94491
|
return;
|
|
94483
|
-
const
|
|
94484
|
-
|
|
94485
|
-
|
|
94492
|
+
const previousCount = Number(prevSignature.split(':')[0] || 0);
|
|
94493
|
+
const grew = messages.length > previousCount;
|
|
94494
|
+
prevSignature = signature;
|
|
94486
94495
|
const mine = last?.isMine ?? false;
|
|
94487
94496
|
if (this.atBottom() || mine) {
|
|
94488
94497
|
setTimeout(() => this.scrollToBottom(false), 0);
|
|
@@ -94540,7 +94549,7 @@ class ChatWindowComponent {
|
|
|
94540
94549
|
return this.i18n.t(key, 'ChatWindow');
|
|
94541
94550
|
}
|
|
94542
94551
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
94543
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChatWindowComponent, isStandalone: true, selector: "val-chat-window", inputs: { convId: { classPropertyName: "convId", publicName: "convId", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, currentUserId: { classPropertyName: "currentUserId", publicName: "currentUserId", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, typingUsers: { classPropertyName: "typingUsers", publicName: "typingUsers", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, canModerate: { classPropertyName: "canModerate", publicName: "canModerate", isSignal: true, isRequired: false, transformFunction: null }, showAttach: { classPropertyName: "showAttach", publicName: "showAttach", isSignal: true, isRequired: false, transformFunction: null }, showDictation: { classPropertyName: "showDictation", publicName: "showDictation", isSignal: true, isRequired: false, transformFunction: null }, showVoiceMessage: { classPropertyName: "showVoiceMessage", publicName: "showVoiceMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", loadMore: "loadMore", reactionClick: "reactionClick", deleteMessage: "deleteMessage", replyTo: "replyTo", editMessage: "editMessage", typing: "typing", voice: "voice" }, viewQueries: [{ propertyName: "msgsEl", first: true, predicate: ["msgs"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
94552
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChatWindowComponent, isStandalone: true, selector: "val-chat-window", inputs: { convId: { classPropertyName: "convId", publicName: "convId", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, currentUserId: { classPropertyName: "currentUserId", publicName: "currentUserId", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, typingUsers: { classPropertyName: "typingUsers", publicName: "typingUsers", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, canModerate: { classPropertyName: "canModerate", publicName: "canModerate", isSignal: true, isRequired: false, transformFunction: null }, showAttach: { classPropertyName: "showAttach", publicName: "showAttach", isSignal: true, isRequired: false, transformFunction: null }, showDictation: { classPropertyName: "showDictation", publicName: "showDictation", isSignal: true, isRequired: false, transformFunction: null }, showVoiceMessage: { classPropertyName: "showVoiceMessage", publicName: "showVoiceMessage", isSignal: true, isRequired: false, transformFunction: null }, showAvatars: { classPropertyName: "showAvatars", publicName: "showAvatars", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", loadMore: "loadMore", reactionClick: "reactionClick", deleteMessage: "deleteMessage", replyTo: "replyTo", editMessage: "editMessage", typing: "typing", voice: "voice" }, viewQueries: [{ propertyName: "msgsEl", first: true, predicate: ["msgs"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
94544
94553
|
<div class="chat">
|
|
94545
94554
|
<div #msgs class="messages" (scroll)="onScroll()">
|
|
94546
94555
|
@if (isLoading()) {
|
|
@@ -94598,7 +94607,7 @@ class ChatWindowComponent {
|
|
|
94598
94607
|
<div class="closed-banner">{{ t('conversationClosed') }}</div>
|
|
94599
94608
|
}
|
|
94600
94609
|
</div>
|
|
94601
|
-
`, isInline: true, styles: [":host{display:block;position:relative;height:100%;min-height:0}.chat{position:absolute;inset:0;display:flex;flex-direction:column}.messages{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:
|
|
94610
|
+
`, isInline: true, styles: [":host{display:block;position:relative;height:100%;min-height:0}.chat{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--val-chat-background, var(--ion-background-color, #fff))}.messages{flex:1;min-height:0;overflow-y:auto;padding:var(--val-chat-messages-padding, 18px 16px 12px);display:flex;flex-direction:column;gap:2px}.state{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ion-color-dark, #92949c);font-size:.9375rem;text-align:center;padding:24px}.state.empty ion-icon{font-size:2.5rem;opacity:.5}.date-sep{position:sticky;top:4px;z-index:1;display:flex;justify-content:center;margin:8px 0}.date-sep span{font-size:.75rem;color:var(--ion-color-dark, #92949c);background:var(--val-chat-date-background, rgba(127, 127, 127, .08));padding:3px 12px;border-radius:999px;backdrop-filter:blur(4px)}.scroll-down{position:absolute;right:14px;bottom:84px;width:40px;height:40px;border-radius:50%;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));color:var(--ion-color-dark, #92949c);box-shadow:0 2px 10px #00000026;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:3}.scroll-down .dot{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--ion-color-primary);border:2px solid var(--ion-card-background, #fff)}.closed-banner{text-align:center;padding:14px;color:var(--ion-color-dark, #92949c);font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: MessageBubbleComponent, selector: "val-message-bubble", inputs: ["msg", "showAvatar", "showName", "tail", "locale", "canModerate"], outputs: ["action"] }, { kind: "component", type: ChatComposerComponent, selector: "val-chat-composer", inputs: ["placeholder", "disabled", "maxLength", "replyingTo", "showAttach", "showMic", "showVoiceMessage"], outputs: ["send", "typing", "voice", "cancelReply"] }, { kind: "component", type: TypingIndicatorComponent, selector: "val-typing-indicator", inputs: ["typingUsers"] }] }); }
|
|
94602
94611
|
}
|
|
94603
94612
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWindowComponent, decorators: [{
|
|
94604
94613
|
type: Component,
|
|
@@ -94660,7 +94669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
94660
94669
|
<div class="closed-banner">{{ t('conversationClosed') }}</div>
|
|
94661
94670
|
}
|
|
94662
94671
|
</div>
|
|
94663
|
-
`, styles: [":host{display:block;position:relative;height:100%;min-height:0}.chat{position:absolute;inset:0;display:flex;flex-direction:column}.messages{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:
|
|
94672
|
+
`, styles: [":host{display:block;position:relative;height:100%;min-height:0}.chat{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--val-chat-background, var(--ion-background-color, #fff))}.messages{flex:1;min-height:0;overflow-y:auto;padding:var(--val-chat-messages-padding, 18px 16px 12px);display:flex;flex-direction:column;gap:2px}.state{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ion-color-dark, #92949c);font-size:.9375rem;text-align:center;padding:24px}.state.empty ion-icon{font-size:2.5rem;opacity:.5}.date-sep{position:sticky;top:4px;z-index:1;display:flex;justify-content:center;margin:8px 0}.date-sep span{font-size:.75rem;color:var(--ion-color-dark, #92949c);background:var(--val-chat-date-background, rgba(127, 127, 127, .08));padding:3px 12px;border-radius:999px;backdrop-filter:blur(4px)}.scroll-down{position:absolute;right:14px;bottom:84px;width:40px;height:40px;border-radius:50%;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));color:var(--ion-color-dark, #92949c);box-shadow:0 2px 10px #00000026;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:3}.scroll-down .dot{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--ion-color-primary);border:2px solid var(--ion-card-background, #fff)}.closed-banner{text-align:center;padding:14px;color:var(--ion-color-dark, #92949c);font-size:.875rem}\n"] }]
|
|
94664
94673
|
}], ctorParameters: () => [] });
|
|
94665
94674
|
|
|
94666
94675
|
const THREAD_PANEL_I18N = {
|
|
@@ -94822,7 +94831,7 @@ class ThreadPanelComponent {
|
|
|
94822
94831
|
</div>
|
|
94823
94832
|
}
|
|
94824
94833
|
</div>
|
|
94825
|
-
`, isInline: true, styles: [".thread-panel{display:flex;flex-direction:column;height:100%;background:var(--ion-background-color, #f4f5f8)}.thread-header{padding:12px 16px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff))}.thread-header .thread-title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #000);margin:0}.thread-loading{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;color:var(--ion-color-dark, #92949c);font-size:.875rem}.thread-chat{flex:1;overflow:hidden;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ChatWindowComponent, selector: "val-chat-window", inputs: ["convId", "messages", "currentUserId", "isOpen", "typingUsers", "isLoading", "canModerate", "showAttach", "showDictation", "showVoiceMessage"], outputs: ["sendMessage", "loadMore", "reactionClick", "deleteMessage", "replyTo", "editMessage", "typing", "voice"] }] }); }
|
|
94834
|
+
`, isInline: true, styles: [".thread-panel{display:flex;flex-direction:column;height:100%;background:var(--ion-background-color, #f4f5f8)}.thread-header{padding:12px 16px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff))}.thread-header .thread-title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #000);margin:0}.thread-loading{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;color:var(--ion-color-dark, #92949c);font-size:.875rem}.thread-chat{flex:1;overflow:hidden;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ChatWindowComponent, selector: "val-chat-window", inputs: ["convId", "messages", "currentUserId", "isOpen", "typingUsers", "isLoading", "canModerate", "showAttach", "showDictation", "showVoiceMessage", "showAvatars"], outputs: ["sendMessage", "loadMore", "reactionClick", "deleteMessage", "replyTo", "editMessage", "typing", "voice"] }] }); }
|
|
94826
94835
|
}
|
|
94827
94836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThreadPanelComponent, decorators: [{
|
|
94828
94837
|
type: Component,
|