@acorex/components 18.12.10 → 18.12.11
Sign up to get free protection for your applications and to get access to all the features.
- package/comment/index.d.ts +1 -0
- package/comment/lib/comment-date/comment-date.component.d.ts +10 -0
- package/comment/lib/comment-item/comment-item.component.d.ts +4 -1
- package/comment/lib/comment.module.d.ts +7 -6
- package/esm2022/comment/index.mjs +2 -1
- package/esm2022/comment/lib/comment-date/comment-date.component.mjs +16 -0
- package/esm2022/comment/lib/comment-item/comment-item.component.mjs +8 -4
- package/esm2022/comment/lib/comment.module.mjs +7 -3
- package/esm2022/map/lib/map.component.mjs +4 -4
- package/fesm2022/acorex-components-comment.mjs +27 -6
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +3 -3
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/map/lib/map.component.d.ts +2 -2
- package/package.json +31 -31
package/comment/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './lib/comment-container/comment-container.component';
|
|
2
|
+
export * from './lib/comment-date/comment-date.component';
|
|
2
3
|
export * from './lib/comment-item/comment-item.component';
|
|
3
4
|
export * from './lib/comment-like/comment-like.component';
|
|
4
5
|
export * from './lib/comment-menu-options/comment-menu-options.component';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* A component for displaying and managing date on a comment.
|
|
4
|
+
*
|
|
5
|
+
* @category Components
|
|
6
|
+
*/
|
|
7
|
+
export declare class AXCommentDateComponent {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentDateComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentDateComponent, "ax-comment-date", never, {}, {}, never, ["*"], false, never>;
|
|
10
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AXAvatarComponent } from '@acorex/components/avatar';
|
|
2
|
+
import { AXCollapseComponent } from '@acorex/components/collapse';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* A component that represents an individual comment item in the comment system.
|
|
@@ -14,10 +15,12 @@ export declare class AxCommentItemComponent {
|
|
|
14
15
|
* @ignore
|
|
15
16
|
*/
|
|
16
17
|
protected commentItems: import("@angular/core").Signal<readonly AxCommentItemComponent[]>;
|
|
18
|
+
protected collaps: import("@angular/core").Signal<AXCollapseComponent>;
|
|
17
19
|
/**
|
|
18
20
|
* @ignore
|
|
19
21
|
*/
|
|
20
22
|
constructor();
|
|
23
|
+
toggleCollaps(): void;
|
|
21
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<AxCommentItemComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AxCommentItemComponent, "ax-comment-item", never, {}, {}, ["avatar", "commentItems"], ["ax-avatar", "ax-title", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item"], false, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AxCommentItemComponent, "ax-comment-item", never, {}, {}, ["avatar", "commentItems"], ["ax-avatar", "ax-title", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item"], false, never>;
|
|
23
26
|
}
|
|
@@ -5,13 +5,14 @@ import * as i3 from "./comment-item/comment-item.component";
|
|
|
5
5
|
import * as i4 from "./comment-like/comment-like.component";
|
|
6
6
|
import * as i5 from "./comment-menu-options/comment-menu-options.component";
|
|
7
7
|
import * as i6 from "./comment-reply-text/comment-reply-text.component";
|
|
8
|
-
import * as i7 from "
|
|
9
|
-
import * as i8 from "@acorex/components/
|
|
10
|
-
import * as i9 from "@acorex/components/
|
|
11
|
-
import * as i10 from "@acorex/components/
|
|
12
|
-
import * as i11 from "@acorex/components/
|
|
8
|
+
import * as i7 from "./comment-date/comment-date.component";
|
|
9
|
+
import * as i8 from "@acorex/components/decorators";
|
|
10
|
+
import * as i9 from "@acorex/components/wysiwyg";
|
|
11
|
+
import * as i10 from "@acorex/components/collapse";
|
|
12
|
+
import * as i11 from "@acorex/components/button";
|
|
13
|
+
import * as i12 from "@acorex/components/text-area";
|
|
13
14
|
export declare class AXCommentModule {
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentModule, never>;
|
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommentModule, [typeof i1.AXCommentViewComponent, typeof i2.AXCommentContainerComponent, typeof i3.AxCommentItemComponent, typeof i4.AXCommentLikeComponent, typeof i5.AXMenuOptionsComponent, typeof i6.AXCommentReplyTextComponent], [typeof
|
|
16
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommentModule, [typeof i1.AXCommentViewComponent, typeof i2.AXCommentContainerComponent, typeof i3.AxCommentItemComponent, typeof i4.AXCommentLikeComponent, typeof i5.AXMenuOptionsComponent, typeof i6.AXCommentReplyTextComponent, typeof i7.AXCommentDateComponent], [typeof i8.AXDecoratorModule, typeof i9.AXWysiwygModule, typeof i10.AXCollapseModule, typeof i11.AXButtonModule, typeof i12.AXTextAreaModule], [typeof i1.AXCommentViewComponent, typeof i2.AXCommentContainerComponent, typeof i3.AxCommentItemComponent, typeof i4.AXCommentLikeComponent, typeof i5.AXMenuOptionsComponent, typeof i6.AXCommentReplyTextComponent, typeof i7.AXCommentDateComponent]>;
|
|
16
17
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXCommentModule>;
|
|
17
18
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export * from './lib/comment-container/comment-container.component';
|
|
2
|
+
export * from './lib/comment-date/comment-date.component';
|
|
2
3
|
export * from './lib/comment-item/comment-item.component';
|
|
3
4
|
export * from './lib/comment-like/comment-like.component';
|
|
4
5
|
export * from './lib/comment-menu-options/comment-menu-options.component';
|
|
5
6
|
export * from './lib/comment-reply-text/comment-reply-text.component';
|
|
6
7
|
export * from './lib/comment-view/comment-view.component';
|
|
7
8
|
export * from './lib/comment.module';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29tbWVudC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxREFBcUQsQ0FBQztBQUNwRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvY29tbWVudC1jb250YWluZXIvY29tbWVudC1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbW1lbnQtZGF0ZS9jb21tZW50LWRhdGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbW1lbnQtaXRlbS9jb21tZW50LWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbW1lbnQtbGlrZS9jb21tZW50LWxpa2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbW1lbnQtbWVudS1vcHRpb25zL2NvbW1lbnQtbWVudS1vcHRpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21tZW50LXJlcGx5LXRleHQvY29tbWVudC1yZXBseS10ZXh0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21tZW50LXZpZXcvY29tbWVudC12aWV3LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21tZW50Lm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* A component for displaying and managing date on a comment.
|
|
5
|
+
*
|
|
6
|
+
* @category Components
|
|
7
|
+
*/
|
|
8
|
+
export class AXCommentDateComponent {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCommentDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCommentDateComponent, selector: "ax-comment-date", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["ax-comment-date{color:rgb(var(--ax-color-neutral-400));font-size:.8rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCommentDateComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'ax-comment-date', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ["ax-comment-date{color:rgb(var(--ax-color-neutral-400));font-size:.8rem}\n"] }]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1kYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jb21tZW50L3NyYy9saWIvY29tbWVudC1kYXRlL2NvbW1lbnQtZGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29tbWVudC9zcmMvbGliL2NvbW1lbnQtZGF0ZS9jb21tZW50LWRhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFN0Q7Ozs7R0FJRztBQU9ILE1BQU0sT0FBTyxzQkFBc0I7OEdBQXRCLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHVEQ2JuQyw2QkFDQTs7MkZEWWEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGFuZCBtYW5hZ2luZyBkYXRlIG9uIGEgY29tbWVudC5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb21tZW50LWRhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC1kYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtZGF0ZS5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29tbWVudERhdGVDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AXAvatarComponent } from '@acorex/components/avatar';
|
|
2
|
-
import { afterNextRender, Component, contentChild, contentChildren, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { afterNextRender, Component, contentChild, contentChildren, viewChild, ViewEncapsulation, } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@acorex/components/collapse";
|
|
5
5
|
/**
|
|
@@ -20,15 +20,19 @@ export class AxCommentItemComponent {
|
|
|
20
20
|
* @ignore
|
|
21
21
|
*/
|
|
22
22
|
this.commentItems = contentChildren(AxCommentItemComponent);
|
|
23
|
+
this.collaps = viewChild('c');
|
|
23
24
|
afterNextRender(() => {
|
|
24
25
|
this.avatar().size.set(40);
|
|
25
26
|
});
|
|
26
27
|
}
|
|
28
|
+
toggleCollaps() {
|
|
29
|
+
this.collaps().toggle();
|
|
30
|
+
}
|
|
27
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AxCommentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AxCommentItemComponent, selector: "ax-comment-item", queries: [{ propertyName: "avatar", first: true, predicate: AXAvatarComponent, descendants: true, isSignal: true }, { propertyName: "commentItems", predicate: AxCommentItemComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ax-comment-items\">\n <div class=\"ax-header-container\">\n <div class=\"ax-title-avatar-container\">\n <ng-content select=\"ax-avatar\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n </div>\n\n <div>\n <ng-content select=\"ax-comment-menu-options\"></ng-content>\n </div>\n </div>\n <div class=\"ax-content-container\">\n <ng-content select=\"ax-content\"></ng-content>\n <div class=\"ax-reaction-container\">\n <ng-content select=\"ax-comment-like\"></ng-content>\n <ng-content select=\"ax-comment-reply-text\"></ng-content>\n </div>\n </div>\n @if (commentItems().length > 0) {\n <div class=\"ax-comment-replies\">\n <ax-collapse-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n <ax-collapse caption=\"View {{ commentItems().length }} Replies\" [isCollapsed]=\"true\">\n <ng-content select=\"ax-comment-item\"></ng-content>\n </ax-collapse>\n </ax-collapse-group>\n </div>\n }\n</div>\n", styles: [".ax-comment-items .ax-header-container{display:flex;align-items:center;justify-content:space-between}.ax-comment-items .ax-header-container .ax-title-avatar-container{display:flex}.ax-comment-items .ax-header-container ax-title{font-weight:700;padding:.5rem}.ax-comment-items .ax-content-container{margin-inline-start:3rem;display:flex;flex-direction:column}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:.8rem;display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:1.5rem}.ax-comment-items .ax-content-container .ax-reaction-container ax-text{color:rgba(var(--ax-color-neutral-500))}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:2rem}\n"], dependencies: [{ kind: "component", type: i1.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i1.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AxCommentItemComponent, selector: "ax-comment-item", queries: [{ propertyName: "avatar", first: true, predicate: AXAvatarComponent, descendants: true, isSignal: true }, { propertyName: "commentItems", predicate: AxCommentItemComponent, isSignal: true }], viewQueries: [{ propertyName: "collaps", first: true, predicate: ["c"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-comment-items\">\n <div class=\"ax-header-container\">\n <div class=\"ax-title-avatar-container\">\n <ng-content select=\"ax-avatar\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n <ng-content select=\"ax-comment-date\"></ng-content>\n </div>\n\n <div>\n <ng-content select=\"ax-comment-menu-options\"></ng-content>\n </div>\n </div>\n <div class=\"ax-content-container\">\n <ng-content select=\"ax-content\"></ng-content>\n <div class=\"ax-reaction-container\">\n <ng-content select=\"ax-comment-like\"></ng-content>\n <ng-content select=\"ax-comment-reply-text\"></ng-content>\n </div>\n </div>\n @if (commentItems().length > 0) {\n <div class=\"ax-comment-replies\">\n <ax-collapse-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n <ax-collapse #c caption=\"View {{ commentItems().length }} Replies\" [isCollapsed]=\"true\">\n <ng-content select=\"ax-comment-item\"></ng-content>\n </ax-collapse>\n </ax-collapse-group>\n </div>\n }\n</div>\n", styles: [".ax-comment-items .ax-header-container{display:flex;align-items:center;justify-content:space-between}.ax-comment-items .ax-header-container .ax-title-avatar-container{display:flex;align-items:center}.ax-comment-items .ax-header-container ax-title{font-weight:700;padding:.5rem}.ax-comment-items .ax-content-container{margin-inline-start:3rem;display:flex;flex-direction:column}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:.8rem;display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:1.5rem}.ax-comment-items .ax-content-container .ax-reaction-container ax-text{color:rgba(var(--ax-color-neutral-500))}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:2rem}\n"], dependencies: [{ kind: "component", type: i1.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i1.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
29
33
|
}
|
|
30
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AxCommentItemComponent, decorators: [{
|
|
31
35
|
type: Component,
|
|
32
|
-
args: [{ selector: 'ax-comment-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-comment-items\">\n <div class=\"ax-header-container\">\n <div class=\"ax-title-avatar-container\">\n <ng-content select=\"ax-avatar\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n </div>\n\n <div>\n <ng-content select=\"ax-comment-menu-options\"></ng-content>\n </div>\n </div>\n <div class=\"ax-content-container\">\n <ng-content select=\"ax-content\"></ng-content>\n <div class=\"ax-reaction-container\">\n <ng-content select=\"ax-comment-like\"></ng-content>\n <ng-content select=\"ax-comment-reply-text\"></ng-content>\n </div>\n </div>\n @if (commentItems().length > 0) {\n <div class=\"ax-comment-replies\">\n <ax-collapse-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n <ax-collapse caption=\"View {{ commentItems().length }} Replies\" [isCollapsed]=\"true\">\n <ng-content select=\"ax-comment-item\"></ng-content>\n </ax-collapse>\n </ax-collapse-group>\n </div>\n }\n</div>\n", styles: [".ax-comment-items .ax-header-container{display:flex;align-items:center;justify-content:space-between}.ax-comment-items .ax-header-container .ax-title-avatar-container{display:flex}.ax-comment-items .ax-header-container ax-title{font-weight:700;padding:.5rem}.ax-comment-items .ax-content-container{margin-inline-start:3rem;display:flex;flex-direction:column}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:.8rem;display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:1.5rem}.ax-comment-items .ax-content-container .ax-reaction-container ax-text{color:rgba(var(--ax-color-neutral-500))}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:2rem}\n"] }]
|
|
36
|
+
args: [{ selector: 'ax-comment-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-comment-items\">\n <div class=\"ax-header-container\">\n <div class=\"ax-title-avatar-container\">\n <ng-content select=\"ax-avatar\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n <ng-content select=\"ax-comment-date\"></ng-content>\n </div>\n\n <div>\n <ng-content select=\"ax-comment-menu-options\"></ng-content>\n </div>\n </div>\n <div class=\"ax-content-container\">\n <ng-content select=\"ax-content\"></ng-content>\n <div class=\"ax-reaction-container\">\n <ng-content select=\"ax-comment-like\"></ng-content>\n <ng-content select=\"ax-comment-reply-text\"></ng-content>\n </div>\n </div>\n @if (commentItems().length > 0) {\n <div class=\"ax-comment-replies\">\n <ax-collapse-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n <ax-collapse #c caption=\"View {{ commentItems().length }} Replies\" [isCollapsed]=\"true\">\n <ng-content select=\"ax-comment-item\"></ng-content>\n </ax-collapse>\n </ax-collapse-group>\n </div>\n }\n</div>\n", styles: [".ax-comment-items .ax-header-container{display:flex;align-items:center;justify-content:space-between}.ax-comment-items .ax-header-container .ax-title-avatar-container{display:flex;align-items:center}.ax-comment-items .ax-header-container ax-title{font-weight:700;padding:.5rem}.ax-comment-items .ax-content-container{margin-inline-start:3rem;display:flex;flex-direction:column}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:.8rem;display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:1.5rem}.ax-comment-items .ax-content-container .ax-reaction-container ax-text{color:rgba(var(--ax-color-neutral-500))}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:2rem}\n"] }]
|
|
33
37
|
}], ctorParameters: () => [] });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jb21tZW50L3NyYy9saWIvY29tbWVudC1pdGVtL2NvbW1lbnQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29tbWVudC9zcmMvbGliL2NvbW1lbnQtaXRlbS9jb21tZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFOUQsT0FBTyxFQUNMLGVBQWUsRUFDZixTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFDZixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkI7Ozs7R0FJRztBQU9ILE1BQU0sT0FBTyxzQkFBc0I7SUFZakM7O09BRUc7SUFDSDtRQWRBOztXQUVHO1FBQ08sV0FBTSxHQUFHLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ25EOztXQUVHO1FBQ08saUJBQVksR0FBRyxlQUFlLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUV2RCxZQUFPLEdBQUcsU0FBUyxDQUFzQixHQUFHLENBQUMsQ0FBQztRQU10RCxlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs4R0F2QlUsc0JBQXNCO2tHQUF0QixzQkFBc0IsMkZBSUQsaUJBQWlCLGtGQUlSLHNCQUFzQiwySkM5QmpFLG1rQ0E2QkE7OzJGRFBhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2F2YXRhcic7XG5pbXBvcnQgeyBBWENvbGxhcHNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbGxhcHNlJztcbmltcG9ydCB7XG4gIGFmdGVyTmV4dFJlbmRlcixcbiAgQ29tcG9uZW50LFxuICBjb250ZW50Q2hpbGQsXG4gIGNvbnRlbnRDaGlsZHJlbixcbiAgdmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCByZXByZXNlbnRzIGFuIGluZGl2aWR1YWwgY29tbWVudCBpdGVtIGluIHRoZSBjb21tZW50IHN5c3RlbS5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb21tZW50LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtaXRlbS5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEF4Q29tbWVudEl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBhdmF0YXIgPSBjb250ZW50Q2hpbGQoQVhBdmF0YXJDb21wb25lbnQpO1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBjb21tZW50SXRlbXMgPSBjb250ZW50Q2hpbGRyZW4oQXhDb21tZW50SXRlbUNvbXBvbmVudCk7XG5cbiAgcHJvdGVjdGVkIGNvbGxhcHMgPSB2aWV3Q2hpbGQ8QVhDb2xsYXBzZUNvbXBvbmVudD4oJ2MnKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgICB0aGlzLmF2YXRhcigpLnNpemUuc2V0KDQwKTtcbiAgICB9KTtcbiAgfVxuXG4gIHRvZ2dsZUNvbGxhcHMoKSB7XG4gICAgdGhpcy5jb2xsYXBzKCkudG9nZ2xlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheC1jb21tZW50LWl0ZW1zXCI+XG4gIDxkaXYgY2xhc3M9XCJheC1oZWFkZXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImF4LXRpdGxlLWF2YXRhci1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWF2YXRhclwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29tbWVudC1kYXRlXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNvbW1lbnQtbWVudS1vcHRpb25zXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImF4LWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtcmVhY3Rpb24tY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb21tZW50LWxpa2VcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb21tZW50LXJlcGx5LXRleHRcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBAaWYgKGNvbW1lbnRJdGVtcygpLmxlbmd0aCA+IDApIHtcbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29tbWVudC1yZXBsaWVzXCI+XG4gICAgICA8YXgtY29sbGFwc2UtZ3JvdXAgbG9vaz1cIm5vbmVcIiBbYWNjb3JkaW9uXT1cInRydWVcIiBbYWN0aXZlSW5kZXhdPVwiMVwiPlxuICAgICAgICA8YXgtY29sbGFwc2UgI2MgY2FwdGlvbj1cIlZpZXcge3sgY29tbWVudEl0ZW1zKCkubGVuZ3RoIH19ICBSZXBsaWVzXCIgW2lzQ29sbGFwc2VkXT1cInRydWVcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb21tZW50LWl0ZW1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvYXgtY29sbGFwc2U+XG4gICAgICA8L2F4LWNvbGxhcHNlLWdyb3VwPlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -5,6 +5,7 @@ import { AXTextAreaModule } from '@acorex/components/text-area';
|
|
|
5
5
|
import { AXWysiwygModule } from '@acorex/components/wysiwyg';
|
|
6
6
|
import { NgModule } from '@angular/core';
|
|
7
7
|
import { AXCommentContainerComponent } from './comment-container/comment-container.component';
|
|
8
|
+
import { AXCommentDateComponent } from './comment-date/comment-date.component';
|
|
8
9
|
import { AxCommentItemComponent } from './comment-item/comment-item.component';
|
|
9
10
|
import { AXCommentLikeComponent } from './comment-like/comment-like.component';
|
|
10
11
|
import { AXMenuOptionsComponent } from './comment-menu-options/comment-menu-options.component';
|
|
@@ -18,6 +19,7 @@ const COMPONENT = [
|
|
|
18
19
|
AXCommentLikeComponent,
|
|
19
20
|
AXMenuOptionsComponent,
|
|
20
21
|
AXCommentReplyTextComponent,
|
|
22
|
+
AXCommentDateComponent,
|
|
21
23
|
];
|
|
22
24
|
const MODULES = [AXDecoratorModule, AXWysiwygModule, AXCollapseModule, AXButtonModule, AXTextAreaModule];
|
|
23
25
|
export class AXCommentModule {
|
|
@@ -27,12 +29,14 @@ export class AXCommentModule {
|
|
|
27
29
|
AxCommentItemComponent,
|
|
28
30
|
AXCommentLikeComponent,
|
|
29
31
|
AXMenuOptionsComponent,
|
|
30
|
-
AXCommentReplyTextComponent
|
|
32
|
+
AXCommentReplyTextComponent,
|
|
33
|
+
AXCommentDateComponent], imports: [AXDecoratorModule, AXWysiwygModule, AXCollapseModule, AXButtonModule, AXTextAreaModule], exports: [AXCommentViewComponent,
|
|
31
34
|
AXCommentContainerComponent,
|
|
32
35
|
AxCommentItemComponent,
|
|
33
36
|
AXCommentLikeComponent,
|
|
34
37
|
AXMenuOptionsComponent,
|
|
35
|
-
AXCommentReplyTextComponent
|
|
38
|
+
AXCommentReplyTextComponent,
|
|
39
|
+
AXCommentDateComponent] }); }
|
|
36
40
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCommentModule, imports: [MODULES] }); }
|
|
37
41
|
}
|
|
38
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCommentModule, decorators: [{
|
|
@@ -44,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
|
44
48
|
providers: [],
|
|
45
49
|
}]
|
|
46
50
|
}] });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29tbWVudC9zcmMvbGliL2NvbW1lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUMvRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNoRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFFL0UsTUFBTSxTQUFTLEdBQUc7SUFDaEIsc0JBQXNCO0lBQ3RCLDJCQUEyQjtJQUMzQixzQkFBc0I7SUFDdEIsc0JBQXNCO0lBQ3RCLHNCQUFzQjtJQUN0QiwyQkFBMkI7SUFDM0Isc0JBQXNCO0NBQ3ZCLENBQUM7QUFDRixNQUFNLE9BQU8sR0FBRyxDQUFDLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQVF6RyxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsaUJBaEIxQixzQkFBc0I7WUFDdEIsMkJBQTJCO1lBQzNCLHNCQUFzQjtZQUN0QixzQkFBc0I7WUFDdEIsc0JBQXNCO1lBQ3RCLDJCQUEyQjtZQUMzQixzQkFBc0IsYUFFUCxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixhQVJyRyxzQkFBc0I7WUFDdEIsMkJBQTJCO1lBQzNCLHNCQUFzQjtZQUN0QixzQkFBc0I7WUFDdEIsc0JBQXNCO1lBQ3RCLDJCQUEyQjtZQUMzQixzQkFBc0I7K0dBVVgsZUFBZSxZQUpiLE9BQU87OzJGQUlULGVBQWU7a0JBTjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQzVCLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO29CQUNyQixPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhDb2xsYXBzZU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb2xsYXBzZSc7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYVGV4dEFyZWFNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1hcmVhJztcbmltcG9ydCB7IEFYV3lzaXd5Z01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy93eXNpd3lnJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENvbW1lbnRDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbW1lbnQtY29udGFpbmVyL2NvbW1lbnQtY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWENvbW1lbnREYXRlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LWRhdGUvY29tbWVudC1kYXRlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBeENvbW1lbnRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LWl0ZW0vY29tbWVudC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWENvbW1lbnRMaWtlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LWxpa2UvY29tbWVudC1saWtlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1lbnVPcHRpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LW1lbnUtb3B0aW9ucy9jb21tZW50LW1lbnUtb3B0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhDb21tZW50UmVwbHlUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LXJlcGx5LXRleHQvY29tbWVudC1yZXBseS10ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWENvbW1lbnRWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LXZpZXcvY29tbWVudC12aWV3LmNvbXBvbmVudCc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtcbiAgQVhDb21tZW50Vmlld0NvbXBvbmVudCxcbiAgQVhDb21tZW50Q29udGFpbmVyQ29tcG9uZW50LFxuICBBeENvbW1lbnRJdGVtQ29tcG9uZW50LFxuICBBWENvbW1lbnRMaWtlQ29tcG9uZW50LFxuICBBWE1lbnVPcHRpb25zQ29tcG9uZW50LFxuICBBWENvbW1lbnRSZXBseVRleHRDb21wb25lbnQsXG4gIEFYQ29tbWVudERhdGVDb21wb25lbnQsXG5dO1xuY29uc3QgTU9EVUxFUyA9IFtBWERlY29yYXRvck1vZHVsZSwgQVhXeXNpd3lnTW9kdWxlLCBBWENvbGxhcHNlTW9kdWxlLCBBWEJ1dHRvbk1vZHVsZSwgQVhUZXh0QXJlYU1vZHVsZV07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29tbWVudE1vZHVsZSB7fVxuIl19
|