@acorex/components 22.4.14 → 22.4.16

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "22.4.14",
+  "version": "22.4.16",
   "peerDependencies": {
-    "@acorex/core": "22.4.14",
-    "@acorex/cdk": "22.4.14",
+    "@acorex/core": "22.4.16",
+    "@acorex/cdk": "22.4.16",
     "@angular/aria": ">=22.1.0",
     "polytype": ">=0.17.0",
     "hammerjs": ">=2.0.8",

package/types/acorex-components-comment.d.ts

@@ -43,6 +43,10 @@ interface AXCommentItem {
     initials?: string;
     color?: AXStyleColorType;
     date?: string;
+    /** When true, shows an “edited” label before the date in the default layout. */
+    edited?: boolean;
+    /** Optional tooltip on the edited label (for example “Edited 5 minutes ago”). */
+    editedAt?: string;
     content?: string;
     likes?: number;
     liked?: boolean;
@@ -158,6 +162,7 @@ declare class AXCommentItemComponent {
     protected readonly overflowItems: _angular_core.Signal<AXButtonItemListItem[]>;
     constructor();
     protected getColor(data: AXCommentItem): AXStyleColorType;
+    protected showEdited(data: AXCommentItem): boolean;
     protected getInitials(data: AXCommentItem): string;
     protected handleLike(liked: boolean): void;
     protected handleReply(event: Event): void;
@@ -177,7 +182,7 @@ declare class AXCommentItemComponent {
      */
     hideReplies(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommentItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; "repliesExpanded": { "alias": "repliesExpanded"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "itemContext": { "alias": "itemContext"; "required": false; "isSignal": true; }; }, { "repliesExpanded": "repliesExpandedChange"; "likeChange": "likeChange"; "replyClick": "replyClick"; "actionClick": "actionClick"; }, ["projectedAvatar"], ["ax-avatar", "ax-title", "ax-subtitle", "ax-badge", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item", "ax-comment-reply-more", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; "repliesExpanded": { "alias": "repliesExpanded"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "itemContext": { "alias": "itemContext"; "required": false; "isSignal": true; }; }, { "repliesExpanded": "repliesExpandedChange"; "likeChange": "likeChange"; "replyClick": "replyClick"; "actionClick": "actionClick"; }, ["projectedAvatar"], ["ax-avatar", "ax-title", "ax-subtitle", "ax-badge", "ax-comment-edited", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item", "ax-comment-reply-more", "*"], true, never>;
 }
 
 /**
@@ -190,6 +195,18 @@ declare class AXCommentDateComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentDateComponent, "ax-comment-date", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Muted “edited” label shown next to the comment timestamp.
+ *
+ * @category Components
+ */
+declare class AXCommentEditedComponent {
+    /** Optional tooltip (for example the time the comment was last edited). */
+    readonly editedAt: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommentEditedComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommentEditedComponent, "ax-comment-edited", never, { "editedAt": { "alias": "editedAt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * A component for displaying and managing likes on a comment.
  *
@@ -365,9 +382,9 @@ declare class AXCommentViewComponent {
 
 declare class AXCommentModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCommentModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXWysiwygModule, typeof i3.AXBadgeModule, typeof i4.AXButtonModule, typeof i5.AXTextAreaModule, typeof i6.AXTranslationModule, typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent, typeof AXCommentItemTemplateDirective], [typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent, typeof AXCommentItemTemplateDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCommentModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXWysiwygModule, typeof i3.AXBadgeModule, typeof i4.AXButtonModule, typeof i5.AXTextAreaModule, typeof i6.AXTranslationModule, typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentEditedComponent, typeof AXCommentReplyMoreComponent, typeof AXCommentItemTemplateDirective], [typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentEditedComponent, typeof AXCommentReplyMoreComponent, typeof AXCommentItemTemplateDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCommentModule>;
 }
 
-export { AXCommentContainerComponent, AXCommentDateComponent, AXCommentItemComponent, AXCommentItemTemplateDirective, AXCommentLikeComponent, AXCommentModule, AXCommentReplyComponent, AXCommentReplyMoreComponent, AXCommentReplyTextComponent, AXCommentViewComponent, AXMenuOptionsComponent };
+export { AXCommentContainerComponent, AXCommentDateComponent, AXCommentEditedComponent, AXCommentItemComponent, AXCommentItemTemplateDirective, AXCommentLikeComponent, AXCommentModule, AXCommentReplyComponent, AXCommentReplyMoreComponent, AXCommentReplyTextComponent, AXCommentViewComponent, AXMenuOptionsComponent };
 export type { AXCommentActionEvent, AXCommentCallback, AXCommentDataSource, AXCommentItem, AXCommentItemTemplateContext, AXCommentLikeChangeEvent, AXCommentRepliesToggleEvent, AXCommentReplyEvent };

package/types/acorex-components-text-editor.d.ts

@@ -123,13 +123,26 @@ declare class AXTextEditorComponent extends AXTextEditorComponent_base {
     private syncingFromEditor;
     readonly placeHolder: _angular_core.InputSignal<string>;
     readonly outputFormat: _angular_core.InputSignal<AXTextEditorOutputFormat>;
+    /**
+     * Minimum visible height of the editable surface, in text lines.
+     * Takes precedence over {@link initialLine} when set.
+     */
+    readonly line: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Minimum height of the editable surface, measured in text lines.
      *
      * @defaultValue 6
      */
     readonly initialLine: _angular_core.InputSignalWithTransform<number, unknown>;
-    protected readonly initialLineCss: _angular_core.Signal<string>;
+    /**
+     * Maximum visible height of the editable area, in text lines.
+     * When set, content scrolls inside the editor after this height.
+     */
+    readonly maxLine: _angular_core.InputSignalWithTransform<number, unknown>;
+    protected readonly resolvedLine: _angular_core.Signal<number>;
+    protected readonly resolvedLineCss: _angular_core.Signal<string>;
+    protected readonly maxLineHeightStyle: _angular_core.Signal<string>;
+    private static parseLineCount;
     protected readonly zoomFactor: _angular_core.Signal<number>;
     constructor();
     protected readonly projectedContent: _angular_core.Signal<boolean>;
@@ -153,7 +166,7 @@ declare class AXTextEditorComponent extends AXTextEditorComponent_base {
     notifyEditorValue(value: AXTextEditorValue): void;
     protected internalValueChanged(value: AXTextEditorValue): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTextEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTextEditorComponent, "ax-text-editor", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "look": { "alias": "look"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; "isSignal": true; }; "outputFormat": { "alias": "outputFormat"; "required": false; "isSignal": true; }; "initialLine": { "alias": "initialLine"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["projected"], ["ax-text-editor-toolbar", "ax-header", "ax-text-editor-content", "ax-footer", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTextEditorComponent, "ax-text-editor", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "look": { "alias": "look"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; "isSignal": true; }; "outputFormat": { "alias": "outputFormat"; "required": false; "isSignal": true; }; "line": { "alias": "line"; "required": false; "isSignal": true; }; "initialLine": { "alias": "initialLine"; "required": false; "isSignal": true; }; "maxLine": { "alias": "maxLine"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["projected"], ["ax-text-editor-toolbar", "ax-header", "ax-text-editor-content", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
 declare const AX_TEXT_EDITOR_I18N: {